@baishuyun/ui-base 6.1.0 → 6.2.0

package/dist/Calendar/CurrentTimeIndicator-DaIywtIA.js

@@ -0,0 +1,59 @@
+import { t as e } from "../Tooltip/Tooltip-RkD8fs0B.js";
+import { getCurrentTimeInTZ as t, getCurrentTimeTop as n, isToday as r } from "./utils/index.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useEffect as o, useLayoutEffect as s, useRef as c, useState as l } from "react";
+//#region src/components/Calendar/shared/CurrentTimeIndicator/CurrentTimeIndicator.tsx
+var u = 4, d = ({ currentDate: d, zoomConfig: f, weekStart: p, timeZone: m }) => {
+	let h = c(null), [g, _] = l(() => n(f, m)), [v, y] = l(() => t(m));
+	o(() => {
+		if (!r(d, m)) return;
+		let e = () => {
+			_(n(f, m)), y(t(m));
+		};
+		e();
+		let i = setInterval(e, 6e4);
+		return () => clearInterval(i);
+	}, [
+		d,
+		f,
+		m
+	]), s(() => {
+		if (!r(d, m) || !h.current) return;
+		let e = h.current.parentElement?.closest?.(".bsy-calendar-day__scroll-container, .bsy-calendar-week__scroll-container");
+		if (!e) return;
+		let t = n(f, m), i = e.scrollHeight - e.clientHeight;
+		e.scrollTop = Math.max(0, Math.min(t - e.clientHeight / 2, i));
+	}, [
+		d,
+		m,
+		f
+	]);
+	let b = v.format("HH:mm");
+	if (!r(d, m)) return null;
+	let x = -6, S;
+	return p && (x = v.diff(p, "day") / 7 * 100, S = { left: `calc(${x}% - ${u}px)` }), /* @__PURE__ */ a("div", {
+		ref: h,
+		className: "bsy-calendar-current-time",
+		style: { top: g },
+		children: [/* @__PURE__ */ i(e, {
+			content: b,
+			placement: "top",
+			trigger: "hover",
+			showArrow: !0,
+			hoverDelay: 200,
+			style: {
+				color: "#ea4335",
+				fontSize: "12px",
+				textAlign: "center",
+				background: "#fff",
+				boxShadow: "0 2px 8px rgba(0,0,0,0.15)"
+			},
+			children: /* @__PURE__ */ i("div", {
+				className: "bsy-calendar-current-time__dot",
+				style: S
+			})
+		}), /* @__PURE__ */ i("div", { className: "bsy-calendar-current-time__line" })]
+	});
+};
+//#endregion
+export { d as t };

package/dist/Calendar/EventCard-D_VeOVDQ.js

@@ -0,0 +1,155 @@
+import { t as e } from "../Tooltip/Tooltip-RkD8fs0B.js";
+import { i as t, n, t as r } from "./context-DNOJ9LW_.js";
+import { m as i } from "./layout-DvWx_7gn.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { memo as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import p from "clsx";
+import { useContextSelector as m } from "use-context-selector";
+//#region src/components/Calendar/constants.ts
+var h = [
+	"day",
+	"week",
+	"month"
+], g = {
+	MIN_HEIGHT_FOR_TIME: 32,
+	MIN_HEIGHT_FOR_TITLE: 22
+}, _ = {
+	COLLAPSED_COUNT: 3,
+	EXPANDED_COUNT: 5,
+	EVENT_HEIGHT: 22,
+	EVENT_GAP: 4
+}, { MIN_HEIGHT_FOR_TIME: v, MIN_HEIGHT_FOR_TITLE: y } = g, b = (e) => {
+	let t = e?.parentElement ?? null;
+	for (; t;) {
+		let { overflowY: e } = getComputedStyle(t);
+		if (e === "auto" || e === "scroll") return t;
+		t = t.parentElement;
+	}
+	return null;
+}, x = s(function({ event: s, onClick: h, eventIndex: g, variant: _ = "timed", placement: x, position: S, visual: C, tooltip: w, disableGlobalHover: T = !1 }) {
+	let E = _ === "allDay", D = E && S?.mode === "grid", O = s.id, k = d(null), A = d(null), [j, M] = f(!1), N = m(t, c((e) => !T && e?.hoveredEventId === O, [T, O])), P = n((e) => e.timeZone), F = n((e) => e.formatMessage), I = n((e) => e.tooltip), L = r((e) => e.setHoveredEventId), R = w || I, z = c(() => {
+		T || L(O);
+	}, [
+		L,
+		O,
+		T
+	]), B = c(() => {
+		T || L(null);
+	}, [L, T]), V = u(() => R?.content?.(s, g ?? s.sourceIndex), [
+		R,
+		s,
+		g
+	]), H = u(() => {
+		if (!j || E) return;
+		let e = k.current;
+		if (!e) return;
+		A.current ||= b(e);
+		let t = A.current;
+		if (t) return { getBoundingClientRect() {
+			let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = Math.max(n.top, r.top), a = Math.min(n.bottom, r.bottom), o = Math.max(n.left, r.left), s = Math.min(n.right, r.right);
+			return {
+				x: o,
+				y: i,
+				top: i,
+				bottom: a,
+				left: o,
+				right: s,
+				width: Math.max(0, s - o),
+				height: Math.max(0, a - i),
+				toJSON: () => ({})
+			};
+		} };
+	}, [j, E]), U = c((e) => {
+		M(e);
+	}, []);
+	l(() => () => {
+		A.current = null;
+	}, []);
+	let W = u(() => {
+		if (!S) return;
+		let e = {};
+		switch (S.mode) {
+			case "grid": {
+				let { row: t, startCol: n, endCol: r } = S;
+				e.gridColumn = `${n + 1} / ${r + 1}`, e.gridRow = t + 1;
+				break;
+			}
+			case "absolute": {
+				let { top: t, height: n, hOffset: r, hSpan: i, hIsPercent: a = !0, isLastInColumn: o = !1 } = S;
+				e.top = t, e.height = Math.max(n, y), a ? (e.left = `${r}%`, e.width = o ? `${i}%` : `calc(${i}% - 4px)`) : (e.left = `${r}px`, e.width = o ? `${i}px` : `${Math.max(i - 4, 0)}px`);
+				break;
+			}
+			case "month-absolute": {
+				let { top: t, height: n, left: r, width: i } = S;
+				e.top = t, e.height = Math.max(n, y), e.left = r, e.width = i;
+				break;
+			}
+			default: break;
+		}
+		return e;
+	}, [S]), G = !E && S?.mode === "absolute" && S.height >= v, K = c((e) => {
+		e.stopPropagation(), h?.(s, g);
+	}, [
+		h,
+		s,
+		g
+	]), q = c((e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h?.(s, g));
+	}, [
+		h,
+		s,
+		g
+	]), J = p("bsy-calendar-event-card", {
+		"bsy-calendar-event-card--allday": E,
+		"bsy-calendar-event-card--week-grid": E && D,
+		"bsy-calendar-event-card--continues-left": C?.continuesLeft,
+		"bsy-calendar-event-card--continues-right": C?.continuesRight,
+		"bsy-calendar-event-card--timed": !E,
+		"bsy-calendar-event-card--hovered": N
+	}), Y = C ? C.showTitle !== !1 : !0, X = x || (E ? "bottom" : "top-start"), Z = /* @__PURE__ */ o("div", {
+		ref: k,
+		className: J,
+		style: W,
+		role: "button",
+		tabIndex: 0,
+		onClick: K,
+		onKeyDown: q,
+		onMouseEnter: z,
+		onMouseLeave: B,
+		"aria-label": s.label,
+		children: [Y ? /* @__PURE__ */ a("div", {
+			className: "bsy-calendar-event-card__title",
+			children: s.label
+		}) : null, G ? /* @__PURE__ */ a("div", {
+			className: "bsy-calendar-event-card__time",
+			children: i(s, P, F)
+		}) : null]
+	});
+	return V ? /* @__PURE__ */ a(e, {
+		content: V,
+		showArrow: !1,
+		hoverDelay: 500,
+		placement: X,
+		fallbackPlacements: E ? void 0 : [
+			"bottom-start",
+			"right-start",
+			"left-start"
+		],
+		moveToFloatingKeepOpen: !0,
+		widthMode: "manual",
+		maxWidth: 400,
+		offset: 5,
+		virtualReference: H,
+		flipBoundary: A.current ?? void 0,
+		onVisibleChange: U,
+		style: {
+			borderRadius: "10px",
+			padding: 0,
+			backgroundColor: "#fff",
+			boxShadow: "0 0 12px 0 rgba(0, 0, 0, 0.08)"
+		},
+		children: Z
+	}) : Z;
+});
+//#endregion
+export { _ as n, h as r, x as t };

package/dist/Calendar/TimeAxis-gKb8dTwY.js

@@ -0,0 +1,13 @@
+import { formatTimeLabel as e } from "./utils/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Calendar/shared/TimeAxis/TimeAxis.tsx
+var n = ({ zoomConfig: n }) => /* @__PURE__ */ t("div", {
+	className: "bsy-calendar-time-axis",
+	children: Array.from({ length: n.totalRows }, (e, t) => t).map((r) => /* @__PURE__ */ t("div", {
+		className: "bsy-calendar-time-axis__label",
+		style: { height: n.rowHeight },
+		children: /* @__PURE__ */ t("span", { children: e(r, n) })
+	}, r))
+});
+//#endregion
+export { n as t };

package/dist/Calendar/TimeGrid-D8Du5vFP.js

@@ -0,0 +1,47 @@
+import { t as e } from "../Icon/Icon-BQ3Whub2.js";
+import { t } from "../Tooltip/Tooltip-RkD8fs0B.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+//#region src/components/Calendar/shared/TimeGrid/TimeGrid.tsx
+var l = ({ zoomConfig: l, rowAction: u }) => {
+	let d = Array.from({ length: l.totalRows }, (e, t) => t), [f, p] = c(null), m = s(0);
+	a(() => {
+		u || p(null);
+	}, [u]);
+	let h = o(() => (f === null ? m.current : f) * l.rowHeight, [f, l.rowHeight]), g = i((e) => {
+		e.stopPropagation();
+		let t = f === null ? m.current : f;
+		u?.onClick(t), p(null);
+	}, [f, u]);
+	return /* @__PURE__ */ r("div", {
+		className: "bsy-calendar-time-grid",
+		onMouseLeave: u ? () => p(null) : void 0,
+		children: [d.map((e) => /* @__PURE__ */ n("div", {
+			className: "bsy-calendar-time-grid__row",
+			style: { height: l.rowHeight },
+			onMouseEnter: u ? () => {
+				m.current = e, p(e);
+			} : void 0
+		}, e)), u ? /* @__PURE__ */ n("div", {
+			className: "bsy-calendar-time-grid__row-action",
+			style: { top: h },
+			children: /* @__PURE__ */ n(t, {
+				content: u.tooltip,
+				placement: "top",
+				children: /* @__PURE__ */ n("button", {
+					type: "button",
+					className: `bsy-calendar-time-grid__row-action-btn${f === null ? "" : " bsy-calendar-time-grid__row-action-btn--visible"}`,
+					onClick: g,
+					"aria-label": u.tooltip,
+					children: /* @__PURE__ */ n(e, {
+						name: "add",
+						className: "bsy-calendar-time-grid__row-action-icon",
+						size: 16
+					})
+				})
+			})
+		}) : null]
+	});
+};
+//#endregion
+export { l as t };

package/dist/Calendar/adapters/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../adapters-zYR7CgzD.js";
+export { e as resolvePlatformCalendarTheme };

package/dist/Calendar/adapters-zYR7CgzD.js

@@ -0,0 +1,20 @@
+//#region src/components/Calendar/adapters/platformTheme.ts
+var e = (e) => {
+	let t = {
+		colorBgContainer: e.background?.color,
+		colorText: e.titleColor,
+		colorTextTertiary: e.overTitleColor,
+		colorFillSecondary: e.headerBackground,
+		colorPrimary: e.highlightColor,
+		colorLink: e.moreRecord,
+		colorTextQuaternary: e.specificallyColor,
+		datePickerColorBgContainer: e.dataChooseBackgroundColor ?? e.dataChooseBackroundColor,
+		datePickerWeekRangeBg: e.weekRangeBackgroundColor ?? e.weekRangeBackroundColor,
+		eventBorderColor: e.scheduleColor?.verticalBackground,
+		eventBg: e.scheduleColor?.horizontalBackground,
+		eventBgHover: e.scheduleColor?.horizontalBackgroundHover
+	};
+	return e.background?.type === "image" && e.background.image && (t.panelBgImage = e.background.image, t.panelBgImagePosition = e.background.position ?? "center"), t;
+};
+//#endregion
+export { e as t };

package/dist/Calendar/colorUtils-DcpqM3KR.js

@@ -0,0 +1,55 @@
+//#region src/components/Calendar/utils/colorUtils.ts
+var e = {
+	"#005EEF": {
+		normal: "#EFF5FF",
+		hover: "#D9E8FF"
+	},
+	"#3642E9": {
+		normal: "#EDEEFF",
+		hover: "#DEE0FF"
+	},
+	"#10A9C4": {
+		normal: "#EBFCFF",
+		hover: "#DDFAFF"
+	},
+	"#32A645": {
+		normal: "#f2ffef",
+		hover: "#E4FFE0"
+	},
+	"#FFC502": {
+		normal: "#FFFAE8",
+		hover: "#FFF4D0"
+	},
+	"#FF9921": {
+		normal: "#FFF5EA",
+		hover: "#FFECD7"
+	},
+	"#F06648": {
+		normal: "#FFF0ED",
+		hover: "#FFE3DD"
+	},
+	"#F168B6": {
+		normal: "#FFEFF8",
+		hover: "#FFDEF1"
+	},
+	"#6C6C6E": {
+		normal: "#F2F3F5",
+		hover: "#E6E6E7"
+	}
+}, t = /* @__PURE__ */ new Map(), n = (n) => {
+	if (!n) return {
+		normal: "#e8f0fe",
+		hover: "#d7e3fd"
+	};
+	let r = t.get(n);
+	if (r) return r;
+	let i = n.toUpperCase();
+	if (e[i]) return t.set(n, e[i]), e[i];
+	let a = parseInt(n.slice(1, 3), 16), o = parseInt(n.slice(3, 5), 16), s = parseInt(n.slice(5, 7), 16), c = .88, l = Math.round(a + (255 - a) * c), u = Math.round(o + (255 - o) * c), d = Math.round(s + (255 - s) * c), f = .8, p = Math.round(a + (255 - a) * f), m = Math.round(o + (255 - o) * f), h = Math.round(s + (255 - s) * f), g = {
+		normal: `rgb(${l}, ${u}, ${d})`,
+		hover: `rgb(${p}, ${m}, ${h})`
+	};
+	return t.set(n, g), g;
+};
+//#endregion
+export { n, e as t };

package/dist/Calendar/context/index.js

@@ -0,0 +1,2 @@
+import { i as e, n as t, r as n, t as r } from "../context-DNOJ9LW_.js";
+export { n as CalendarDispatchContext, e as CalendarStateContext, r as useCalendarDispatchSelector, t as useCalendarStateSelector };

package/dist/Calendar/context-DNOJ9LW_.js

@@ -0,0 +1,21 @@
+import { createContext as e, useContextSelector as t } from "use-context-selector";
+//#region src/components/Calendar/context/CalendarContext.ts
+var n = e(null), r = e(null);
+//#endregion
+//#region src/components/Calendar/context/useCalendarContext.ts
+function i(e) {
+	if (!e) throw Error("Calendar state context is missing. Wrap components with Calendar.");
+	return e;
+}
+function a(e) {
+	if (!e) throw Error("Calendar dispatch context is missing. Wrap components with Calendar.");
+	return e;
+}
+function o(e) {
+	return t(n, (t) => e(i(t)));
+}
+function s(e) {
+	return t(r, (t) => e(a(t)));
+}
+//#endregion
+export { n as i, o as n, r, s as t };

package/dist/Calendar/index.js

@@ -0,0 +1,21 @@
+import "../Icon/Icon-BQ3Whub2.js";
+import "../vendors/LocaleContext-CuXR7Y03.js";
+import "../vendors/useFloatingOverlay-uxlI1G-V.js";
+import "../vendors/useLocale-DvdSwM9e.js";
+import "../Segmented/Segmented-BTW445jc.js";
+import "../Tooltip/Tooltip-RkD8fs0B.js";
+import "./context-DNOJ9LW_.js";
+import { t as e } from "./Calendar-CAG1Fxlh.js";
+import "../DatePicker/DatePicker-BIxiJQ_W.js";
+import "../DatePicker/ensureDayjsPlugins-DZjJnZgo.js";
+import "../DatePicker/pickerLocale-VqSP_iIm.js";
+import "../DatePicker/style-DZaSSoNs.js";
+import "./layout-DvWx_7gn.js";
+import "./TimeAxis-gKb8dTwY.js";
+import "./TimeGrid-D8Du5vFP.js";
+import "./CurrentTimeIndicator-DaIywtIA.js";
+import "./EventCard-D_VeOVDQ.js";
+import "./AllDaySection-DS0Frx1p.js";
+import { i as t } from "./style-hCRKx3m1.js";
+import { t as n } from "./adapters-zYR7CgzD.js";
+export { e as default, t as resolveCalendarThemeVars, n as resolvePlatformCalendarTheme };