@openviking/react 0.1.5 → 0.1.7

package/dist/r~0.js

@@ -1,12 +1,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cloneElement, useCallback, useEffect, useId, useRef, useState } from "react";
 import { createPortal } from "react-dom";
-import { useOverlayPosition } from "./o~0.js";
-const DEFAULT_LABELS = {
-    close: 'Close'
-};
+import { useOverlayPosition } from "./rt~0.js";
 function useMergedRef(ref, target) {
-    const merged = useCallback((node)=>{
+    return useCallback((node)=>{
         target.current = node;
         if ('function' == typeof ref) ref(node);
         else if (ref) ref.current = node;
@@ -14,19 +11,15 @@ function useMergedRef(ref, target) {
         ref,
         target
     ]);
-    return merged;
 }
-function Tooltip({ children, content, placement = 'top', trigger = 'hover', delay = 300, disabled = false, className, style, onOpenChange, labels }) {
-    const text = {
-        ...DEFAULT_LABELS,
-        ...labels
-    };
-    const [open, setOpen] = useState(false);
+function Popover({ children, content, placement = 'right', anchorRef, trigger = 'hover', delay = 300, open: controlledOpen, role, disabled = false, className, style, onOpenChange }) {
+    const [localOpen, setOpen] = useState(false);
+    const open = !disabled && (controlledOpen ?? localOpen);
     const triggerRef = useRef(null);
     const timerRef = useRef(void 0);
     const [surfaceNode, setSurfaceNode] = useState(null);
     const id = useId();
-    const position = useOverlayPosition(open, triggerRef, surfaceNode, placement);
+    const position = useOverlayPosition(open, anchorRef ?? triggerRef, surfaceNode, placement);
     const change = useCallback((next)=>{
         setOpen(next);
         onOpenChange?.(next);
@@ -52,27 +45,23 @@ function Tooltip({ children, content, placement = 'top', trigger = 'hover', dela
         clearTimer
     ]);
     useEffect(()=>{
-        if (!open) return;
+        if (!open || 'click' !== trigger) return;
         const onPointerDown = (event)=>{
             const target = event.target;
             if (surfaceNode?.contains(target) || triggerRef.current?.contains(target)) return;
             change(false);
         };
         const onKeyDown = (event)=>{
-            if ('Escape' === event.key) {
-                clearTimer();
-                change(false);
-            }
+            if ('Escape' === event.key) change(false);
         };
-        if ('click' === trigger) document.addEventListener('mousedown', onPointerDown);
+        document.addEventListener('mousedown', onPointerDown);
         document.addEventListener('keydown', onKeyDown);
         return ()=>{
-            if ('click' === trigger) document.removeEventListener('mousedown', onPointerDown);
+            document.removeEventListener('mousedown', onPointerDown);
             document.removeEventListener('keydown', onKeyDown);
         };
     }, [
         change,
-        clearTimer,
         open,
         surfaceNode,
         trigger
@@ -89,19 +78,18 @@ function Tooltip({ children, content, placement = 'top', trigger = 'hover', dela
     const hide = ()=>{
         if ('click' === trigger) return;
         clearTimer();
-        timerRef.current = window.setTimeout(()=>{
-            change(false);
-            timerRef.current = void 0;
-        }, 120);
+        change(false);
     };
     const child = children;
     const childProps = child.props;
     const childRef = child.ref;
     const mergedRef = useMergedRef(childRef, triggerRef);
+    const declaresExpanded = 'aria-expanded' in childProps;
     const triggerElement = /*#__PURE__*/ cloneElement(child, {
         ref: mergedRef,
-        'aria-describedby': open && 'hover' === trigger ? id : void 0,
-        'aria-expanded': 'click' === trigger ? open : childProps['aria-expanded'],
+        ...declaresExpanded ? {} : {
+            'aria-expanded': open
+        },
         onMouseEnter: (event)=>{
             childProps.onMouseEnter?.(event);
             if ('hover' === trigger) show();
@@ -110,14 +98,6 @@ function Tooltip({ children, content, placement = 'top', trigger = 'hover', dela
             childProps.onMouseLeave?.(event);
             if ('hover' === trigger) hide();
         },
-        onFocus: (event)=>{
-            childProps.onFocus?.(event);
-            if ('hover' === trigger) show();
-        },
-        onBlur: (event)=>{
-            childProps.onBlur?.(event);
-            hide();
-        },
         onClick: (event)=>{
             childProps.onClick?.(event);
             if ('click' === trigger) show();
@@ -126,10 +106,9 @@ function Tooltip({ children, content, placement = 'top', trigger = 'hover', dela
     const surface = open ? /*#__PURE__*/ createPortal(/*#__PURE__*/ jsx("div", {
         ref: setSurfaceNode,
         id: id,
-        role: 'hover' === trigger ? 'tooltip' : 'dialog',
-        "aria-label": 'click' === trigger ? text.close : void 0,
+        role: role ?? ('click' === trigger ? 'dialog' : 'note'),
         className: [
-            'ov-tooltip',
+            'ov-popover',
             className
         ].filter(Boolean).join(' '),
         "data-placement": position.placement,
@@ -149,4 +128,4 @@ function Tooltip({ children, content, placement = 'top', trigger = 'hover', dela
         ]
     });
 }
-export { Tooltip };
+export { Popover };

package/dist/shared/components/button/button.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Adapted from Arco Design Button (MIT), commit 4e087a0fe7d5ae2f222fbce4a9518ba047b01772.
+ * https://github.com/arco-design/arco-design/tree/4e087a0fe7d5ae2f222fbce4a9518ba047b01772/components/Button
+ * Copyright (c) 2021 Bytedance, Inc. and its affiliates. See LICENSE.arco-design.
+ * Keeps native events/ref, variants, sizes, icons and loading; omits links,
+ * groups, status palettes, Chinese-character spacing and ConfigProvider coupling.
+ * Visual rules come from the console's theme-ve-o-aml-design@0.0.36 skin.
+ */
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+    type?: 'default' | 'primary' | 'secondary' | 'outline' | 'text';
+    htmlType?: 'button' | 'submit' | 'reset';
+    size?: 'mini' | 'small' | 'default' | 'large';
+    shape?: 'square' | 'circle';
+    icon?: ReactNode;
+    iconOnly?: boolean;
+    loading?: boolean;
+    long?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/shared/components/input/input.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Adapted from Arco Design Input (MIT), commit 4e087a0fe7d5ae2f222fbce4a9518ba047b01772.
+ * https://github.com/arco-design/arco-design/tree/4e087a0fe7d5ae2f222fbce4a9518ba047b01772/components/Input
+ * Copyright (c) 2021 Bytedance, Inc. and its affiliates. See LICENSE.arco-design.
+ * Native value/events/ref and affixes only. No password toggles, groups, clear buttons,
+ * word counters, auto-width/auto-size, value truncation or ConfigProvider.
+ * Visual rules come from the console's theme-ve-o-aml-design@0.0.36 skin.
+ */
+import { type InputHTMLAttributes, type ReactNode, type TextareaHTMLAttributes } from 'react';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'type'> {
+    type?: 'text' | 'search' | 'email' | 'url' | 'tel' | 'password' | 'number';
+    size?: 'mini' | 'small' | 'default' | 'large';
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TextArea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/shared/components/modal/locales/en-US.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    closeLabel: string;
+};
+export default _default;

package/dist/shared/components/modal/locales/zh-CN.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    closeLabel: string;
+};
+export default _default;

package/dist/shared/components/modal/modal.d.ts

@@ -0,0 +1,2 @@
+import type { ModalProps } from './types.js';
+export declare function Modal({ open, title, triggerRef, id, className, locale: localeProp, onClose, children, closeLabel, }: ModalProps): import("react").ReactPortal | null;

package/dist/shared/components/modal/types.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode, RefObject } from 'react';
+import type { Locale } from '../../locale.js';
+/** A controlled modal with the same overlay capabilities as the internal Drawer. */
+export interface ModalProps {
+    open: boolean;
+    children: ReactNode;
+    /** Accessible name; render a visible heading inside children. */
+    title: string;
+    /** Theme anchor; focus returns to the element active when the modal opened. */
+    triggerRef: RefObject<HTMLElement | null>;
+    id?: string;
+    className?: string;
+    locale?: Locale;
+    /** Overrides the localized close button name, including an explicit empty string. */
+    closeLabel?: string;
+    /** Close intent from the mask, close button or Escape. The host controls open. */
+    onClose?: () => void;
+}

package/dist/shared/components/overlay/lock-body-scroll.d.ts

@@ -0,0 +1 @@
+export declare function lockBodyScroll(body: HTMLElement): () => void;

package/dist/shared/components/popover/popover.d.ts

@@ -20,4 +20,4 @@ export type { PopoverPlacement, PopoverProps, PopoverTrigger, } from './types.js
  * tooltip is one dark line, a popover is a white card. What they share — the
  * portal, positioning and theme-variable syncing — lives in `overlay/`.
  */
-export declare function Popover({ children, content, placement, trigger, delay, disabled, className, style, onOpenChange, }: PopoverProps): import("react").JSX.Element;
+export declare function Popover({ children, content, placement, anchorRef, trigger, delay, open: controlledOpen, role, disabled, className, style, onOpenChange, }: PopoverProps): import("react").JSX.Element;

package/dist/shared/components/popover/types.d.ts

@@ -1,5 +1,5 @@
 import type { OverlayPlacement } from '../overlay/types.js';
-import type { CSSProperties, ReactElement, ReactNode } from 'react';
+import type { AriaRole, CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
 /**
  * 弹出层的方位，与提示共用一套取值。空间不足时自动翻到对侧。
  * Where the popover sits relative to its trigger, sharing the tooltip's values.
@@ -35,10 +35,16 @@ export interface PopoverProps {
     content: ReactNode;
     /** 方位，默认 `right`——内容在行尾展开，不遮挡左侧。 Placement, `right` by default. */
     placement?: PopoverPlacement;
+    /** 可选的定位元素，触发事件仍在 children 上。 Optional anchor; children still handle the trigger. */
+    anchorRef?: RefObject<HTMLElement | null>;
     /** 触发方式，默认 `hover`。 Trigger mode, `hover` by default. */
     trigger?: PopoverTrigger;
     /** 悬停后多久展示，单位毫秒。延迟只作用于 `hover`。 Hover delay in ms; `hover` only. */
     delay?: number;
+    /** Controlled visibility; omitted values use instance-local state. */
+    open?: boolean;
+    /** Surface semantics; defaults to dialog for click and note for hover. */
+    role?: AriaRole;
     /** 为真时不展示浮层。 Suppresses the surface; the trigger still renders. */
     disabled?: boolean;
     /** 浮层容器的额外类名。 Extra class names for the surface. */

package/dist/shared/dashboard/dashboard-state.d.ts

@@ -0,0 +1,12 @@
+export interface DashboardStatus {
+    loading?: boolean;
+    error?: Error | null;
+    onRetry?: () => void;
+}
+export declare function DashboardState({ state, empty, loading, failed, retry, }: {
+    state?: DashboardStatus;
+    empty: string;
+    loading: string;
+    failed: string;
+    retry: string;
+}): import("react").JSX.Element;