doui-react 1.0.2 → 2.0.0

package/es/table/component/action-button.js

@@ -17,7 +17,6 @@ function generateAction(action, params) {
     disabled: executeFunction(action.disabled, params),
     tooltip: executeFunction(action.tooltip, params),
     confirm: executeFunction(action.confirm, params),
-    confirmMessage: executeFunction(action.confirmMessage, params),
     onClick: function onClick() {
       var _action$onClick;
       return (_action$onClick = action.onClick) === null || _action$onClick === void 0 ? void 0 : _action$onClick.call(action, params);

package/es/table/component/filter.d.ts

@@ -1,3 +1,3 @@
 import { Column } from "..";
-import { ColumnType } from 'antd/lib/table';
+import type { ColumnType } from 'antd/es/table';
 export declare function getFilterColumn(column: Column): ColumnType<any>;

package/es/table/component/filter.js

@@ -29,7 +29,7 @@ function generateFilters(_ref) {
       return filter;
     }
     return {
-      text: filter,
+      text: "".concat(filter),
       value: filter
     };
   });

package/es/table/component/sort.d.ts

@@ -1,6 +1,6 @@
 import { Column } from '../type';
 export declare function getSortColumn({ dataIndex, sort }: Column): {
-    sorter: import("antd/lib/table/interface").CompareFn<any>;
+    sorter: import("antd/es/table/interface").CompareFn<any>;
 } | {
     sorter: (a: any, b: any) => any;
 };

package/es/table/component/time.js

@@ -1,4 +1,4 @@
-import moment from 'moment-timezone';
+import dayjs from 'dayjs';
 import { Fragment as _Fragment, jsx as _jsx } from "@emotion/react/jsx-runtime";
 var defaultFormat = 'YYYY-MM-DD hh:mm:ss A';
 export function Time(_ref) {
@@ -7,6 +7,6 @@ export function Time(_ref) {
   var timeFormat = column.timeFormat;
   var format = timeFormat || defaultFormat;
   return _jsx(_Fragment, {
-    children: moment(+children).format(format)
+    children: dayjs(+children).format(format)
   });
 }

package/es/table/component/utils.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { FormInstance, FormProps } from "../../form";
-import { TableRowSelection } from 'antd/lib/table/interface';
+import type { ColumnType } from 'antd/es/table';
+import type { TableRowSelection } from 'antd/es/table/interface';
 import { Column, DataSource, GetSearchColumn, TableContext, TableProps } from '../type';
 import { Actions } from './actions';
 import { Editor } from './editor';
@@ -19,81 +19,7 @@ export declare const componentMap: {
     editor: typeof Editor;
     default: (props: any) => any;
 };
-export declare function generateColumns({ columns, getSearchColumn }: GenerateColumnsProps): {
-    render: (current: any, record: Record<string, any>, index: number) => import("react").ReactNode;
-    dataIndex?: string | undefined;
-    type?: "link" | "switch" | "time" | "actions" | "selection" | "editor" | undefined;
-    width?: string | number | undefined;
-    minWidth?: string | number | undefined;
-    maxWidth?: string | number | undefined;
-    rows?: number | undefined;
-    timeFormat?: string | undefined;
-    disabled?: boolean | ((props: import("../type").CommonProps) => boolean) | undefined;
-    tooltip?: import("react").ReactNode | ((props: import("../type").CommonProps) => import("react").ReactNode);
-    onClick?(props: import("../type").CommonProps): any;
-    search?: boolean | string[] | ((props: import("../type").CustomFilterProps) => boolean) | undefined;
-    placeholder?: string | undefined;
-    sort?: boolean | import("antd/lib/table/interface").CompareFn<any> | {
-        compare?: import("antd/lib/table/interface").CompareFn<any> | undefined;
-        multiple?: number | undefined;
-    } | undefined;
-    filters?: (boolean | import("react").Key | import("antd/lib/table/interface").ColumnFilterItem)[] | undefined;
-    filterBy?: string[] | ((props: import("../type").CustomFilterProps) => boolean) | undefined;
-    actions?: import("../type").ActionProps[] | ((props: import("../type").CommonProps) => import("../type").ActionProps[]) | undefined;
-    editorProps?: import("../../form").FormItemProps | ((props: import("../type").CommonProps) => import("../../form").FormItemProps) | undefined;
-    className?: string | undefined;
-    title?: import("antd/lib/table/interface").ColumnTitle<any>;
-    responsive?: import("antd/lib/_util/responsiveObserve").Breakpoint[] | undefined;
-    align?: import("rc-table/lib/interface").AlignType | undefined;
-    fixed?: import("rc-table/lib/interface").FixedType | undefined;
-    colSpan?: number | undefined;
-    rowSpan?: number | undefined;
-    key?: import("react").Key | undefined;
-    shouldCellUpdate?: ((record: any, prevRecord: any) => boolean) | undefined;
-    onCell?: import("rc-table/lib/interface").GetComponentProps<any> | undefined;
-    onCellClick?: ((record: any, e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
-    onHeaderCell?: import("rc-table/lib/interface").GetComponentProps<import("rc-table/lib/interface").ColumnType<any> | import("rc-table/lib/interface").ColumnGroupType<any>> | undefined;
-    sorter?: boolean | import("antd/lib/table/interface").CompareFn<any> | {
-        compare?: import("antd/lib/table/interface").CompareFn<any> | undefined;
-        multiple?: number | undefined;
-    } | undefined;
-    sortOrder?: import("antd/lib/table/interface").SortOrder | undefined;
-    defaultSortOrder?: import("antd/lib/table/interface").SortOrder | undefined;
-    sortDirections?: import("antd/lib/table/interface").SortOrder[] | undefined;
-    showSorterTooltip?: boolean | import("antd").TooltipProps | undefined;
-    filtered?: boolean | undefined;
-    filterDropdown?: import("react").ReactNode | ((props: import("antd/lib/table/interface").FilterDropdownProps) => import("react").ReactNode);
-    filterMultiple?: boolean | undefined;
-    filteredValue?: import("antd/lib/table/interface").FilterValue | null | undefined;
-    defaultFilteredValue?: import("antd/lib/table/interface").FilterValue | null | undefined;
-    filterIcon?: import("react").ReactNode | ((filtered: boolean) => import("react").ReactNode);
-    filterMode?: "menu" | "tree" | undefined;
-    filterSearch?: import("antd/lib/table/interface").FilterSearchType<import("antd/lib/table/interface").ColumnFilterItem> | undefined;
-    onFilter?: ((value: boolean | import("react").Key, record: any) => boolean) | undefined;
-    filterDropdownVisible?: boolean | undefined;
-    filterDropdownOpen?: boolean | undefined;
-    onFilterDropdownVisibleChange?: ((visible: boolean) => void) | undefined;
-    onFilterDropdownOpenChange?: ((open: boolean) => void) | undefined;
-    filterResetToDefaultFilteredValue?: boolean | undefined;
-    onChange?: ((selectedRowKeys: import("react").Key[], selectedRows: any[], info: {
-        type: import("antd/lib/table/interface").RowSelectMethod;
-    }) => void) | undefined;
-    onSelect?: import("antd/lib/table/interface").SelectionSelectFn<any> | undefined;
-    columnWidth?: string | number | undefined;
-    preserveSelectedRowKeys?: boolean | undefined;
-    selectedRowKeys?: import("react").Key[] | undefined;
-    defaultSelectedRowKeys?: import("react").Key[] | undefined;
-    getCheckboxProps?: ((record: any) => Partial<Omit<import("antd").CheckboxProps, "defaultChecked" | "checked">>) | undefined;
-    onSelectMultiple?: ((selected: boolean, selectedRows: any[], changeRows: any[]) => void) | undefined;
-    onSelectAll?: ((selected: boolean, selectedRows: any[], changeRows: any[]) => void) | undefined;
-    onSelectInvert?: ((selectedRowKeys: import("react").Key[]) => void) | undefined;
-    onSelectNone?: (() => void) | undefined;
-    selections?: boolean | import("antd/lib/table/hooks/useSelection").INTERNAL_SELECTION_ITEM[] | undefined;
-    hideSelectAll?: boolean | undefined;
-    columnTitle?: import("react").ReactNode;
-    checkStrictly?: boolean | undefined;
-    renderCell?: ((value: boolean, record: any, index: number, originNode: import("react").ReactNode) => import("react").ReactNode | import("rc-table/lib/interface").RenderedCell<any>) | undefined;
-}[];
+export declare function generateColumns({ columns, getSearchColumn }: GenerateColumnsProps): ColumnType<any>[];
 interface RowSelectionProps {
     rowKey: string;
     columns: Column[];

package/es/table/component/utils.js

@@ -28,9 +28,7 @@ export var componentMap = {
 export function generateColumns(_ref) {
   var columns = _ref.columns,
     getSearchColumn = _ref.getSearchColumn;
-  return _.filter(columns, function (column) {
-    return column.width !== 0;
-  }).map(function (column) {
+  return _.map(columns, function (column) {
     var newColumn = _.clone(column);
     var search = newColumn.search,
       sort = newColumn.sort,

package/es/table/hook/search.d.ts

@@ -1,4 +1,4 @@
-import { ColumnType } from 'antd/lib/table';
+import type { ColumnType } from 'antd/es/table';
 import { Column } from '../type';
 export declare function useSearchColumn(): {
     getSearchColumn: ({ dataIndex, ...rest }: Column) => ColumnType<any>;

package/es/table/hook/search.js

@@ -94,12 +94,14 @@ function getSearchableColumn(column) {
       }
       return filter.apply(void 0, [column].concat(args));
     },
-    onFilterDropdownOpenChange: function onFilterDropdownOpenChange(visible) {
-      if (visible) {
-        setTimeout(function () {
-          var _currentInput;
-          return (_currentInput = currentInput) === null || _currentInput === void 0 ? void 0 : _currentInput.focus();
-        }, 30);
+    filterDropdownProps: {
+      onOpenChange: function onOpenChange(visible) {
+        if (visible) {
+          setTimeout(function () {
+            var _currentInput;
+            return (_currentInput = currentInput) === null || _currentInput === void 0 ? void 0 : _currentInput.focus();
+          }, 30);
+        }
       }
     },
     render: function render(text) {

package/es/table/type/action.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps } from "../../button";
 import { FormListActionProps, FormListProps } from "../../form";
 import { TableContext } from "..";
 import { ReactNode } from 'react';
-type ButtonType = Omit<ButtonProps & Partial<FormListActionProps> & Pick<FormListProps, 'focusFirstOnAdd'>, 'icon' | 'show' | 'disabled' | 'tooltip' | 'confirm' | 'confirmMessage' | 'onClick'>;
+type ButtonType = Omit<ButtonProps & Partial<FormListActionProps> & Pick<FormListProps, 'focusFirstOnAdd'>, 'icon' | 'show' | 'disabled' | 'tooltip' | 'confirm' | 'onClick'>;
 export interface ActionProps extends ButtonType {
     /**
      * @description 图标
@@ -33,12 +33,7 @@ export interface ActionProps extends ButtonType {
      * @default false
      * @link TableContext: #tablecontext
      */
-    confirm?: boolean | ((props: TableContext) => boolean);
-    /**
-     * @description 确认信息
-     * @link TableContext: #tablecontext
-     */
-    confirmMessage?: ReactNode | ((props: TableContext) => ReactNode);
+    confirm?: ButtonProps['confirm'] | ((props: TableContext) => ButtonProps['confirm']);
     /**
      * @description 点击回调
      * @link TableContext: #tablecontext

package/es/table/type/column.d.ts

@@ -2,10 +2,10 @@ import { FunctionReturn } from "../../api";
 import { FormItemProps } from "../../form";
 import { ActionProps, CommonProps } from "..";
 import { componentMap } from "../component/utils";
-import { ColumnType } from 'antd/lib/table';
-import { ColumnFilterItem, TableRowSelection } from 'antd/lib/table/interface';
+import type { ColumnType } from 'antd/es/table';
+import type { ColumnFilterItem, TableRowSelection } from 'antd/es/table/interface';
 import React, { ReactNode } from 'react';
-type UnionColumnType = Omit<ColumnType<any>, 'ellipsis' | 'filters'> & Omit<TableRowSelection<any>, 'type'>;
+type UnionColumnType = Omit<ColumnType<any>, 'ellipsis' | 'filters' | 'minWidth' | 'maxWidth'> & Omit<TableRowSelection<any>, 'type'>;
 export interface Column extends UnionColumnType {
     /**
      * @description 字段名

package/es/tabs/component/utils.d.ts

@@ -7,18 +7,18 @@ export declare function generateTabItems({ items }: TabsProps): {
     label: import("@emotion/react/jsx-runtime").JSX.Element;
     key: string;
     style?: import("react").CSSProperties | undefined;
-    children?: import("react").ReactNode;
     className?: string | undefined;
     id?: string | undefined;
+    children?: import("react").ReactNode;
     icon?: import("react").ReactNode;
-    prefixCls?: string | undefined;
-    disabled?: boolean | undefined;
-    animated?: boolean | undefined;
-    destroyInactiveTabPane?: boolean | undefined;
-    forceRender?: boolean | undefined;
     closable?: boolean | undefined;
     closeIcon?: import("react").ReactNode;
-    tabKey?: string | undefined;
     active?: boolean | undefined;
+    disabled?: boolean | undefined;
+    prefixCls?: string | undefined;
+    forceRender?: boolean | undefined;
+    destroyInactiveTabPane?: boolean | undefined;
+    animated?: boolean | undefined;
+    tabKey?: string | undefined;
 }[];
 export {};

package/es/tabs/type/index.d.ts

@@ -1,6 +1,6 @@
 import { SelectOption } from "../../select";
 import { TabsProps as AntdTabsProps } from 'antd';
-import { TabsType } from 'antd/lib/tabs';
+import { TabsType } from 'antd/es/tabs';
 import { Tab } from 'rc-tabs/lib/interface';
 export interface TabProps extends Tab, Omit<SelectOption, 'label'> {
 }

package/es/text/component/index.js

@@ -4,6 +4,7 @@ var _excluded = ["children", "tooltip", "rows", "autoShowTooltip"];
 import { generateTooltip } from "./..";
 import { getTooltipProps } from "../../tooltip";
 import { Tooltip, Typography } from 'antd';
+import ResizeObserver from 'rc-resize-observer';
 import style from "../style";
 import { useText } from "./use-text";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
@@ -16,12 +17,11 @@ export function Text(_ref) {
     _ref$autoShowTooltip = _ref.autoShowTooltip,
     autoShowTooltip = _ref$autoShowTooltip === void 0 ? true : _ref$autoShowTooltip,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useText = useText({
-      children: children
-    }),
-    key = _useText.key;
+  var _useText = useText(),
+    key = _useText.key,
+    onResize = _useText.onResize;
   if (tooltip === false || !rows) {
-    return _jsx("div", _objectSpread(_objectSpread({
+    return _jsx("span", _objectSpread(_objectSpread({
       css: style.wordBreak
     }, props), {}, {
       children: children
@@ -29,19 +29,18 @@ export function Text(_ref) {
   }
   var ellipsis = {
     rows: rows,
-    tooltip: getTooltipProps(_objectSpread({
-      align: {
-        offset: [0, 5]
-      }
-    }, generateTooltip(tooltip !== null && tooltip !== void 0 ? tooltip : children)))
+    tooltip: getTooltipProps(_objectSpread({}, generateTooltip(tooltip !== null && tooltip !== void 0 ? tooltip : children)))
   };
   if (autoShowTooltip) {
-    return _jsx(Paragraph, _objectSpread(_objectSpread({
-      css: style.wrapper
-    }, props), {}, {
-      ellipsis: ellipsis,
-      children: children
-    }), key);
+    return _jsx(ResizeObserver, {
+      onResize: onResize,
+      children: _jsx(Paragraph, _objectSpread(_objectSpread({
+        css: style.wrapper
+      }, props), {}, {
+        ellipsis: ellipsis,
+        children: children
+      }), key)
+    });
   }
   return _jsx(Tooltip, _objectSpread(_objectSpread({}, ellipsis.tooltip), {}, {
     children: _jsx(Paragraph, _objectSpread(_objectSpread({

package/es/text/component/use-text.d.ts

@@ -1,4 +1,5 @@
-import { TextProps } from "..";
-export declare function useText({ children }: TextProps): {
+import { SizeInfo } from 'rc-resize-observer';
+export declare function useText(): {
     key: number;
+    onResize: (size: SizeInfo) => void | undefined;
 };

package/es/text/component/use-text.js

@@ -1,24 +1,17 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { useDebounce, useWindowResize } from "../../hooks";
-import { useState } from 'react';
-import { useUpdateEffect } from 'react-use';
-export function useText(_ref) {
-  var children = _ref.children;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    key = _useState2[0],
-    setKey = _useState2[1];
-  var reset = useDebounce(setKey, 150);
-  useWindowResize(function (_ref2) {
-    var width = _ref2.width;
-    return reset(width);
+import { useDebounce, useSafeState } from "../../hooks";
+export function useText() {
+  var _useSafeState = useSafeState(0),
+    _useSafeState2 = _slicedToArray(_useSafeState, 2),
+    key = _useSafeState2[0],
+    setKey = _useSafeState2[1];
+  var reset = useDebounce(setKey, 150, {
+    leading: false
   });
-
-  // 修复某些场景下，tooltip 会自动显示的问题
-  useUpdateEffect(function () {
-    reset(Date.now());
-  }, [children]);
   return {
-    key: key
+    key: key,
+    onResize: function onResize(size) {
+      return reset(size.width);
+    }
   };
 }

package/es/text/component/utils.d.ts

@@ -1,3 +1,3 @@
 import { TextProps } from "..";
-import type { TooltipProps } from 'antd/lib/tooltip';
+import { TooltipProps } from "../../tooltip";
 export declare function generateTooltip(tooltip: TextProps['tooltip']): TooltipProps;

package/es/text/style/index.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject, _templateObject2;
 import { css } from '@emotion/react';
 var style = {
-  wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &.ant-typography {\n      color: inherit;\n      margin-bottom: 0;\n      max-width: 100%;\n    }\n  "]))),
+  wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &.ant-typography {\n      font-size: inherit;\n      color: inherit;\n      margin-bottom: 0;\n      max-width: 100%;\n    }\n  "]))),
   wordBreak: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    word-break: break-word;\n  "])))
 };
 export default style;

package/es/text/type/index.d.ts

@@ -1,5 +1,5 @@
-import { EllipsisConfig } from 'antd/lib/typography/Base';
-import type { TypographyProps } from 'antd/lib/typography/Typography';
+import { EllipsisConfig } from 'antd/es/typography/Base';
+import type { TypographyProps } from 'antd/es/typography/Typography';
 export interface TextProps extends Omit<TypographyProps<any>, 'onChange'> {
     /**
      * @description 最多显示的行数，设置为 `0` 时，不显示省略号

package/es/tooltip/component/index.d.ts

@@ -4,45 +4,55 @@ import { TooltipProps } from "..";
 export declare const tooltipOverlayClassName: string;
 export declare function getTooltipProps(props: TooltipProps): {
     color?: string | undefined;
-    title?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
-    overlay?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
+    title?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
+    overlay?: import("react").ReactNode | import("antd/es/_util/getRenderPropValue").RenderFunction;
+    styles?: Partial<Record<"body" | "root", import("react").CSSProperties>> | undefined;
+    classNames: Partial<Record<"body" | "root", string>>;
     style?: import("react").CSSProperties | undefined;
     className?: string | undefined;
-    placement?: import("antd/lib/tooltip").TooltipPlacement | undefined;
-    builtinPlacements?: import("rc-trigger").BuildInPlacements | undefined;
+    rootClassName?: string | undefined;
+    placement?: import("antd/es/tooltip").TooltipPlacement | undefined;
+    builtinPlacements?: import("@rc-component/trigger").BuildInPlacements | undefined;
     openClassName?: string | undefined;
-    arrowPointAtCenter: boolean;
-    autoAdjustOverflow?: boolean | import("antd/lib/tooltip").AdjustOverflow | undefined;
+    arrowPointAtCenter?: boolean | undefined;
+    arrow: boolean | {
+        arrowPointAtCenter?: boolean | undefined;
+        pointAtCenter?: boolean | undefined;
+    };
+    autoAdjustOverflow?: boolean | import("antd/es/tooltip").AdjustOverflow | undefined;
     getPopupContainer: typeof getPopupContainer;
     children?: import("react").ReactNode;
-    visible?: boolean | undefined;
+    destroyTooltipOnHide?: boolean | {
+        keepParent?: boolean | undefined;
+    } | undefined;
+    destroyOnHidden?: boolean | undefined;
     open?: boolean | undefined;
-    defaultVisible?: boolean | undefined;
     defaultOpen?: boolean | undefined;
-    onVisibleChange?: ((visible: boolean) => void) | undefined;
     onOpenChange?: ((visible: boolean) => void) | undefined;
-    afterVisibleChange?: ((visible: boolean) => void) | undefined;
     afterOpenChange?: ((visible: boolean) => void) | undefined;
+    visible?: boolean | undefined;
+    defaultVisible?: boolean | undefined;
+    onVisibleChange?: ((visible: boolean) => void) | undefined;
+    afterVisibleChange?: ((visible: boolean) => void) | undefined;
     zIndex?: number | undefined;
     animation?: string | undefined;
     motion?: import("rc-motion").CSSMotionProps | undefined;
     id?: string | undefined;
     prefixCls?: string | undefined;
-    onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
-    trigger?: string | string[] | undefined;
     transitionName?: string | undefined;
-    overlayStyle?: import("react").CSSProperties | undefined;
-    overlayClassName: string;
     mouseEnterDelay?: number | undefined;
     mouseLeaveDelay?: number | undefined;
+    onPopupAlign?: ((element: HTMLElement, align: import("@rc-component/trigger").AlignType) => void) | undefined;
+    overlayClassName?: string | undefined;
+    align?: import("@rc-component/trigger").AlignType | undefined;
+    overlayStyle?: import("react").CSSProperties | undefined;
+    trigger?: import("@rc-component/trigger").ActionType | import("@rc-component/trigger").ActionType[] | undefined;
+    popupVisible?: boolean | undefined;
+    forceRender?: boolean | undefined;
+    fresh?: boolean | undefined;
     getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
-    destroyTooltipOnHide?: boolean | {
-        keepParent?: boolean | undefined;
-    } | undefined;
-    align?: import("rc-trigger/lib/interface").AlignType | undefined;
-    showArrow?: boolean | undefined;
+    showArrow?: boolean | import("@rc-component/trigger").ArrowType | undefined;
     arrowContent?: import("react").ReactNode;
-    popupVisible?: boolean | undefined;
     overlayInnerStyle?: import("react").CSSProperties | undefined;
 };
 export declare function Tooltip(props: TooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/tooltip/component/index.js

@@ -8,8 +8,12 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export var tooltipOverlayClassName = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  --tooltip-background-color: #02334a;\n\n  .ant-tooltip-inner {\n    border-radius: 8px;\n    white-space: pre-wrap;\n    line-height: 1.3;\n    background-color: var(--tooltip-background-color);\n  }\n\n  .ant-tooltip-arrow-content {\n    --antd-arrow-background-color: var(--tooltip-background-color);\n  }\n"])));
 export function getTooltipProps(props) {
   return _objectSpread({
-    overlayClassName: tooltipOverlayClassName,
-    arrowPointAtCenter: true,
+    classNames: {
+      root: tooltipOverlayClassName
+    },
+    arrow: {
+      pointAtCenter: true
+    },
     getPopupContainer: getPopupContainer
   }, props);
 }

package/es/tooltip/type/index.d.ts

@@ -1,4 +1,4 @@
-import { TooltipPropsWithOverlay } from 'antd/lib/tooltip';
+import { TooltipPropsWithOverlay } from 'antd/es/tooltip';
 export interface TooltipProps extends TooltipPropsWithOverlay {
     /**
      * @description 背景颜色

package/es/tree/component/index.d.ts

@@ -1,2 +1,2 @@
-import { TreeProps } from '../type';
+import { TreeProps } from "..";
 export declare function Tree(props: TreeProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/tree/style/index.js

@@ -2,6 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import { css } from '@emotion/react';
 var style = {
-  wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 100%;\n\n    .ant-select-tree,\n    .ant-tree-select-dropdown {\n      background: unset;\n      box-shadow: unset;\n    }\n\n    .ant-select-selector,\n    .ant-select-arrow {\n      opacity: 0 !important;\n      height: 0 !important;\n      border: none !important;\n      padding: 0 !important;\n      overflow: hidden !important;\n\n      ~ div {\n        position: unset !important;\n      }\n    }\n\n    .ant-tree-select-dropdown {\n      position: unset !important;\n      width: 100% !important;\n      min-width: unset !important;\n      padding: 0;\n    }\n  "])))
+  wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 100%;\n\n    .ant-select-tree,\n    .ant-tree-select-dropdown {\n      background: unset;\n      box-shadow: unset;\n    }\n\n    .ant-select-selector,\n    .ant-select-arrow {\n      display: none !important;\n\n      ~ div {\n        position: unset !important;\n      }\n    }\n\n    .ant-tree-select-dropdown {\n      position: unset !important;\n      width: 100% !important;\n      min-width: unset !important;\n      padding: 0;\n    }\n  "])))
 };
 export default style;

package/es/tree-select/component/use-tree-select.js

@@ -1,10 +1,9 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["presetProcessOption", "treeNodeAlign"],
-  _excluded2 = ["optionFilterProp", "optionLabelProp", "options", "popupClassName", "activeBackgroundColor", "indent", "multiple"];
+  _excluded2 = ["optionFilterProp", "optionLabelProp", "options", "activeBackgroundColor", "indent", "multiple"];
 import { Checkbox } from "../../checkbox";
 import { useSelect } from "../../select/component/use-select";
-import { cx } from '@emotion/css';
 import style from "../style";
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 export function useTreeSelect(_ref) {
@@ -18,7 +17,6 @@ export function useTreeSelect(_ref) {
     treeNodeFilterProp = _useSelect.optionFilterProp,
     treeNodeLabelProp = _useSelect.optionLabelProp,
     treeData = _useSelect.options,
-    popupClassName = _useSelect.popupClassName,
     _useSelect$activeBack = _useSelect.activeBackgroundColor,
     activeBackgroundColor = _useSelect$activeBack === void 0 ? '#e6f7ff' : _useSelect$activeBack,
     indent = _useSelect.indent,
@@ -51,7 +49,9 @@ export function useTreeSelect(_ref) {
     treeNodeLabelProp: treeNodeLabelProp,
     treeData: treeData,
     multiple: multiple,
-    popupClassName: cx(popupClassName, classString),
+    classNames: {
+      root: classString
+    },
     treeCheckable: multiple,
     treeExpandAction: multiple ? false : 'click',
     treeIcon: multiple

package/es/tree-select/style/index.js

@@ -9,7 +9,7 @@ var style = {
       indent = _ref.indent,
       switcherIcon = _ref.switcherIcon,
       treeNodeAlign = _ref.treeNodeAlign;
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    span.ant-select-tree-node-content-wrapper {\n      display: flex;\n      align-items: ", ";\n      overflow: hidden;\n\n      &.ant-select-tree-node-selected {\n        background-color: ", ";\n      }\n    }\n\n    .ant-select-tree .ant-select-tree-treenode {\n      &:has(.ant-select-tree-indent-unit) .ant-select-tree-node-content-wrapper {\n        margin-left: ", ";\n      }\n\n      .ant-select-tree-switcher {\n        display: ", ";\n      }\n\n      .ant-select-tree-checkbox {\n        display: none !important;\n      }\n\n      .ant-select-tree-iconEle {\n        width: unset;\n        height: unset;\n        margin-right: 10px;\n      }\n\n      .ant-select-tree-title {\n        min-width: 0;\n        overflow: hidden;\n      }\n    }\n  "])), getAlign(treeNodeAlign), activeBackgroundColor, transformValueWithStyleUnit(indent), switcherIcon === false ? 'none' : undefined);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    span.ant-select-tree-node-content-wrapper {\n      display: flex;\n      align-items: ", ";\n      overflow: hidden;\n\n      &.ant-select-tree-node-selected {\n        background-color: ", ";\n      }\n    }\n\n    .ant-select-tree .ant-select-tree-treenode {\n      &:has(.ant-select-tree-indent-unit) .ant-select-tree-node-content-wrapper {\n        margin-left: ", ";\n      }\n\n      .ant-select-tree-switcher {\n        display: ", ";\n      }\n\n      .ant-select-tree-checkbox {\n        display: none !important;\n      }\n\n      .ant-select-tree-iconEle {\n        width: unset;\n        height: unset;\n        margin-right: 10px;\n      }\n\n      .ant-select-tree-title {\n        min-width: 0;\n        overflow: hidden;\n      }\n\n      &.filter-node:not(.ant-select-tree-treenode-disabled) .ant-select-tree-title {\n        color: inherit;\n        font-weight: inherit;\n      }\n    }\n  "])), getAlign(treeNodeAlign), activeBackgroundColor, transformValueWithStyleUnit(indent), switcherIcon === false ? 'none' : undefined);
   }
 };
 export default style;

package/es/virtual-list/type/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { VirtuosoProps } from 'react-virtuoso';
-export interface VirtualListProps extends VirtuosoProps<any, any> {
+export interface VirtualListProps extends Omit<VirtuosoProps<any, any>, 'children'> {
     /**
      * @description 数据
      */

package/lib/api/component/common.d.ts

@@ -1,5 +1,5 @@
 import { FunctionType } from "..";
-import { ReactNode } from 'react';
+import 'dayjs/locale/zh-cn';
 export declare const isJest: boolean;
 export declare function runDevOrJest<T, U>(fn: T, jestFn: U): any;
 export declare function getPopupContainer(triggerNode: HTMLElement): HTMLElement;
@@ -12,7 +12,7 @@ export declare function uuid(): string;
  * 1. 不是 js 对象，比如 undefined, null, number, string, boolean 等
  * 2. 是 ReactNode
  */
-export declare function isReactNode(node?: ReactNode): boolean;
+export declare function isReactNode(node?: any): boolean;
 type OptionType = string | number | boolean;
 export declare function includesNonStrictMode(options?: Array<OptionType>, value?: OptionType | Array<OptionType>): boolean;
 export declare function mergeProps<T, U>(originProps: T, patchProps: U): {} & T & U;

package/lib/api/component/common.js

@@ -19,10 +19,13 @@ exports.uuid = uuid;
 exports.wait = wait;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+require("dayjs/locale/zh-cn");
 var _delay = _interopRequireDefault(require("delay"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _react = require("react");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
+_dayjs.default.locale('zh-cn');
 var isJest = exports.isJest = !!process.env.JEST_WORKER_ID;
 function runDevOrJest(fn, jestFn) {
   return executeFunction(isJest ? jestFn : /* istanbul ignore next */fn);

package/lib/api/component/global-style.d.ts

@@ -1,3 +1,2 @@
 import { BaseFlexProps } from "..";
-export declare const commonFontFamily: import("@emotion/react").SerializedStyles;
 export declare const flexStyle: ({ vertical, gap, wrap }: BaseFlexProps) => import("@emotion/react").SerializedStyles;

package/lib/api/component/global-style.js

@@ -4,20 +4,19 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.flexStyle = exports.commonFontFamily = void 0;
+exports.flexStyle = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _ = require("./..");
 var _css = require("@emotion/css");
 var _react = require("@emotion/react");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3;
 var commonStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  &.do-hide-scroll {\n    overflow: hidden !important;\n  }\n"])));
 (0, _css.injectGlobal)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  body {\n    ", "\n  }\n"])), commonStyle);
-var commonFontFamily = exports.commonFontFamily = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  font-family: 'MyriadPro-Cond', 'Helvetica Neue', Helvetica, sans-serif;\n\n  input,\n  button,\n  select,\n  textarea {\n    font-family: 'MyriadPro-Cond', 'Helvetica Neue', Helvetica, sans-serif;\n  }\n"])));
 var flexStyle = exports.flexStyle = function flexStyle(_ref) {
   var vertical = _ref.vertical,
     _ref$gap = _ref.gap,
     gap = _ref$gap === void 0 ? 8 : _ref$gap,
     _ref$wrap = _ref.wrap,
     wrap = _ref$wrap === void 0 ? true : _ref$wrap;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", ";\n  flex-wrap: ", ";\n  min-width: 0;\n"])), vertical ? 'column' : 'row', (0, _.transformValueToGap)(gap), wrap ? 'wrap' : 'nowrap');
+  return (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: ", ";\n  gap: ", ";\n  flex-wrap: ", ";\n  min-width: 0;\n"])), vertical ? 'column' : 'row', (0, _.transformValueToGap)(gap), wrap ? 'wrap' : 'nowrap');
 };