@fangxinyan/lumina 0.6.18 → 0.8.0

package/dist/chunk-FKCPSVC4.cjs

@@ -0,0 +1,188 @@
+'use strict';
+
+var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+require('./tokens-CEJVVA3G.css');
+require('./shared-NJHRNLRH.css');
+require('./AppShell-OWJRJ4ZD.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var WindowControlsBase = React__namespace.forwardRef(({
+  platform = "mac",
+  onMinimize,
+  onMaximize,
+  onClose,
+  maximized = false,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const noDragStyle = { WebkitAppRegion: "no-drag" };
+  if (platform === "windows") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `win-controls windows ${className}`, ...rest, style: { ...noDragStyle, ...style }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, disabled: !onMinimize, "aria-label": "\u6700\u5C0F\u5316", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 5h8", stroke: "currentColor", strokeWidth: "1" }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "win-btn maximize",
+          onClick: onMaximize,
+          disabled: !onMaximize,
+          "aria-label": maximized ? "\u8FD8\u539F\u7A97\u53E3" : "\u6700\u5927\u5316",
+          children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: maximized ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "3", width: "6", height: "6", stroke: "currentColor", strokeWidth: "1" }),
+            /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 3V1h6v6H7", stroke: "currentColor", strokeWidth: "1" })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "8", height: "8", stroke: "currentColor", strokeWidth: "1" }) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn close", onClick: onClose, disabled: !onClose, "aria-label": "\u5173\u95ED\u7A97\u53E3", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1l8 8M9 1l-8 8", stroke: "currentColor", strokeWidth: "1" }) }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `win-controls mac ${className}`, ...rest, style: { ...noDragStyle, ...style }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn close", onClick: onClose, disabled: !onClose, "aria-label": "\u5173\u95ED\u7A97\u53E3" }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, disabled: !onMinimize, "aria-label": "\u6700\u5C0F\u5316" }),
+    /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, disabled: !onMaximize, "aria-label": maximized ? "\u8FD8\u539F\u7A97\u53E3" : "\u6700\u5927\u5316" })
+  ] });
+});
+WindowControlsBase.displayName = "WindowControls";
+var WindowControls = chunkNRJXZPZR_cjs.withComponentTheme(
+  WindowControlsBase,
+  "WindowControls",
+  "app-shell"
+);
+var InternalWindowControls = chunkNRJXZPZR_cjs.withInternalComponentThemePart(
+  WindowControls,
+  "WindowControls"
+);
+var TitleBarBase = React__namespace.forwardRef(({
+  title,
+  platform = "mac",
+  onMinimize,
+  onMaximize,
+  onClose,
+  maximized = false,
+  center,
+  actions,
+  draggable = true,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const dragStyle = {
+    WebkitAppRegion: draggable ? "drag" : "no-drag",
+    ...style
+  };
+  const noDragStyle = { WebkitAppRegion: "no-drag" };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `titlebar ${platform} ${draggable ? "draggable" : "no-drag"} ${className}`, ...rest, style: dragStyle, children: [
+    platform === "mac" && /* @__PURE__ */ jsxRuntime.jsx(InternalWindowControls, { platform: "mac", onMinimize, onMaximize, onClose, maximized }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-title", children: title }),
+    center && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-center", style: noDragStyle, children: center }),
+    actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-actions", style: noDragStyle, children: actions }),
+    platform === "windows" && /* @__PURE__ */ jsxRuntime.jsx(InternalWindowControls, { platform: "windows", onMinimize, onMaximize, onClose, maximized })
+  ] });
+});
+TitleBarBase.displayName = "TitleBar";
+var TitleBar = chunkNRJXZPZR_cjs.withComponentTheme(TitleBarBase, "TitleBar", "app-shell");
+var collectExpandableSidebarKeys = (items) => items.flatMap((item) => [
+  ...item.children?.length ? [item.key] : [],
+  ...item.children ? collectExpandableSidebarKeys(item.children) : []
+]);
+var SidebarBase = React__namespace.forwardRef(({
+  items,
+  activeKey,
+  onSelect,
+  expandedKeys,
+  defaultExpandedKeys,
+  onExpandedKeysChange,
+  collapsed,
+  header,
+  footer,
+  navigationLabel = "\u4E3B\u5BFC\u822A",
+  className = "",
+  ...rest
+}, ref) => {
+  const [innerExpandedKeys, setInnerExpandedKeys] = React__namespace.useState(
+    () => defaultExpandedKeys ?? collectExpandableSidebarKeys(items)
+  );
+  const expandedControlled = expandedKeys !== void 0;
+  const currentExpandedKeys = expandedControlled ? expandedKeys : innerExpandedKeys;
+  const toggleExpanded = (key) => {
+    const next = currentExpandedKeys.includes(key) ? currentExpandedKeys.filter((itemKey) => itemKey !== key) : [...currentExpandedKeys, key];
+    if (!expandedControlled) setInnerExpandedKeys(next);
+    onExpandedKeysChange?.(next);
+  };
+  const renderItems = (entries, level = 1) => entries.map((item) => {
+    const active = activeKey === item.key;
+    const hasChildren = !!item.children?.length;
+    const expanded = hasChildren && currentExpandedKeys.includes(item.key);
+    const showChildren = !collapsed && expanded;
+    const textLabel = item.ariaLabel ?? (typeof item.label === "string" ? item.label : void 0);
+    return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: `sidebar-item ${active ? "active" : ""}`,
+          style: { ["--sidebar-indent"]: `${(level - 1) * 16}px` },
+          "aria-current": active ? "page" : void 0,
+          "aria-label": collapsed ? textLabel : void 0,
+          title: collapsed ? textLabel : void 0,
+          "aria-expanded": hasChildren ? showChildren : void 0,
+          onClick: () => {
+            onSelect?.(item.key);
+            if (hasChildren) toggleExpanded(item.key);
+          },
+          children: [
+            item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-icon", "aria-hidden": collapsed && !!textLabel, children: item.icon }),
+            !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-label", children: item.label }),
+            !collapsed && item.badge != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sidebar-badge", children: item.badge }),
+            !collapsed && hasChildren && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `sidebar-expand ${expanded ? "open" : ""}`, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "chevDown", size: 13 }) })
+          ]
+        }
+      ),
+      showChildren && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sidebar-children", role: "group", "aria-label": textLabel, children: renderItems(item.children, level + 1) })
+    ] }, item.key);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { ref, className: `sidebar ${collapsed ? "collapsed" : ""} ${className}`, ...rest, children: [
+    header != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sidebar-header", children: header }),
+    /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "sidebar-nav", "aria-label": navigationLabel, children: renderItems(items) }),
+    footer != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sidebar-footer", children: footer })
+  ] });
+});
+SidebarBase.displayName = "Sidebar";
+var Sidebar = chunkNRJXZPZR_cjs.withComponentTheme(SidebarBase, "Sidebar", "app-shell");
+var AppShellBase = React__namespace.forwardRef(({ sidebar, titleBar, children, className = "", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `app-shell ${className}`, ...rest, children: [
+  titleBar,
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "app-shell-body", children: [
+    sidebar,
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "app-shell-main", children })
+  ] })
+] }));
+AppShellBase.displayName = "AppShell";
+var AppShell = chunkNRJXZPZR_cjs.withComponentTheme(AppShellBase, "AppShell", "app-shell");
+
+exports.AppShell = AppShell;
+exports.Sidebar = Sidebar;
+exports.TitleBar = TitleBar;
+exports.WindowControls = WindowControls;

package/dist/chunk-FMUHLIHB.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+require('./tokens-CEJVVA3G.css');
+require('./shared-NJHRNLRH.css');
+require('./Avatar-YBU2YZTW.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var AVATAR_STATUS_LABELS = {
+  online: "\u5728\u7EBF",
+  busy: "\u5FD9\u788C",
+  away: "\u79BB\u5F00",
+  offline: "\u79BB\u7EBF"
+};
+var AvatarBase = React__namespace.forwardRef(({
+  src,
+  fallbackSrc,
+  alt = "",
+  initials,
+  size = "md",
+  shape = "circle",
+  status,
+  onImageError,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const [useFallback, setUseFallback] = React__namespace.useState(false);
+  const [imageFailed, setImageFailed] = React__namespace.useState(false);
+  React__namespace.useEffect(() => {
+    setUseFallback(false);
+    setImageFailed(false);
+  }, [fallbackSrc, src]);
+  const sizeCls = typeof size === "string" && size !== "md" ? size : "";
+  const shapeCls = shape === "square" ? "square" : "";
+  const customStyle = typeof size === "number" ? { ["--size"]: `${size}px`, ...style } : style ?? {};
+  const shown = initials ?? alt.slice(0, 2).toUpperCase();
+  const activeSrc = imageFailed ? void 0 : useFallback ? fallbackSrc : src;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: `avatar ${sizeCls} ${shapeCls} ${className}`.trim().replace(/\s+/g, " "),
+      style: customStyle,
+      ...rest,
+      children: [
+        activeSrc ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: activeSrc,
+            alt,
+            onError: (event) => {
+              if (!useFallback && fallbackSrc && fallbackSrc !== src) {
+                setUseFallback(true);
+                return;
+              }
+              setImageFailed(true);
+              onImageError?.(event);
+            }
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: shown }),
+        status && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `avatar-status ${status}`, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "avatar-status-label", children: AVATAR_STATUS_LABELS[status] })
+        ] })
+      ]
+    }
+  );
+});
+AvatarBase.displayName = "Avatar";
+var Avatar = chunkNRJXZPZR_cjs.withComponentTheme(AvatarBase, "Avatar", "avatar");
+
+exports.Avatar = Avatar;