wendang-react 0.0.0-stage → 0.5.5

package/dist/chunks/index-Ii536CFG.js

@@ -0,0 +1,720 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { createElement, forwardRef, useId, useRef, useEffect, useState, useLayoutEffect, useContext, createContext } from "react";
+import { a as useContentContext } from "./host-C-V688Rq.js";
+function resolvePlacement(position) {
+  const table = {
+    bottom: { side: "bottom", align: "center" },
+    top: { side: "top", align: "center" },
+    left: { side: "left", align: "center" },
+    right: { side: "right", align: "center" },
+    bl: { side: "bottom", align: "start" },
+    br: { side: "bottom", align: "end" },
+    tl: { side: "top", align: "start" },
+    tr: { side: "top", align: "end" }
+  };
+  return table[position ?? "bottom"] ?? table.bottom;
+}
+const OPPOSITE = { top: "bottom", bottom: "top", left: "right", right: "left" };
+function placePanel(input) {
+  const gap = input.gap ?? 6;
+  const margin = input.margin ?? 8;
+  const { trigger, panel, viewport } = input;
+  const preferred = resolvePlacement(input.position);
+  const anchor = input.point ? { left: input.point.x, top: input.point.y, width: 0, height: 0 } : trigger;
+  const fits = (side2) => {
+    if (side2 === "bottom") return anchor.top + anchor.height + gap + panel.height <= viewport.height - margin;
+    if (side2 === "top") return anchor.top - gap - panel.height >= margin;
+    if (side2 === "right") return anchor.left + anchor.width + gap + panel.width <= viewport.width - margin;
+    return anchor.left - gap - panel.width >= margin;
+  };
+  let side = preferred.side;
+  if (!fits(side)) {
+    const opposite = OPPOSITE[side];
+    if (fits(opposite)) side = opposite;
+    else {
+      if (side === "top" || side === "bottom") {
+        side = anchor.top + anchor.height / 2 > viewport.height / 2 ? "top" : "bottom";
+      } else {
+        side = anchor.left + anchor.width / 2 > viewport.width / 2 ? "left" : "right";
+      }
+    }
+  }
+  let left;
+  let top;
+  if (side === "bottom" || side === "top") {
+    if (preferred.align === "start") left = anchor.left;
+    else if (preferred.align === "end") left = anchor.left + anchor.width - panel.width;
+    else left = anchor.left + anchor.width / 2 - panel.width / 2;
+    top = side === "bottom" ? anchor.top + anchor.height + gap : anchor.top - gap - panel.height;
+  } else {
+    if (preferred.align === "start") top = anchor.top;
+    else if (preferred.align === "end") top = anchor.top + anchor.height - panel.height;
+    else top = anchor.top + anchor.height / 2 - panel.height / 2;
+    left = side === "right" ? anchor.left + anchor.width + gap : anchor.left - gap - panel.width;
+  }
+  const maxLeft = Math.max(margin, viewport.width - margin - panel.width);
+  const maxTop = Math.max(margin, viewport.height - margin - panel.height);
+  left = Math.min(Math.max(left, margin), maxLeft);
+  top = Math.min(Math.max(top, margin), maxTop);
+  const horizontal = side === "top" || side === "bottom";
+  const arrowCenter = horizontal ? anchor.left + anchor.width / 2 : anchor.top + anchor.height / 2;
+  const panelStart = horizontal ? left : top;
+  const panelLength = horizontal ? panel.width : panel.height;
+  const inset = 12;
+  const arrow = Math.min(Math.max(arrowCenter - panelStart, inset), Math.max(inset, panelLength - inset));
+  return { left, top, side, arrow, arrowShift: arrow - panelLength / 2 };
+}
+const ICONS = {
+  // wx 版本缺少的几个通用符号（与 Lucide 同名几何一致）。
+  x: { els: [["path", { d: "M18 6 6 18" }], ["path", { d: "m6 6 12 12" }]] },
+  // ---------------------------------------------------------------- 文字格式
+  text: { els: [["path", { d: "M12 4v16" }], ["path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2" }], ["path", { d: "M9 20h6" }]] },
+  bold: { els: [["path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" }]] },
+  italic: { els: [["line", { x1: 19, x2: 10, y1: 4, y2: 4 }], ["line", { x1: 14, x2: 5, y1: 20, y2: 20 }], ["line", { x1: 15, x2: 9, y1: 4, y2: 20 }]] },
+  underline: { els: [["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }], ["line", { x1: 4, x2: 20, y1: 20, y2: 20 }]] },
+  strike: { els: [
+    ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }],
+    ["path", { d: "M14 12a4 4 0 0 1 0 8H6" }],
+    ["line", { x1: 4, x2: 20, y1: 12, y2: 12 }]
+  ] },
+  "inline-code": { els: [
+    ["path", { d: "m18 16 4-4-4-4" }],
+    ["path", { d: "m6 8-4 4 4 4" }],
+    ["path", { d: "m14.5 4-5 16" }]
+  ] },
+  "format-link": { els: [
+    ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }],
+    ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }]
+  ] },
+  unlink: { els: [
+    ["path", { d: "M9 17H7A5 5 0 0 1 7 7" }],
+    ["path", { d: "M15 7h2a5 5 0 0 1 4 8" }],
+    ["line", { x1: 8, x2: 12, y1: 12, y2: 12 }],
+    ["line", { x1: 2, x2: 22, y1: 2, y2: 22 }]
+  ] },
+  edit: { els: [
+    ["path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }],
+    ["path", { d: "m15 5 4 4" }]
+  ] },
+  "zoom-in": { els: [
+    ["circle", { cx: 11, cy: 11, r: 8 }],
+    ["line", { x1: 21, x2: 16.65, y1: 21, y2: 16.65 }],
+    ["line", { x1: 11, x2: 11, y1: 8, y2: 14 }],
+    ["line", { x1: 8, x2: 14, y1: 11, y2: 11 }]
+  ] },
+  // ---------------------------------------------------------------- 标题
+  h1: { els: [["path", { d: "M4 12h8" }], ["path", { d: "M4 18V6" }], ["path", { d: "M12 18V6" }], ["path", { d: "m17 12 3-2v8" }]] },
+  h2: { els: [["path", { d: "M4 12h8" }], ["path", { d: "M4 18V6" }], ["path", { d: "M12 18V6" }], ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" }]] },
+  h3: { els: [
+    ["path", { d: "M4 12h8" }],
+    ["path", { d: "M4 18V6" }],
+    ["path", { d: "M12 18V6" }],
+    ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2" }],
+    ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" }]
+  ] },
+  h4: { els: [
+    ["path", { d: "M12 18V6" }],
+    ["path", { d: "M17 10v3a1 1 0 0 0 1 1h3" }],
+    ["path", { d: "M21 10v8" }],
+    ["path", { d: "M4 12h8" }],
+    ["path", { d: "M4 18V6" }]
+  ] },
+  h5: { els: [
+    ["path", { d: "M4 12h8" }],
+    ["path", { d: "M4 18V6" }],
+    ["path", { d: "M12 18V6" }],
+    ["path", { d: "M17 13v-3h4" }],
+    ["path", { d: "M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17" }]
+  ] },
+  h6: { els: [
+    ["path", { d: "M4 12h8" }],
+    ["path", { d: "M4 18V6" }],
+    ["path", { d: "M12 18V6" }],
+    ["circle", { cx: 19, cy: 16, r: 2 }],
+    ["path", { d: "M20 10c-2 2-3 3.5-3 6" }]
+  ] },
+  // ---------------------------------------------------------------- 列表与块
+  "bullet-list": { els: [
+    ["path", { d: "M3 5h.01" }],
+    ["path", { d: "M3 12h.01" }],
+    ["path", { d: "M3 19h.01" }],
+    ["path", { d: "M8 5h13" }],
+    ["path", { d: "M8 12h13" }],
+    ["path", { d: "M8 19h13" }]
+  ] },
+  "ordered-list": { els: [
+    ["path", { d: "M11 5h10" }],
+    ["path", { d: "M11 12h10" }],
+    ["path", { d: "M11 19h10" }],
+    ["path", { d: "M4 4h1v5" }],
+    ["path", { d: "M4 9h2" }],
+    ["path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02" }]
+  ] },
+  task: { els: [
+    ["path", { d: "M13 5h8" }],
+    ["path", { d: "M13 12h8" }],
+    ["path", { d: "M13 19h8" }],
+    ["path", { d: "m3 17 2 2 4-4" }],
+    ["rect", { x: 3, y: 4, width: 6, height: 6, rx: 1 }]
+  ] },
+  quote: { els: [
+    ["path", { d: "M17 5H3" }],
+    ["path", { d: "M21 12H8" }],
+    ["path", { d: "M21 19H8" }],
+    ["path", { d: "M3 12v7" }]
+  ] },
+  code: { els: [
+    ["path", { d: "m10 9-3 3 3 3" }],
+    ["path", { d: "m14 15 3-3-3-3" }],
+    ["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }]
+  ] },
+  link: { els: [
+    ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }],
+    ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }],
+    ["line", { x1: 8, x2: 16, y1: 12, y2: 12 }]
+  ] },
+  image: { els: [
+    ["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }],
+    ["circle", { cx: 9, cy: 9, r: 2 }],
+    ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }]
+  ] },
+  file: { els: [
+    ["path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }],
+    ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }]
+  ] },
+  table: { els: [
+    ["path", { d: "M12 3v18" }],
+    ["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }],
+    ["path", { d: "M3 9h18" }],
+    ["path", { d: "M3 15h18" }]
+  ] },
+  "table-header-row": { els: [
+    ["path", { d: "M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4H3z", fill: "currentColor", stroke: "none" }],
+    ["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }],
+    ["path", { d: "M3 9h18" }],
+    ["path", { d: "M9 9v12" }],
+    ["path", { d: "M15 9v12" }]
+  ] },
+  "table-header-column": { els: [
+    ["path", { d: "M5 3h4v18H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z", fill: "currentColor", stroke: "none" }],
+    ["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }],
+    ["path", { d: "M9 3v18" }]
+  ] },
+  callout: { els: [
+    ["path", { d: "M14 14a2 2 0 0 0 2-2V8h-2" }],
+    ["path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }],
+    ["path", { d: "M8 14a2 2 0 0 0 2-2V8H8" }]
+  ] },
+  math: { els: [["path", { d: "M18 7V5a1 1 0 0 0-1-1H6.5a.5.5 0 0 0-.4.8l4.5 6a2 2 0 0 1 0 2.4l-4.5 6a.5.5 0 0 0 .4.8H17a1 1 0 0 0 1-1v-2" }]] },
+  divider: { els: [["path", { d: "m16 16-4 4-4-4" }], ["path", { d: "M3 12h18" }], ["path", { d: "m8 8 4-4 4 4" }]] },
+  page: { els: [
+    ["path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }],
+    ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5" }],
+    ["path", { d: "M9 15h6" }],
+    ["path", { d: "M12 18v-6" }]
+  ] },
+  // ---------------------------------------------------------------- 块手柄与操作
+  handle: { els: [
+    ["circle", { cx: 9, cy: 5, r: 1 }],
+    ["circle", { cx: 9, cy: 12, r: 1 }],
+    ["circle", { cx: 9, cy: 19, r: 1 }],
+    ["circle", { cx: 15, cy: 5, r: 1 }],
+    ["circle", { cx: 15, cy: 12, r: 1 }],
+    ["circle", { cx: 15, cy: 19, r: 1 }]
+  ] },
+  plus: { els: [["path", { d: "M5 12h14" }], ["path", { d: "M12 5v14" }]] },
+  "chevron-down": { els: [["path", { d: "m6 9 6 6 6-6" }]] },
+  chevron: { els: [["path", { d: "m9 18 6-6-6-6" }]] },
+  check: { els: [["path", { d: "M20 6 9 17l-5-5" }]] },
+  comment: { els: [["path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }]] },
+  cut: { els: [
+    ["circle", { cx: 6, cy: 6, r: 3 }],
+    ["path", { d: "M8.12 8.12 12 12" }],
+    ["path", { d: "M20 4 8.12 15.88" }],
+    ["circle", { cx: 6, cy: 18, r: 3 }],
+    ["path", { d: "M14.8 14.8 20 20" }]
+  ] },
+  copy: { els: [
+    ["rect", { x: 8, y: 8, width: 14, height: 14, rx: 2, ry: 2 }],
+    ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }]
+  ] },
+  trash: { els: [
+    ["path", { d: "M10 11v6" }],
+    ["path", { d: "M14 11v6" }],
+    ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
+    ["path", { d: "M3 6h18" }],
+    ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]
+  ] },
+  "copy-link": { els: [
+    ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }],
+    ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }],
+    ["line", { x1: 8, x2: 16, y1: 12, y2: 12 }]
+  ] },
+  share: { els: [
+    ["circle", { cx: 18, cy: 5, r: 3 }],
+    ["circle", { cx: 6, cy: 12, r: 3 }],
+    ["circle", { cx: 18, cy: 19, r: 3 }],
+    ["line", { x1: 8.59, x2: 15.42, y1: 13.51, y2: 17.49 }],
+    ["line", { x1: 15.41, x2: 8.59, y1: 6.51, y2: 10.49 }]
+  ] },
+  "add-below": { els: [
+    ["path", { d: "M4 6h16" }],
+    ["path", { d: "M4 11h16" }],
+    ["path", { d: "M12 14.5v7" }],
+    ["path", { d: "M8.5 18h7" }]
+  ] },
+  // ---------------------------------------------------------------- 缩进与对齐
+  indent: { els: [["path", { d: "M21 5H11" }], ["path", { d: "M21 12H11" }], ["path", { d: "M21 19H11" }], ["path", { d: "m3 8 4 4-4 4" }]] },
+  outdent: { els: [["path", { d: "M21 5H11" }], ["path", { d: "M21 12H11" }], ["path", { d: "M21 19H11" }], ["path", { d: "m7 8-4 4 4 4" }]] },
+  "align-left": { els: [["path", { d: "M21 5H3" }], ["path", { d: "M15 12H3" }], ["path", { d: "M17 19H3" }]] },
+  "align-center": { els: [["path", { d: "M21 5H3" }], ["path", { d: "M17 12H7" }], ["path", { d: "M19 19H5" }]] },
+  "align-right": { els: [["path", { d: "M21 5H3" }], ["path", { d: "M21 12H9" }], ["path", { d: "M21 19H7" }]] },
+  // ---------------------------------------------------------------- 颜色
+  palette: { els: [
+    ["path", { d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z" }],
+    ["circle", { cx: 13.5, cy: 6.5, r: 0.5, fill: "currentColor" }],
+    ["circle", { cx: 17.5, cy: 10.5, r: 0.5, fill: "currentColor" }],
+    ["circle", { cx: 6.5, cy: 12.5, r: 0.5, fill: "currentColor" }],
+    ["circle", { cx: 8.5, cy: 7.5, r: 0.5, fill: "currentColor" }]
+  ] },
+  marker: { els: [
+    ["path", { d: "m9 11-6 6v3h9l3-3" }],
+    ["path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" }]
+  ] },
+  // ---------------------------------------------------------------- 表格
+  "table-row-plus": { els: [
+    ["rect", { x: 3, y: 3, width: 18, height: 9, rx: 2 }],
+    ["path", { d: "M3 7.5h18" }],
+    ["path", { d: "M12 14.5v7" }],
+    ["path", { d: "M8.5 18h7" }]
+  ] },
+  "table-col-plus": { els: [
+    ["rect", { x: 3, y: 3, width: 9, height: 18, rx: 2 }],
+    ["path", { d: "M7.5 3v18" }],
+    ["path", { d: "M18 8.5v7" }],
+    ["path", { d: "M14.5 12h7" }]
+  ] },
+  merge: { els: [
+    ["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }],
+    ["path", { d: "M8.5 9.5 11 12l-2.5 2.5" }],
+    ["path", { d: "M15.5 9.5 13 12l2.5 2.5" }]
+  ] },
+  split: { els: [
+    ["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }],
+    ["path", { d: "M12 3v18" }],
+    ["path", { d: "M7.5 9.5 5 12l2.5 2.5" }],
+    ["path", { d: "M16.5 9.5 19 12l-2.5 2.5" }]
+  ] },
+  // ---------------------------------------------------------------- 其它块
+  columns: { els: [
+    ["rect", { x: 3, y: 3, width: 18, height: 18, rx: 2 }],
+    ["path", { d: "M9 3v18" }],
+    ["path", { d: "M15 3v18" }]
+  ] },
+  "mind-map": { els: [
+    ["rect", { x: 16, y: 16, width: 6, height: 6, rx: 1 }],
+    ["rect", { x: 2, y: 16, width: 6, height: 6, rx: 1 }],
+    ["rect", { x: 9, y: 2, width: 6, height: 6, rx: 1 }],
+    ["path", { d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3" }],
+    ["path", { d: "M12 12V8" }]
+  ] }
+};
+function WIcon({ name, size = 18, className, style }) {
+  const shape = ICONS[name];
+  if (!shape) return null;
+  return createElement("svg", {
+    className: ["wr-icon", className].filter(Boolean).join(" "),
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: shape.filled ? "currentColor" : "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    style
+  }, shape.els.map((element, index) => createElement(element[0], { key: index, ...element[1] })));
+}
+function moveActive(current, count, step, isDisabled = () => false) {
+  if (count <= 0) return -1;
+  let index = current;
+  for (let i = 0; i < count; i += 1) {
+    index = (index + step + count) % count;
+    if (!isDisabled(index)) return index;
+  }
+  return -1;
+}
+function filterOptions(options, query) {
+  const keyword = query.trim().toLowerCase();
+  if (!keyword) return [...options];
+  return options.filter((option) => option.label.toLowerCase().includes(keyword));
+}
+const FOCUSABLE = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+function focusableWithin(container) {
+  return Array.from(container.querySelectorAll(FOCUSABLE)).filter((element) => element.offsetParent !== null || element === document.activeElement);
+}
+function trapTab(container, event) {
+  if (event.key !== "Tab") return false;
+  const items = focusableWithin(container);
+  if (!items.length) return true;
+  const first = items[0];
+  const last = items[items.length - 1];
+  const active = document.activeElement;
+  if (!active || !container.contains(active)) {
+    (event.shiftKey ? last : first).focus();
+    return true;
+  }
+  if (event.shiftKey && active === first) {
+    last.focus();
+    return true;
+  }
+  if (!event.shiftKey && active === last) {
+    first.focus();
+    return true;
+  }
+  return false;
+}
+const scrollLocks = /* @__PURE__ */ new WeakMap();
+function lockScroll() {
+  const body = document.body;
+  let lock = scrollLocks.get(body);
+  if (!lock) {
+    lock = { count: 0, overflow: body.style.overflow, padding: body.style.paddingRight };
+    scrollLocks.set(body, lock);
+    const scrollbar = window.innerWidth - document.documentElement.clientWidth;
+    const padding = parseFloat(getComputedStyle(body).paddingRight) || 0;
+    body.style.overflow = "hidden";
+    if (scrollbar > 0) body.style.paddingRight = `${padding + scrollbar}px`;
+  }
+  lock.count++;
+  let released = false;
+  return {
+    release: () => {
+      if (released) return;
+      released = true;
+      if (--lock.count > 0) return;
+      body.style.overflow = lock.overflow;
+      body.style.paddingRight = lock.padding;
+      scrollLocks.delete(body);
+    }
+  };
+}
+function buttonClasses(variant, size, narrow, block, loading) {
+  return [
+    "w-button",
+    `w-button--${variant}`,
+    `w-button--${size}`,
+    narrow ? "w-button--narrow" : "",
+    block ? "w-button--block" : "",
+    loading ? "is-loading" : ""
+  ].filter(Boolean).join(" ");
+}
+const WButton = forwardRef(function WButton2(props, ref) {
+  const {
+    children,
+    variant,
+    size = "small",
+    narrow = false,
+    block = false,
+    loading = false,
+    htmlType,
+    icon,
+    className = "",
+    disabled,
+    ...rest
+  } = props;
+  const resolved = variant ?? "default";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ...rest,
+      ref,
+      type: htmlType ?? "button",
+      disabled: disabled || loading,
+      "aria-busy": loading || void 0,
+      "aria-disabled": disabled || void 0,
+      className: buttonClasses(resolved, size, narrow, block, loading) + (className ? ` ${className}` : ""),
+      children: [
+        loading ? /* @__PURE__ */ jsx("span", { className: "w-button__spinner", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+          /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "6", opacity: "0.25" }),
+          /* @__PURE__ */ jsx("path", { d: "M14 8a6 6 0 0 0-6-6", strokeLinecap: "round" })
+        ] }) }) : icon ? /* @__PURE__ */ jsx("span", { className: "w-button__icon", children: icon }) : null,
+        children ? /* @__PURE__ */ jsx("span", { className: "w-button__label", children }) : null
+      ]
+    }
+  );
+});
+function WAlert({ children, closable = false, closeLabel = "关闭提示", onClose, tone = "info", className = "" }) {
+  const [visible, setVisible] = useState(true);
+  if (!visible) return null;
+  return /* @__PURE__ */ jsxs("div", { role: "status", "aria-label": "提示", className: `w-alert w-alert--${tone}${className ? ` ${className}` : ""}`, children: [
+    /* @__PURE__ */ jsx("span", { className: "w-alert__icon", "aria-hidden": "true", children: tone === "warning" ? "⚠" : tone === "danger" ? "❗" : tone === "success" ? "✓" : "ⓘ" }),
+    /* @__PURE__ */ jsx("span", { className: "w-alert__body", children }),
+    closable && /* @__PURE__ */ jsx(WButton, { variant: "text", size: "mini", "aria-label": closeLabel, onClick: () => {
+      setVisible(false);
+      onClose == null ? void 0 : onClose();
+    }, children: /* @__PURE__ */ jsx(WIcon, { name: "x", size: 14 }) })
+  ] });
+}
+const LayerContext = createContext(null);
+function LayerProvider({ layer, children }) {
+  return /* @__PURE__ */ jsx(LayerContext.Provider, { value: layer, children });
+}
+function useLayer(anchor, panel, open, onClose) {
+  const parent = useContext(LayerContext);
+  const layer = useRef({ children: /* @__PURE__ */ new Set(), contains: () => false });
+  layer.current.contains = (target) => {
+    var _a, _b;
+    return !!((_a = anchor.current) == null ? void 0 : _a.contains(target)) || !!((_b = panel.current) == null ? void 0 : _b.contains(target)) || [...layer.current.children].some((child) => child.contains(target));
+  };
+  useEffect(() => {
+    if (!open) return;
+    parent == null ? void 0 : parent.children.add(layer.current);
+    return () => {
+      parent == null ? void 0 : parent.children.delete(layer.current);
+    };
+  }, [open, parent]);
+  useEffect(() => {
+    if (!open) return;
+    const outside = (event) => {
+      if (event.target instanceof Node && !layer.current.contains(event.target)) onClose();
+    };
+    const escape = (event) => {
+      var _a;
+      if (event.key === "Escape" && !event.isComposing && event.keyCode !== 229 && !event.defaultPrevented && !layer.current.children.size) {
+        event.preventDefault();
+        event.stopPropagation();
+        onClose();
+        (_a = anchor.current) == null ? void 0 : _a.focus();
+      }
+    };
+    document.addEventListener("pointerdown", outside, true);
+    document.addEventListener("keydown", escape);
+    return () => {
+      document.removeEventListener("pointerdown", outside, true);
+      document.removeEventListener("keydown", escape);
+    };
+  }, [open, onClose, anchor]);
+  return layer.current;
+}
+function useWuiPanel(anchor, panel, open, onClose) {
+  useLayer(anchor, panel, open, onClose);
+}
+function WSelect({ label, ariaLabel, value, onChange, options, disabled, size = "small", searchable, width, className = "" }) {
+  const { portal } = useContentContext();
+  const [open, setOpen] = useState(false), [query, setQuery] = useState("");
+  const [active, setActive] = useState(0), [position, setPosition] = useState({ left: -9999, top: -9999 });
+  const anchor = useRef(null), panel = useRef(null), search = useRef(null);
+  const accessibilityLabel = ariaLabel ?? label;
+  const selected = options.find((option) => String(option.value) === String(value));
+  const filtered = filterOptions(options, searchable ? query : "");
+  const showSearch = searchable && options.length > 6;
+  useWuiPanel(anchor, panel, open, () => setOpen(false));
+  useLayoutEffect(() => {
+    if (!open || !portal) return;
+    const measure = () => {
+      var _a, _b;
+      const trigger = (_a = anchor.current) == null ? void 0 : _a.getBoundingClientRect(), card = (_b = panel.current) == null ? void 0 : _b.getBoundingClientRect();
+      if (!trigger || !card) return;
+      const placed = placePanel({ trigger, panel: card, position: "bl", gap: 4, viewport: { width: innerWidth, height: innerHeight } });
+      setPosition({ left: placed.left, top: placed.top });
+    };
+    measure();
+    const observer = new ResizeObserver(measure);
+    if (panel.current) observer.observe(panel.current);
+    window.addEventListener("resize", measure);
+    window.addEventListener("scroll", measure, true);
+    return () => {
+      observer.disconnect();
+      window.removeEventListener("resize", measure);
+      window.removeEventListener("scroll", measure, true);
+    };
+  }, [open, portal]);
+  useEffect(() => {
+    if (!open) return;
+    setQuery("");
+    setActive(Math.max(0, options.findIndex((option) => String(option.value) === String(value))));
+    queueMicrotask(() => {
+      var _a;
+      return (_a = search.current) == null ? void 0 : _a.focus();
+    });
+  }, [open]);
+  function choose(option) {
+    if (option.disabled) return;
+    setOpen(false);
+    if (String(option.value) !== String(value)) onChange(String(option.value));
+  }
+  function keydown(event) {
+    var _a;
+    if (event.nativeEvent.isComposing || event.keyCode === 229) return;
+    if (event.key === "Escape" && open) {
+      event.preventDefault();
+      event.stopPropagation();
+      setOpen(false);
+      (_a = anchor.current) == null ? void 0 : _a.focus();
+      return;
+    }
+    if (!open && (event.key === "Enter" || event.key === " " || event.key === "ArrowDown")) {
+      event.preventDefault();
+      setOpen(true);
+      return;
+    }
+    if (!open) return;
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      setActive((index) => moveActive(index, filtered.length, event.key === "ArrowDown" ? 1 : -1, (index2) => {
+        var _a2;
+        return !!((_a2 = filtered[index2]) == null ? void 0 : _a2.disabled);
+      }));
+    } else if (event.key === "Enter") {
+      event.preventDefault();
+      const option = filtered[active];
+      if (option) choose(option);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `w-select w-select--${size}${className ? ` ${className}` : ""}`, style: width ? { width } : void 0, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: anchor,
+        type: "button",
+        className: "w-select__trigger",
+        "aria-label": accessibilityLabel,
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        disabled,
+        onClick: () => setOpen(!open),
+        onKeyDown: keydown,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: `w-select__label${selected ? "" : " is-placeholder"}`, children: (selected == null ? void 0 : selected.label) ?? label ?? "请选择" }),
+          /* @__PURE__ */ jsx("svg", { className: "w-select__caret", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) })
+        ]
+      }
+    ),
+    open && portal && createPortal(/* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: panel,
+        className: "w-popover w-select-popup",
+        role: "listbox",
+        "aria-label": accessibilityLabel,
+        style: { left: position.left, top: position.top },
+        children: /* @__PURE__ */ jsxs("div", { className: "w-select-panel", onKeyDown: keydown, children: [
+          showSearch && /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: search,
+              className: "w-select-search",
+              type: "text",
+              "aria-label": `${accessibilityLabel ?? "选项"}搜索`,
+              placeholder: "搜索",
+              value: query,
+              onChange: (event) => {
+                setQuery(event.target.value);
+                setActive(0);
+              },
+              autoComplete: "off"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "w-select-list", role: "listbox", children: [
+            filtered.map((option, index) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                "aria-selected": String(option.value) === String(value),
+                "aria-disabled": option.disabled || void 0,
+                disabled: option.disabled,
+                className: `w-select-option${index === active ? " is-active" : ""}${String(option.value) === String(value) ? " is-selected" : ""}`,
+                onMouseEnter: () => setActive(index),
+                onClick: () => choose(option),
+                children: option.label
+              },
+              String(option.value)
+            )),
+            !filtered.length && /* @__PURE__ */ jsx("div", { className: "w-select-empty", children: "无匹配选项" })
+          ] })
+        ] })
+      }
+    ), portal)
+  ] });
+}
+function WDialog({ title, children, onClose, fullscreen = false, hideFooter = false, footer, workspace = false, className = "", ariaLabel, escToClose = true }) {
+  const { portal } = useContentContext(), titleId = useId(), panel = useRef(null);
+  const layer = useRef({ children: /* @__PURE__ */ new Set(), contains: () => false });
+  layer.current.contains = (target) => {
+    var _a;
+    return !!((_a = panel.current) == null ? void 0 : _a.contains(target)) || [...layer.current.children].some((child) => child.contains(target));
+  };
+  const closeRef = useRef(onClose);
+  closeRef.current = onClose;
+  const escRef = useRef(escToClose);
+  escRef.current = escToClose;
+  useEffect(() => {
+    const previous = document.activeElement;
+    const node = panel.current;
+    node == null ? void 0 : node.focus();
+    const scroll = lockScroll();
+    const listener = (event) => {
+      if (!node || !node.contains(document.activeElement)) return;
+      if (event.key === "Escape" && escRef.current && !layer.current.children.size && !event.isComposing && !event.defaultPrevented) {
+        event.preventDefault();
+        event.stopPropagation();
+        closeRef.current();
+      }
+      if (trapTab(node, event)) event.preventDefault();
+    };
+    node == null ? void 0 : node.addEventListener("keydown", listener);
+    return () => {
+      node == null ? void 0 : node.removeEventListener("keydown", listener);
+      scroll.release();
+      if (previous == null ? void 0 : previous.isConnected) previous.focus();
+    };
+  }, [portal]);
+  if (!portal) return null;
+  const prefix = workspace ? "wd-dialog" : "w-dialog";
+  return /* @__PURE__ */ jsx(LayerProvider, { layer: layer.current, children: createPortal(/* @__PURE__ */ jsx("div", { className: `${prefix}-mask${fullscreen ? " is-fullscreen" : ""}`, onPointerDown: (event) => {
+    if (event.target === event.currentTarget) onClose();
+  }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: panel,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": ariaLabel ? void 0 : titleId,
+      tabIndex: -1,
+      "aria-label": ariaLabel,
+      className: `${prefix}${fullscreen ? " is-fullscreen" : ""}${className ? ` ${className}` : ""}`,
+      children: [
+        /* @__PURE__ */ jsxs("header", { className: `${prefix}__header`, children: [
+          /* @__PURE__ */ jsx("div", { id: titleId, className: `${prefix}__title`, children: title }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: `${prefix}__close`, "aria-label": "关闭", onClick: onClose, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" }) }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: `${prefix}__body`, children }),
+        !hideFooter && footer && /* @__PURE__ */ jsx("footer", { className: `${prefix}__footer`, children: footer })
+      ]
+    }
+  ) }), portal) });
+}
+export {
+  LayerProvider as L,
+  WButton as W,
+  WSelect as a,
+  WIcon as b,
+  WDialog as c,
+  WAlert as d,
+  lockScroll as l,
+  placePanel as p,
+  trapTab as t,
+  useLayer as u
+};