@unicom-cloud/ui 0.8.145 → 0.8.148

package/types/anchor/interface.d.ts

@@ -5,12 +5,6 @@ import { CSSProperties, ReactNode } from 'react';
 export interface AnchorProps {
     className?: string | string[];
     style?: CSSProperties;
-    /**
-     * @zh 是否平滑滚动
-     * @en Whether to enable smooth scrolling
-     * @defaultValue true
-     */
-    animation?: boolean;
     /**
      * @zh 方向
      * @en Direction
@@ -24,12 +18,12 @@ export interface AnchorProps {
     scrollContainer?: string | HTMLElement | Window | (() => HTMLElement);
     /**
      * @zh
-     * 定义元素在可滚动祖先容器内的对齐方式，设置为 end, start, center, nearest。
+     * 定义元素在可滚动祖先容器内的滚动的配置，例如对齐方式，设置为 end, start, center, nearest。
      * @en
      * Scrolling Scroll Logical Position. For `end`, `start`, `center`, the target scrolls to the bottom, top, and center of the container.
-     * @defaultValue start
+     * @defaultValue { block: 'start', inline: 'nearest', behavior: 'smooth', }
      */
-    scrollLogicalPosition?: 'end' | 'start' | 'center' | 'nearest';
+    scrollIntoViewOptions?: ScrollIntoViewOptions;
     /**
      * @zh 是否改变 hash，设置为 `true` 点击锚点会改变页面 hash。
      * @en Whether to change the URL hash

package/types/button/interface.d.ts

@@ -18,7 +18,7 @@ export interface BaseButtonProps extends Size {
      * @en Status of the button
      * @defaultValue default
      */
-    status?: 'warning' | 'danger' | 'success' | 'processing' | 'default';
+    status?: 'warning' | 'danger' | 'success' | 'default';
     /**
      * @zh 按钮形状，`circle` - 圆形， `round` - 全圆角， `square` - 长方形
      * @en Three button shapes are available: `circle`, `round` and `square`

package/types/color-picker/Panel.d.ts

@@ -14,11 +14,13 @@ interface PanelProps {
     historyColors?: string[];
     showPreset?: boolean;
     presetColors?: string[];
+    format?: 'hex' | 'rgb';
     renderHistory?: () => ReactNode;
     renderPreset?: () => ReactNode;
     renderPickSection?: () => ReactNode;
     renderFooter?: () => ReactNode;
     onHsvChange: (value: HSV) => void;
+    onFormatChange: (format: 'hex' | 'rgb') => void;
     onAlphaChange: (value: number) => void;
     onActiveModeChange: (value: ColorPickerMode) => void;
     onGradientColorsChange: (value: InternalGradientColor[] | ((colors: InternalGradientColor[]) => InternalGradientColor[])) => void;

package/types/config-provider/context.d.ts

@@ -1,4 +1,5 @@
 import { ConfigProviderProps } from './interface';
+export declare const PREFIX_CLS = "pqb";
 export declare const ConfigProviderDefaultProps: ConfigProviderProps;
 declare const ConfigContext: import("react").Context<ConfigProviderProps>;
 export default ConfigContext;

package/types/config-provider/initUI.d.ts

@@ -0,0 +1,3 @@
+export default initUI;
+export function destroy(params: any): void;
+declare function initUI(params: any): void;

package/types/config-provider/interface.d.ts

@@ -22,6 +22,7 @@ import { DescriptionsProps } from '../descriptions/interface';
 import { DetailsProps } from '../details/interface';
 import { DevelopmentProps } from '../development/interface';
 import { DividerProps } from '../divider/interface';
+import { DrawProps } from '../draw';
 import { DrawerProps } from '../drawer/interface';
 import { DropdownButtonProps, DropdownProps } from '../dropdown/interface';
 import { EmptyProps } from '../empty/interface';
@@ -197,6 +198,7 @@ export type ComponentConfig = {
     Notice?: NoticeProps;
     Notification?: NotificationProps;
     Message?: MessageProps;
+    Draw?: DrawProps;
 };
 /**
  * @title ConfigProvider
@@ -222,6 +224,10 @@ export interface ConfigProviderProps extends Size, GetPopupContainer {
      * @en Theme Configuration
      */
     theme?: ThemeConfig;
+    /**
+     * @zh 是否为暗色风格
+     */
+    isDark?: boolean;
     /**
      * @zh 全局组件类名前缀
      * @en Global ClassName prefix

package/types/draw/Draw.d.ts

@@ -0,0 +1,6 @@
+import '@unicom-cloud/draw/style.css';
+declare const Draw: typeof Draw & {
+    ___PQB_DRAW___: boolean;
+};
+export { Draw };
+export default Draw;

package/types/draw/index.d.ts

@@ -0,0 +1,4 @@
+import Draw from './Draw';
+export type { DrawProps } from './interface';
+export { Draw };
+export default Draw;

package/types/draw/interface.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+/**
+ * @title Draw
+ */
+export interface DrawProps {
+    style?: CSSProperties;
+    className?: string | string[];
+}

package/types/drawer/interface.d.ts

@@ -58,9 +58,9 @@ export interface DrawerProps extends GetPopupContainer {
      * @en The props of `ok` button
      */
     okButtonProps?: ButtonProps;
-    okButton?: {
+    okButton?: boolean | {
         visible?: boolean;
-        text?: string;
+        text?: ReactNode;
         props?: ButtonProps;
     };
     /**
@@ -68,9 +68,9 @@ export interface DrawerProps extends GetPopupContainer {
      * @en The props of `cancel` button
      */
     cancelButtonProps?: ButtonProps;
-    cancelButton?: {
+    cancelButton?: boolean | {
         visible?: boolean;
-        text?: string;
+        text?: ReactNode;
         props?: ButtonProps;
     };
     /**
@@ -171,4 +171,5 @@ export interface DrawerProps extends GetPopupContainer {
      * @en Set the mount node for popup such as `Select`, `Tooltip`, etc. Default to the drawer dialog.
      */
     getChildrenPopupContainer?: (node: HTMLElement) => Element;
+    transition?: boolean;
 }

package/types/global-provider/context.d.ts

@@ -0,0 +1,3 @@
+import { GlobalProviderProps } from './interface';
+declare const GlobalContext: import("react").Context<GlobalProviderProps>;
+export default GlobalContext;

package/types/global-provider/index.d.ts

@@ -0,0 +1,11 @@
+import GlobalContext from './context';
+import { GlobalProviderProps } from './interface';
+declare function GlobalProvider(props: GlobalProviderProps): import("react/jsx-runtime").JSX.Element;
+declare namespace GlobalProvider {
+    var GlobalContext: import("react").Context<GlobalProviderProps>;
+    var displayName: string;
+}
+declare const GlobalConsumer: import("react").Consumer<GlobalProviderProps>;
+export { GlobalConsumer, GlobalContext };
+export default GlobalProvider;
+export type { GlobalProviderProps };

package/types/global-provider/interface.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export interface GlobalProviderProps extends PropsWithChildren {
+    [key: string]: unknown;
+}

package/types/index.d.ts

@@ -62,6 +62,8 @@ export { default as Flex, FlexVertical } from './flex';
 export type { FlexProps, GapType } from './flex/interface';
 export { default as Form, FormContext, FormControl, FormItem, FormItemContext, FormList, FormListContext, FormProvider, FormProviderContext, useForm, useFormContext, useFormState, useFormWatch, ValidateError, } from './form';
 export type { FormInstance, FormItemProps, FormListProps, FormProps, RulesProps, } from './form/interface';
+export { GlobalConsumer, GlobalContext, default as GlobalProvider, } from './global-provider';
+export type { GlobalProviderProps } from './global-provider/interface';
 export { default as Grid, GridCol, GridContext, GridItem, GridRow, } from './grid';
 export type { GridItemProps, GridProps } from './grid/interface';
 export { addIconFromCdn, default as Icon, IconContext, useIconProps, } from './icon';

package/types/interface.d.ts

@@ -37,7 +37,7 @@ export type GetPopupContainer = {
      * @zh 设置弹出内容所插入的父元素
      * @en Set the parent node which the popup will be rendered to.
      */
-    getPopupContainer?: (node: HTMLElement) => Element;
+    getPopupContainer?: (node?: HTMLElement) => Element;
 };
 export type ImmediateTrigger = {
     /**

package/types/mask/interface.d.ts

@@ -22,4 +22,5 @@ export interface MaskProps {
      */
     unmountOnExit?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;
+    transition?: boolean;
 }

package/types/menu/context.d.ts

@@ -5,7 +5,7 @@ export type HotkeyInfo = {
     type: 'sibling' | 'generation' | 'enter';
 };
 export type ResetHotkeyInfo = (activeKey?: string) => void;
-declare const MenuContext: import("react").Context<Pick<MenuProps, "mode" | "collapse" | "triggerProps" | "icons" | "inDropdown" | "tooltipProps" | "theme" | "levelIndent" | "selectedKeys" | "openKeys" | "autoScrollIntoView" | "scrollConfig"> & {
+declare const MenuContext: import("react").Context<Pick<MenuProps, "mode" | "collapse" | "triggerProps" | "icons" | "inDropdown" | "tooltipProps" | "theme" | "levelIndent" | "selectedKeys" | "openKeys" | "autoScrollIntoView" | "scrollIntoViewOptions"> & {
     id?: string;
     prefixCls?: string;
     onClickMenuItem?: (key: string, e: any) => void;

package/types/menu/interface.d.ts

@@ -126,7 +126,7 @@ export interface MenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'classNa
      * @en
      * Scroll to the configuration item in the visible area and receive all the parameters of
      */
-    scrollConfig?: ScrollIntoViewOptions;
+    scrollIntoViewOptions?: ScrollIntoViewOptions;
     /**
      * @zh 弹出模式下可接受所有 `Trigger` 的 `Props`
      * @en Pass all `Trigger` component properties

package/types/modal/Confirm.d.ts

@@ -7,7 +7,7 @@ export interface ConfirmProps extends ModalProps {
     noticeType?: string;
 }
 export declare const normalizeConfig: (_config: ConfirmProps) => ConfirmProps;
-declare function confirm(config: ConfirmProps, renderFunc?: (props: ConfirmProps) => void): {
+declare function confirm(config: ConfirmProps, renderFunction?: (props: ConfirmProps) => void): {
     close: () => void;
     update: (newConfig: ConfirmProps) => void;
     destroy: () => void;

package/types/modal/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ReactNode } from 'react';
 import { ButtonProps } from '../button';
 import { GetPopupContainer } from '../interface';
 import { ConfirmProps } from './Confirm';
@@ -17,19 +17,16 @@ export interface ModalProps extends GetPopupContainer {
      * @zh 点击确认按钮的回调
      * @en Callback when click ok button
      */
-    onOk?: (e?: MouseEvent) => Promise<any> | void;
-    onConfirm?: (e?: MouseEvent) => Promise<any> | void;
-    cancelButton?: {
-        visible: boolean;
-        label: string;
-        text: string;
-        props: ButtonProps;
+    onOk?: (e?: React.MouseEvent) => Promise<unknown> | void;
+    cancelButton?: boolean | {
+        visible?: boolean;
+        text?: ReactNode;
+        props?: ButtonProps;
     };
-    okButton?: {
-        visible: boolean;
-        label: string;
-        text: string;
-        props: ButtonProps;
+    okButton?: boolean | {
+        visible?: boolean;
+        text?: ReactNode;
+        props?: ButtonProps;
     };
     /**
      * @zh 对话框里的弹出框 `Select` `Tooltip` 等挂载的容器，默认挂载在对话框内。
@@ -172,6 +169,7 @@ export interface ModalProps extends GetPopupContainer {
      */
     fullscreenable?: boolean;
     draggable?: boolean;
+    transition?: boolean;
 }
 export type ModalReturnProps = {
     update: (newConfig: ConfirmProps) => void;

package/types/modal/use-modal/Hook.d.ts

@@ -3,5 +3,5 @@ export type HookModalRef = {
     update: (config: ConfirmProps) => void;
     close: () => void;
 };
-declare const _default: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
+declare const _default: import("react").ForwardRefExoticComponent<ConfirmProps & import("react").RefAttributes<unknown>>;
 export default _default;

package/types/radio/interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ChangeEvent, HTMLAttributes, ReactNode } from 'react';
+import { CSSProperties, ChangeEvent, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 import { ReadOnly, Size } from '../interface';
 /**
  * @title Radio
@@ -38,7 +38,7 @@ export interface RadioProps<T = any> extends Omit<HTMLAttributes<HTMLLabelElemen
 /**
  * @title Radio.Group
  */
-export interface RadioGroupProps extends ReadOnly, Size {
+export interface RadioGroupProps extends ReadOnly, Size, PropsWithChildren {
     style?: CSSProperties;
     className?: string | string[];
     /**

package/types/rich-text/lib/core/emitter.d.ts

@@ -1,4 +1,4 @@
-import EmitterBase from '@unicom-cloud/utils/emitter';
+import EmitterBase from '../../../utils/emitter.js';
 declare class Emitter extends EmitterBase {
     static events: {
         readonly EDITOR_CHANGE: "editor-change";

package/types/table/interface.d.ts

@@ -558,10 +558,9 @@ export interface ColumnProps<T = unknown> {
     columnFixedStyle?: CSSProperties;
     column?: any;
     [key: string]: any;
-    tooltip: TooltipProps & {
-        show: boolean;
-        render?: (record: any, trIndex: any, column: any) => ReactNode;
-    };
+    tooltip: boolean | (TooltipProps & {
+        render?: (record: object, trIndex: number, column: ColumnProps) => ReactNode;
+    });
 }
 export type InternalColumnProps<T = any> = ColumnProps<T> & {
     $$isOperation?: boolean;

package/types/trigger/interface.d.ts

@@ -228,10 +228,17 @@ export interface TriggerProps extends GetPopupContainer {
      * @zh 是否展示箭头元素
      * @en Whether to display arrow node
      */
+    arrow?: boolean | null | HTMLAttributes<HTMLDivElement>;
+    /**
+     * @zh 是否展示箭头元素
+     * @en Whether to display arrow node
+     * @deprecated 请使用 arrow 属性
+     */
     showArrow?: boolean;
     /**
      * @zh 箭头元素的所有 html 参数
      * @en The html attributes of the arrow node
+     * @deprecated 请使用 arrow 属性
      */
     arrowProps?: HTMLAttributes<HTMLDivElement>;
     /**

package/types/utils/emitter.d.ts

@@ -1 +1,7 @@
-export { default, default as emitter } from '@unicom-cloud/ui-common/utils/emitter';
+import Emitter from '@unicom-cloud/ui-common/utils/emitter';
+declare const emitter: Emitter;
+declare const EMITTER_EVENT: {
+    DARK_THEME: string;
+};
+export { emitter, Emitter, EMITTER_EVENT };
+export default Emitter;

package/types/utils/names.d.ts

@@ -1025,5 +1025,11 @@ declare const COMPONENT_NAMES: {
         displayName: string;
         id: string;
     };
+    Draw: {
+        zh: string;
+        en: string;
+        displayName: string;
+        id: string;
+    };
 };
 export { COMPONENT_NAMES };

package/types/utils/setDarkTheme.d.ts

@@ -1,4 +1,4 @@
-declare function setDarkTheme(params: any): () => void;
-declare function removeDarkTheme(params: any): void;
+declare function setDarkTheme(params?: object): void;
+declare function removeDarkTheme(params?: object): void;
 export { removeDarkTheme, setDarkTheme };
 export default setDarkTheme;

package/types/utils/setTheme.d.ts

@@ -1,3 +1,3 @@
-declare function setTheme(params: any): void;
+declare function setTheme(params?: object): void;
 export { setTheme };
 export default setTheme;

package/typography/Base.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as p, jsxs as ne, Fragment as ie } from "react/jsx-runtime";
 import re from "lodash/merge";
 import _, { forwardRef as le, useContext as pe, useRef as ce, useState as W, useImperativeHandle as ae } from "react";

package/typography/EditContent.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as x, useRef as N, useEffect as $ } from "react";
 import m from "../input/Input.js";

package/typography/Ellipsis.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsxs as g, Fragment as J, jsx as r } from "react/jsx-runtime";
 import { forwardRef as K, useContext as Q, useRef as v, useState as W, useMemo as V, useEffect as U, useCallback as X } from "react";
 import "../config-provider/ConfigProvider.js";

package/typography/Operations.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as t, jsxs as I, Fragment as S } from "react/jsx-runtime";
 import $ from "@unicom-cloud/icons/IconUiEdit";
 import { useEffect as v } from "react";

package/typography/Paragraph.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as n, useContext as c } from "react";
 import "../config-provider/ConfigProvider.js";

package/typography/Text.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import m from "./Base.js";

package/typography/Title.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import m from "./Base.js";

package/typography/Typography.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as c, useContext as f, useRef as i, useImperativeHandle as u } from "react";
 import "../config-provider/ConfigProvider.js";

package/typography/index.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import r from "./Ellipsis.js";
 import a from "./Paragraph.js";
 import o from "./Text.js";

package/typography/useCssEllipsis.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { useMemo as p } from "react";
 import { isWindow as u, isUndefined as s } from "@unicom-cloud/ui-common/utils/is";
 const c = (e, t) => {

package/typography/useEllipsis.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsxs as F, jsx as y } from "react/jsx-runtime";
 import $, { useRef as b, useState as H, useMemo as P } from "react";
 import B from "@unicom-cloud/ui-common/hooks/use-isomorphic-layout-effect";

package/upload/TriggerNode.js

@@ -1,4 +1,4 @@
-/* 2026-01-27 10:44:03 */
+/* 2026-02-26 14:47:16 */
 import { jsx as i, jsxs as h } from "react/jsx-runtime";
 import N from "@unicom-cloud/icons/IconUiPlus";
 import F from "@unicom-cloud/icons/IconUiUpload";