@baishuyun/ui-base 6.0.0 → 6.2.0

package/dist/ColorPicker/ColorPicker-nnQIw0_e.js

@@ -1,168 +0,0 @@
-import { t as e } from "../Icon/Icon-CTZCSuVg.js";
-import { t } from "../vendors/useLocale-Mk0d7wNt.js";
-import { t as n } from "../vendors/color-CxdZwdYM.js";
-import { n as r } from "../vendors/animations-C2i5EijE.js";
-import { isArray as i } from "lodash-es";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { cloneElement as c, isValidElement as l, useMemo as u, useRef as d, useState as f } from "react";
-import { ColorPicker as p } from "antd";
-import m from "clsx";
-import { useControllableValue as h } from "ahooks";
-import { AnimatePresence as g, motion as _ } from "motion/react";
-import { FloatingPortal as v, flip as y, offset as b, shift as x, useClick as S, useDismiss as C, useFloating as w, useInteractions as T } from "@floating-ui/react";
-import E from "tinycolor2";
-//#region src/components/ColorPicker/constants.ts
-var D = [
-	"rgba(240, 102, 72, 1)",
-	"rgba(255, 197, 2, 1)",
-	"rgba(74, 204, 140, 1)",
-	"rgba(74, 192, 236, 1)",
-	"rgba(255, 153, 33, 1)",
-	"rgba(101, 101, 101, 1)",
-	"rgba(255, 156, 136, 1)",
-	"rgba(98, 98, 206, 1)",
-	"rgba(241, 104, 182, 1)",
-	"rgba(55, 103, 241, 1)",
-	"rgba(162, 206, 30, 1)",
-	"rgba(179, 179, 179, 1)",
-	"rgba(0, 0, 0, 1)",
-	"rgba(102, 102, 102, 1)",
-	"rgba(153, 153, 153, 1)",
-	"rgba(194, 194, 194, 1)",
-	"rgba(224, 224, 224, 1)",
-	"rgba(77, 96, 159, 1)"
-], O = (e = "bottom-start") => {
-	let [t, n] = f(!1), { refs: r, floatingStyles: i, context: a } = w({
-		open: t,
-		onOpenChange: n,
-		placement: e,
-		middleware: [
-			b(4),
-			y(),
-			x({ padding: 8 })
-		]
-	}), { getReferenceProps: o, getFloatingProps: s } = T([S(a), C(a)]);
-	return {
-		isOpen: t,
-		refs: r,
-		floatingStyles: i,
-		getReferenceProps: o,
-		getFloatingProps: s,
-		setIsOpen: n
-	};
-}, k = "_preview_11t7y_62", A = {
-	"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",
-	preview: k,
-	"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"
-}, j = ({ currentColor: t, onColorSelect: r, options: i, style: a }) => /* @__PURE__ */ o("div", {
-	className: A["bsy-color-picker__preset-colors-grid"],
-	style: a,
-	children: i.map((i) => /* @__PURE__ */ o("div", {
-		className: A["bsy-color-picker__preset-colors-item"],
-		style: {
-			backgroundColor: i,
-			"--hover-color": E(i).setAlpha(.5).toRgbString()
-		},
-		onClick: () => r(i),
-		children: n(t, i) && /* @__PURE__ */ o(e, {
-			name: "checkthebox",
-			className: A["bsy-color-picker__check-icon"]
-		})
-	}, i))
-}), M = (e) => {
-	let { children: f, placement: p = "bottom-start", disabled: m = !1, presetColors: y, getPopupContainer: b } = e, { t: x } = t(), [S, C] = h(e, { defaultValue: e.value }), { isOpen: w, refs: T, floatingStyles: E, getReferenceProps: k, getFloatingProps: M } = O(p), P = l(f) ? c(f, {
-		...k(),
-		ref: T.setReference,
-		disabled: m
-	}) : f, F = i(y) && y.length ? y : D, I = d(F.some((e) => n(e, S)) ? [] : [S]);
-	return /* @__PURE__ */ s(a, { children: [P, /* @__PURE__ */ o(v, {
-		root: u(() => w ? b?.() : void 0, [w, b]),
-		children: /* @__PURE__ */ o(g, { children: w && /* @__PURE__ */ o("div", {
-			ref: T.setFloating,
-			style: E,
-			...M(),
-			className: A["bsy-color-picker__floating"],
-			children: /* @__PURE__ */ o(_.div, {
-				...r,
-				children: /* @__PURE__ */ o("div", {
-					className: A["bsy-color-picker__content"],
-					children: /* @__PURE__ */ s("div", {
-						className: A["bsy-color-picker__grid"],
-						children: [/* @__PURE__ */ s("div", {
-							className: A["bsy-color-picker__preset-colors"],
-							children: [/* @__PURE__ */ o("div", {
-								className: A["bsy-color-picker__preset-colors-title"],
-								children: x("presetColors")
-							}), /* @__PURE__ */ o(j, {
-								currentColor: S,
-								onColorSelect: C,
-								options: F
-							})]
-						}), /* @__PURE__ */ o(N, {
-							value: S,
-							onChange: C,
-							onColorInput: e.onColorInput,
-							options: F,
-							list: I.current
-						})]
-					})
-				})
-			})
-		}) })
-	})] });
-}, N = (n) => {
-	let { list: r } = n, [i, a] = f(), [c, l] = f(!1), { t: u } = t();
-	return /* @__PURE__ */ s("div", {
-		className: A["bsy-color-picker__custom-color"],
-		children: [/* @__PURE__ */ o("div", {
-			className: A["bsy-color-picker__custom-color-title"],
-			children: u("customColor")
-		}), /* @__PURE__ */ s("div", {
-			className: A["bsy-color-picker__custom-color-content"],
-			children: [/* @__PURE__ */ o(p, {
-				value: i,
-				onChange: (e) => {
-					let t = e.toRgbString();
-					a(t), n.onColorInput?.(t);
-				},
-				open: c,
-				onOpenChange: (e) => {
-					l(e), !e && i && (r.includes(i) || r.unshift(i), n.onChange(i), a(void 0));
-				},
-				children: /* @__PURE__ */ o("div", {
-					className: m(A["bsy-color-picker__custom-color-btn"], {
-						[A["bsy-color-picker__custom-color-btn--active"]]: c && !i,
-						[A["bsy-color-picker__custom-color-btn--preview"]]: !!i
-					}),
-					role: "button",
-					style: { backgroundColor: i || void 0 },
-					onClick: () => {
-						l(!0);
-					},
-					children: /* @__PURE__ */ o(e, {
-						name: "add",
-						style: { visibility: i ? "hidden" : "visible" }
-					})
-				})
-			}), /* @__PURE__ */ o(j, {
-				currentColor: n.value,
-				onColorSelect: n.onChange,
-				options: r.slice(0, 5),
-				style: { gridTemplateColumns: "repeat(5, 1fr)" }
-			})]
-		})]
-	});
-};
-M.displayName = "BsyColorPicker";
-//#endregion
-export { D as n, M as t };

package/dist/Segmented/Segmented-Byw8j1hQ.js

@@ -1,62 +0,0 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { useCallback as n, useLayoutEffect as r, useRef as i, useState as a } from "react";
-import o from "clsx";
-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, _] = a({
-		width: 0,
-		left: 0
-	}), [v, y] = a(!1), b = i(null), x = i(/* @__PURE__ */ new Map()), S = n(() => {
-		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 r(() => {
-		S();
-		let e = new ResizeObserver(S);
-		return b.current && e.observe(b.current), () => {
-			e.disconnect();
-		};
-	}, [S]), /* @__PURE__ */ t("div", {
-		ref: b,
-		className: o(l["bsy-segmented"], f && l["bsy-segmented--block"]),
-		style: f ? { gridTemplateColumns: `repeat(${d.length}, 1fr)` } : void 0,
-		children: [/* @__PURE__ */ e(c.div, {
-			className: l["bsy-segmented__slider"],
-			animate: g,
-			transition: v ? {
-				type: "spring",
-				stiffness: 350,
-				damping: 35
-			} : { duration: 0 }
-		}), d.map((t) => /* @__PURE__ */ e("button", {
-			ref: (e) => {
-				e ? x.current.set(t.value, e) : x.current.delete(t.value);
-			},
-			onClick: () => {
-				p || (h(t.value), y(!0));
-			},
-			className: o(l["bsy-segmented__item"], f && l["bsy-segmented__item--block"], m === t.value ? l["bsy-segmented__item--active"] : l["bsy-segmented__item--inactive"], { [l["bsy-segmented__item--disabled"]]: p }),
-			children: t.label
-		}, t.value))]
-	});
-};
-u.displayName = "BsySegmented";
-//#endregion
-export { u as t };