@ldkj/web-ui 0.16.2 → 0.18.0

package/components/form/select/Select.d.ts

@@ -28,13 +28,28 @@ export type SelectItemsProps = {
     labelProps?: Omit<SelectLabelProps, "children">;
     separatorProps?: SelectSeparatorProps;
 };
+type SelectRootPrimitiveProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>;
+export type SelectProps = SelectRootPrimitiveProps & {
+    /**
+     * 是否在弹层打开时锁定页面滚动。
+     *
+     * 默认允许页面继续滚动；如需恢复 Radix Select 的模态行为，可设置为 `true`。
+     */
+    lockScroll?: boolean;
+};
 export type SelectTriggerProps = StyledPrimitiveProps<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>>;
 export type SelectScrollButtonProps = StyledPrimitiveProps<React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>>;
 export type SelectContentProps = StyledPrimitiveProps<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>>;
 export type SelectLabelProps = StyledPrimitiveProps<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>>;
 export type SelectItemProps = StyledPrimitiveProps<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>>;
 export type SelectSeparatorProps = StyledPrimitiveProps<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>>;
-declare const Select: React.FC<SelectPrimitive.SelectProps>;
+/**
+ * Select 根组件，默认不锁定页面滚动。
+ */
+declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
 declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
 /**

package/components/interact/notification/Notification.d.ts

@@ -1,6 +1,21 @@
+import type { NotificationOffset, NotificationOptions, NotificationPlacement } from "./types";
+export interface NotificationFacadeConfig {
+    placement?: NotificationPlacement;
+    duration?: number;
+    closable?: boolean;
+    offset?: NotificationOffset;
+}
+/**
+ * 全局 notification facade。请先挂载 NotificationProvider，再在任意业务模块调用。
+ */
 export declare const notification: {
-    info(message: string): string;
-    success(message: string): string;
-    warn(message: string): string;
-    error(message: string): string;
+    open(options: NotificationOptions): string;
+    info(options: NotificationOptions | string): string;
+    success(options: NotificationOptions | string): string;
+    warn(options: NotificationOptions | string): string;
+    error(options: NotificationOptions | string): string;
+    dismiss(id: string): void;
+    clear(): void;
+    config(config: NotificationFacadeConfig): void;
+    resetConfig(): void;
 };

package/components/interact/notification/NotificationProvider.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import type { NotificationOffset, NotificationOptions, NotificationPlacement } from "./types";
+import "./notification.css";
+export interface NotificationProviderProps {
+    children?: React.ReactNode;
+    placement?: NotificationPlacement;
+    duration?: number;
+    queueLimit?: number;
+    offset?: NotificationOffset;
+    closable?: boolean;
+}
+export declare function NotificationProvider(props: NotificationProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace NotificationProvider {
+    var displayName: string;
+}
+/**
+ * 获取当前 NotificationProvider 提供的通知 API。
+ */
+export declare function useNotification(): {
+    open: (options: NotificationOptions) => string;
+    info: (options: NotificationOptions | string) => string;
+    success: (options: NotificationOptions | string) => string;
+    warn: (options: NotificationOptions | string) => string;
+    error: (options: NotificationOptions | string) => string;
+    dismiss: (id: string) => void;
+    clear: () => void;
+};

package/components/interact/notification/bridge.d.ts

@@ -0,0 +1,3 @@
+import type { NotificationContextValue } from "./types";
+export declare function setNotificationBridge(next: NotificationContextValue | null): void;
+export declare function getNotificationBridge(): NotificationContextValue | null;

package/components/interact/notification/index.d.ts

@@ -1 +1,3 @@
-export * from './Notification';
+export * from "./Notification";
+export * from "./NotificationProvider";
+export * from "./types";

package/components/interact/notification/types.d.ts

@@ -0,0 +1,39 @@
+import type * as React from "react";
+export type NotificationType = "info" | "success" | "warn" | "error";
+export type NotificationPlacement = "rightTop" | "rightBottom" | "leftTop" | "leftBottom" | "center";
+export type NotificationOffset = number | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export type NotificationCustomSvg = React.ComponentType<React.SVGProps<SVGSVGElement> & {
+    title?: string;
+}>;
+export type NotificationIconOption = string | {
+    svg?: NotificationCustomSvg;
+    src?: string;
+};
+export interface NotificationOptions {
+    id?: string;
+    message: React.ReactNode;
+    description?: React.ReactNode;
+    content?: React.ReactNode;
+    actions?: React.ReactNode;
+    duration?: number;
+    placement?: NotificationPlacement;
+    offset?: NotificationOffset;
+    closable?: boolean;
+    icon?: NotificationIconOption;
+    iconColor?: string;
+    onClose?: () => void;
+}
+export interface NotificationCreateInput extends NotificationOptions {
+    type?: NotificationType;
+}
+export type NotificationShortcutInput = string | NotificationOptions;
+export interface NotificationContextValue {
+    push: (input: NotificationCreateInput) => string;
+    dismiss: (id: string) => void;
+    clear: () => void;
+}