@apollo-design/position 0.0.0-stage → 0.1.9

package/dist/offset.mjs

@@ -0,0 +1,14 @@
+function getUnitOffset(size, offset = 0) {
+  const offsetStr = `${offset}`;
+  const cells = offsetStr.match(/^(.*)%$/);
+  if (cells?.[1] !== void 0) {
+    return size * (parseFloat(cells[1]) / 100);
+  }
+  return parseFloat(offsetStr);
+}
+function getNumberOffset(rect, offset) {
+  const [offsetX, offsetY] = offset ?? [];
+  return [getUnitOffset(rect.width, offsetX), getUnitOffset(rect.height, offsetY)];
+}
+
+export { getNumberOffset, getUnitOffset };

package/dist/placements.mjs

@@ -0,0 +1,138 @@
+const PLACEMENT_POINTS = {
+  left: ["cr", "cl"],
+  right: ["cl", "cr"],
+  top: ["bc", "tc"],
+  bottom: ["tc", "bc"],
+  topLeft: ["bl", "tl"],
+  leftTop: ["tr", "tl"],
+  topRight: ["br", "tr"],
+  rightTop: ["tl", "tr"],
+  bottomRight: ["tr", "br"],
+  rightBottom: ["bl", "br"],
+  bottomLeft: ["tl", "bl"],
+  leftBottom: ["br", "bl"]
+};
+const ARROW_CENTER_PLACEMENT_POINTS = {
+  topLeft: ["bl", "tc"],
+  leftTop: ["tr", "cl"],
+  topRight: ["br", "tc"],
+  rightTop: ["tl", "cr"],
+  bottomRight: ["tr", "bc"],
+  rightBottom: ["bl", "cr"],
+  bottomLeft: ["tl", "bc"],
+  leftBottom: ["br", "cl"]
+};
+const DISABLE_AUTO_ARROW = /* @__PURE__ */ new Set([
+  "topLeft",
+  "topRight",
+  "bottomLeft",
+  "bottomRight",
+  "leftTop",
+  "leftBottom",
+  "rightTop",
+  "rightBottom"
+]);
+const MAX_VERTICAL_CONTENT_RADIUS = 8;
+function getArrowOffsetToken(contentRadius) {
+  const arrowOffset = contentRadius > 12 ? contentRadius + 2 : 12;
+  return {
+    arrowOffsetHorizontal: arrowOffset,
+    arrowOffsetVertical: MAX_VERTICAL_CONTENT_RADIUS
+  };
+}
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function getOverflowOptions(placement, arrowWidth, borderRadius, autoAdjustOverflow) {
+  if (autoAdjustOverflow === false) {
+    return { adjustX: false, adjustY: false };
+  }
+  const overflow = isPlainObject(autoAdjustOverflow) ? autoAdjustOverflow : {};
+  const arrowOffset = getArrowOffsetToken(borderRadius);
+  const baseOverflow = {};
+  switch (placement) {
+    case "top":
+    case "bottom":
+      baseOverflow.shiftX = arrowOffset.arrowOffsetHorizontal * 2 + arrowWidth;
+      baseOverflow.shiftY = true;
+      baseOverflow.adjustY = true;
+      break;
+    case "left":
+    case "right":
+      baseOverflow.shiftY = arrowOffset.arrowOffsetVertical * 2 + arrowWidth;
+      baseOverflow.shiftX = true;
+      baseOverflow.adjustX = true;
+      break;
+  }
+  const merged = { ...baseOverflow, ...overflow };
+  if (!merged.shiftX) merged.adjustX = true;
+  if (!merged.shiftY) merged.adjustY = true;
+  return merged;
+}
+function getPlacements(config) {
+  const { arrowWidth, offset, borderRadius, autoAdjustOverflow, arrowPointAtCenter, visibleFirst } = config;
+  const halfArrowWidth = arrowWidth / 2;
+  const arrowOffset = getArrowOffsetToken(borderRadius);
+  const result = {};
+  for (const key of Object.keys(PLACEMENT_POINTS)) {
+    const template = (arrowPointAtCenter ? ARROW_CENTER_PLACEMENT_POINTS[key] : void 0) ?? PLACEMENT_POINTS[key];
+    const info = {
+      points: template,
+      offset: [0, 0],
+      dynamicInset: true
+    };
+    if (DISABLE_AUTO_ARROW.has(key)) {
+      info.autoArrow = false;
+    }
+    switch (key) {
+      case "top":
+      case "topLeft":
+      case "topRight":
+        info.offset[1] = -halfArrowWidth - offset;
+        break;
+      case "bottom":
+      case "bottomLeft":
+      case "bottomRight":
+        info.offset[1] = halfArrowWidth + offset;
+        break;
+      case "left":
+      case "leftTop":
+      case "leftBottom":
+        info.offset[0] = -halfArrowWidth - offset;
+        break;
+      case "right":
+      case "rightTop":
+      case "rightBottom":
+        info.offset[0] = halfArrowWidth + offset;
+        break;
+    }
+    if (arrowPointAtCenter) {
+      switch (key) {
+        case "topLeft":
+        case "bottomLeft":
+          info.offset[0] = -arrowOffset.arrowOffsetHorizontal - halfArrowWidth;
+          break;
+        case "topRight":
+        case "bottomRight":
+          info.offset[0] = arrowOffset.arrowOffsetHorizontal + halfArrowWidth;
+          break;
+        case "leftTop":
+        case "rightTop":
+          info.offset[1] = -arrowOffset.arrowOffsetHorizontal * 2 + halfArrowWidth;
+          break;
+        case "leftBottom":
+        case "rightBottom":
+          info.offset[1] = arrowOffset.arrowOffsetHorizontal * 2 - halfArrowWidth;
+          break;
+      }
+    }
+    info.overflow = getOverflowOptions(key, arrowWidth, borderRadius, autoAdjustOverflow);
+    if (visibleFirst) {
+      info.htmlRegion = "visibleFirst";
+    }
+    result[key] = info;
+  }
+  return result;
+}
+
+export { ARROW_CENTER_PLACEMENT_POINTS, PLACEMENT_POINTS, getArrowOffsetToken, getOverflowOptions, getPlacements };

package/dist/point.mjs

@@ -0,0 +1,31 @@
+function splitPoints(point) {
+  const v = point[0];
+  const h = point[1];
+  return [v ?? "c", h ?? "c"];
+}
+function getAlignPoint(rect, point) {
+  const [vertical, horizontal] = point;
+  let y;
+  if (vertical === "t") y = rect.y;
+  else if (vertical === "b") y = rect.y + rect.height;
+  else y = rect.y + rect.height / 2;
+  let x;
+  if (horizontal === "l") x = rect.x;
+  else if (horizontal === "r") x = rect.x + rect.width;
+  else x = rect.x + rect.width / 2;
+  return { x, y };
+}
+function alignPointOf(rect, point) {
+  return getAlignPoint(rect, splitPoints(point));
+}
+const REVERSE_MAP = { t: "b", b: "t", l: "r", r: "l" };
+function reversePoint(point, index) {
+  const current = point[index];
+  const reversed = REVERSE_MAP[current] ?? "c";
+  return index === 0 ? [reversed, point[1]] : [point[0], reversed];
+}
+function flatPoint(point) {
+  return `${point[0]}${point[1]}`;
+}
+
+export { alignPointOf, flatPoint, getAlignPoint, reversePoint, splitPoints };

package/package.json

@@ -1,6 +1,35 @@
 {
   "name": "@apollo-design/position",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.9",
+  "description": "浮层定位几何。替代 @rc-component/trigger 与 rc-tooltip 的定位部分。**只做几何与尺寸测量**，触发时机与生命周期在 @apollo-design/overlay。",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@apollo-design/utils": "0.1.9"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.42"
+  },
+  "devDependencies": {
+    "@apollo-design/test-utils": "0.1.9"
+  },
+  "scripts": {
+    "build": "unbuild --config ../../scripts/unbuild-preserve-modules.mjs",
+    "test": "vitest run",
+    "lint": "vue-tsc --noEmit"
+  }
 }