@lobehub/ui 4.9.2 → 4.10.0

package/es/utils/placement.mjs

@@ -0,0 +1,100 @@
+//#region src/utils/placement.ts
+const top = {
+	align: "center",
+	side: "top"
+};
+const topLeft = {
+	align: "start",
+	side: "top"
+};
+const topRight = {
+	align: "end",
+	side: "top"
+};
+const bottom = {
+	align: "center",
+	side: "bottom"
+};
+const bottomLeft = {
+	align: "start",
+	side: "bottom"
+};
+const bottomRight = {
+	align: "end",
+	side: "bottom"
+};
+const left = {
+	align: "center",
+	side: "left"
+};
+const leftTop = {
+	align: "start",
+	side: "left"
+};
+const leftBottom = {
+	align: "end",
+	side: "left"
+};
+const right = {
+	align: "center",
+	side: "right"
+};
+const rightTop = {
+	align: "start",
+	side: "right"
+};
+const rightBottom = {
+	align: "end",
+	side: "right"
+};
+/**
+* Map of placement values to Base UI placement config
+* Used by Popover and DropdownMenu components
+*/
+const placementMap = {
+	bottom,
+	bottomCenter: bottom,
+	bottomLeft,
+	bottomRight,
+	left,
+	leftBottom,
+	leftTop,
+	right,
+	rightBottom,
+	rightTop,
+	top,
+	topCenter: top,
+	topLeft,
+	topRight
+};
+/**
+* Convert unified Placement to Floating UI placement format
+* Used by Tooltip component which uses @floating-ui/react
+*
+* @param placement - Unified placement value
+* @returns Floating UI placement (e.g., 'top-start', 'bottom-end')
+*/
+const toFloatingUIPlacement = (placement) => {
+	if (!placement) return "top";
+	switch (placement) {
+		case "topLeft": return "top-start";
+		case "top":
+		case "topCenter": return "top";
+		case "topRight": return "top-end";
+		case "bottomLeft": return "bottom-start";
+		case "bottom":
+		case "bottomCenter": return "bottom";
+		case "bottomRight": return "bottom-end";
+		case "leftTop": return "left-start";
+		case "left": return "left";
+		case "leftBottom": return "left-end";
+		case "rightTop": return "right-start";
+		case "right": return "right";
+		case "rightBottom": return "right-end";
+		default: return "top";
+	}
+};
+
+//#endregion
+export { placementMap, toFloatingUIPlacement };
+//# sourceMappingURL=placement.mjs.map

package/es/utils/placement.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.mjs","names":["top: PlacementConfig","topLeft: PlacementConfig","topRight: PlacementConfig","bottom: PlacementConfig","bottomLeft: PlacementConfig","bottomRight: PlacementConfig","left: PlacementConfig","leftTop: PlacementConfig","leftBottom: PlacementConfig","right: PlacementConfig","rightTop: PlacementConfig","rightBottom: PlacementConfig","placementMap: Record<Placement, PlacementConfig>"],"sources":["../../src/utils/placement.ts"],"sourcesContent":["import type { Align, Side } from '@base-ui/react/utils/useAnchorPositioning';\nimport type { Placement as FloatingUIPlacement } from '@floating-ui/react';\n\nexport type PlacementConfig = {\n  align: Align;\n  side: Side;\n};\n\n/**\n * All supported placement values\n * - Unified placement names for Tooltip, Popover, and DropdownMenu\n * - Ant Design style: topLeft, topCenter, topRight, etc.\n * - Additional aliases: top (same as topCenter), bottom (same as bottomCenter)\n */\nexport type Placement =\n  | 'top'\n  | 'topLeft'\n  | 'topCenter'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomCenter'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom';\n\nconst top: PlacementConfig = { align: 'center', side: 'top' };\nconst topLeft: PlacementConfig = { align: 'start', side: 'top' };\nconst topRight: PlacementConfig = { align: 'end', side: 'top' };\nconst bottom: PlacementConfig = { align: 'center', side: 'bottom' };\nconst bottomLeft: PlacementConfig = { align: 'start', side: 'bottom' };\nconst bottomRight: PlacementConfig = { align: 'end', side: 'bottom' };\nconst left: PlacementConfig = { align: 'center', side: 'left' };\nconst leftTop: PlacementConfig = { align: 'start', side: 'left' };\nconst leftBottom: PlacementConfig = { align: 'end', side: 'left' };\nconst right: PlacementConfig = { align: 'center', side: 'right' };\nconst rightTop: PlacementConfig = { align: 'start', side: 'right' };\nconst rightBottom: PlacementConfig = { align: 'end', side: 'right' };\n\n/**\n * Map of placement values to Base UI placement config\n * Used by Popover and DropdownMenu components\n */\nexport const placementMap: Record<Placement, PlacementConfig> = {\n  bottom,\n  bottomCenter: bottom,\n  bottomLeft,\n  bottomRight,\n  left,\n  leftBottom,\n  leftTop,\n  right,\n  rightBottom,\n  rightTop,\n  top,\n  topCenter: top,\n  topLeft,\n  topRight,\n};\n\n/**\n * Convert unified Placement to Floating UI placement format\n * Used by Tooltip component which uses @floating-ui/react\n *\n * @param placement - Unified placement value\n * @returns Floating UI placement (e.g., 'top-start', 'bottom-end')\n */\nexport const toFloatingUIPlacement = (placement?: Placement): FloatingUIPlacement => {\n  if (!placement) return 'top';\n\n  switch (placement) {\n    case 'topLeft': {\n      return 'top-start';\n    }\n    case 'top':\n    case 'topCenter': {\n      return 'top';\n    }\n    case 'topRight': {\n      return 'top-end';\n    }\n    case 'bottomLeft': {\n      return 'bottom-start';\n    }\n    case 'bottom':\n    case 'bottomCenter': {\n      return 'bottom';\n    }\n    case 'bottomRight': {\n      return 'bottom-end';\n    }\n    case 'leftTop': {\n      return 'left-start';\n    }\n    case 'left': {\n      return 'left';\n    }\n    case 'leftBottom': {\n      return 'left-end';\n    }\n    case 'rightTop': {\n      return 'right-start';\n    }\n    case 'right': {\n      return 'right';\n    }\n    case 'rightBottom': {\n      return 'right-end';\n    }\n    default: {\n      return 'top';\n    }\n  }\n};\n"],"mappings":";AA8BA,MAAMA,MAAuB;CAAE,OAAO;CAAU,MAAM;CAAO;AAC7D,MAAMC,UAA2B;CAAE,OAAO;CAAS,MAAM;CAAO;AAChE,MAAMC,WAA4B;CAAE,OAAO;CAAO,MAAM;CAAO;AAC/D,MAAMC,SAA0B;CAAE,OAAO;CAAU,MAAM;CAAU;AACnE,MAAMC,aAA8B;CAAE,OAAO;CAAS,MAAM;CAAU;AACtE,MAAMC,cAA+B;CAAE,OAAO;CAAO,MAAM;CAAU;AACrE,MAAMC,OAAwB;CAAE,OAAO;CAAU,MAAM;CAAQ;AAC/D,MAAMC,UAA2B;CAAE,OAAO;CAAS,MAAM;CAAQ;AACjE,MAAMC,aAA8B;CAAE,OAAO;CAAO,MAAM;CAAQ;AAClE,MAAMC,QAAyB;CAAE,OAAO;CAAU,MAAM;CAAS;AACjE,MAAMC,WAA4B;CAAE,OAAO;CAAS,MAAM;CAAS;AACnE,MAAMC,cAA+B;CAAE,OAAO;CAAO,MAAM;CAAS;;;;;AAMpE,MAAaC,eAAmD;CAC9D;CACA,cAAc;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,WAAW;CACX;CACA;CACD;;;;;;;;AASD,MAAa,yBAAyB,cAA+C;AACnF,KAAI,CAAC,UAAW,QAAO;AAEvB,SAAQ,WAAR;EACE,KAAK,UACH,QAAO;EAET,KAAK;EACL,KAAK,YACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK;EACL,KAAK,eACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,KAAK,UACH,QAAO;EAET,KAAK,OACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,QACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,QACE,QAAO"}

package/es/utils/safeReadableColor.mjs

@@ -0,0 +1,15 @@
+import { cssVar } from "antd-style";
+import { readableColor } from "polished";
+
+//#region src/utils/safeReadableColor.ts
+const safeReadableColor = (bgColor, fallbackColor) => {
+	try {
+		return readableColor(bgColor);
+	} catch {
+		return fallbackColor || cssVar.colorText;
+	}
+};
+
+//#endregion
+export { safeReadableColor };
+//# sourceMappingURL=safeReadableColor.mjs.map

package/es/utils/safeReadableColor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"safeReadableColor.mjs","names":[],"sources":["../../src/utils/safeReadableColor.ts"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport { readableColor } from 'polished';\n\nexport const safeReadableColor = (bgColor: string, fallbackColor?: string): string => {\n  try {\n    return readableColor(bgColor);\n  } catch {\n    return fallbackColor || cssVar.colorText;\n  }\n};\n"],"mappings":";;;;AAGA,MAAa,qBAAqB,SAAiB,kBAAmC;AACpF,KAAI;AACF,SAAO,cAAc,QAAQ;SACvB;AACN,SAAO,iBAAiB,OAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "4.9.2",
+  "version": "4.10.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",

package/es/Tooltip/antdPlacementToFloating.mjs

@@ -1,27 +0,0 @@
-//#region src/Tooltip/antdPlacementToFloating.ts
-/**
-* Convert Ant Design legacy placements to Floating UI placements.
-*
-* Notes:
-* - Floating UI placements like `top-start` are passed through.
-* - Ant Design legacy placements like `topLeft` are mapped to Floating UI.
-*/
-const antdPlacementToFloating = (placement) => {
-	if (!placement) return "top";
-	if (typeof placement === "string" && placement.includes("-")) return placement;
-	switch (placement) {
-		case "topLeft": return "top-start";
-		case "topRight": return "top-end";
-		case "bottomLeft": return "bottom-start";
-		case "bottomRight": return "bottom-end";
-		case "leftTop": return "left-start";
-		case "leftBottom": return "left-end";
-		case "rightTop": return "right-start";
-		case "rightBottom": return "right-end";
-		default: return placement;
-	}
-};
-
-//#endregion
-export { antdPlacementToFloating };
-//# sourceMappingURL=antdPlacementToFloating.mjs.map

package/es/Tooltip/antdPlacementToFloating.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"antdPlacementToFloating.mjs","names":[],"sources":["../../src/Tooltip/antdPlacementToFloating.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/react';\n\n/**\n * Convert Ant Design legacy placements to Floating UI placements.\n *\n * Notes:\n * - Floating UI placements like `top-start` are passed through.\n * - Ant Design legacy placements like `topLeft` are mapped to Floating UI.\n */\nexport const antdPlacementToFloating = (\n  placement?:\n    | Placement\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom'\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right',\n): Placement => {\n  if (!placement) return 'top';\n\n  // Floating UI placements are already compatible.\n  if (typeof placement === 'string' && placement.includes('-')) return placement as Placement;\n\n  switch (placement) {\n    case 'topLeft': {\n      return 'top-start';\n    }\n    case 'topRight': {\n      return 'top-end';\n    }\n    case 'bottomLeft': {\n      return 'bottom-start';\n    }\n    case 'bottomRight': {\n      return 'bottom-end';\n    }\n    case 'leftTop': {\n      return 'left-start';\n    }\n    case 'leftBottom': {\n      return 'left-end';\n    }\n    case 'rightTop': {\n      return 'right-start';\n    }\n    case 'rightBottom': {\n      return 'right-end';\n    }\n    default: {\n      return placement as Placement;\n    }\n  }\n};\n"],"mappings":";;;;;;;;AASA,MAAa,2BACX,cAcc;AACd,KAAI,CAAC,UAAW,QAAO;AAGvB,KAAI,OAAO,cAAc,YAAY,UAAU,SAAS,IAAI,CAAE,QAAO;AAErE,SAAQ,WAAR;EACE,KAAK,UACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,KAAK,UACH,QAAO;EAET,KAAK,aACH,QAAO;EAET,KAAK,WACH,QAAO;EAET,KAAK,cACH,QAAO;EAET,QACE,QAAO"}