doui-react 1.0.2 → 2.0.1-dev

package/lib/select/component/use-select-options.d.ts

@@ -3,7 +3,7 @@ interface DisplayValueProps extends Pick<BaseSelectProps, 'value' | 'options'> {
     filterNotExistValue?: boolean;
 }
 export declare function getDisplayValue({ value, options, filterNotExistValue }: DisplayValueProps): any;
-export declare function useSelectOptions<T = any>({ value, loading, options, __callback__, shouldRerenderOptions, __filterNotExistValue__: filterNotExistValue, ...props }: BaseSelectProps): T & {
+export declare function useSelectOptions<T = any>({ value, loading, options, __callback__, __callbackDeps__, shouldRerenderOptions, __filterNotExistValue__: filterNotExistValue, ...props }: BaseSelectProps): T & {
     value: any;
     options: import("..").SelectOptions | undefined;
     displayOptions: any[];

package/lib/select/component/use-select-options.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getDisplayValue = getDisplayValue;
 exports.useSelectOptions = useSelectOptions;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _form = require("../../form");
 var _utils = require("../../form/component/utils");
@@ -14,7 +15,7 @@ var _hooks = require("../../hooks");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _react = require("react");
 var _utils2 = require("./utils");
-var _excluded = ["value", "loading", "options", "__callback__", "shouldRerenderOptions", "__filterNotExistValue__"];
+var _excluded = ["value", "loading", "options", "__callback__", "__callbackDeps__", "shouldRerenderOptions", "__filterNotExistValue__"];
 var selectOptionsPropKeys = ['options', 'search', 'sort', 'renderLabel', 'presetProcessOption', 'finalProcessOption'];
 function parseSelectOptionsAndRestProps(props) {
   var selectOptionsProps = _lodash.default.pick(props, selectOptionsPropKeys);
@@ -44,6 +45,8 @@ function useSelectOptions(_ref2) {
     loading = _ref2.loading,
     options = _ref2.options,
     __callback__ = _ref2.__callback__,
+    _ref2$__callbackDeps_ = _ref2.__callbackDeps__,
+    __callbackDeps__ = _ref2$__callbackDeps_ === void 0 ? [] : _ref2$__callbackDeps_,
     shouldRerenderOptions = _ref2.shouldRerenderOptions,
     filterNotExistValue = _ref2.__filterNotExistValue__,
     props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
@@ -69,7 +72,7 @@ function useSelectOptions(_ref2) {
     };
     __callback__ === null || __callback__ === void 0 || __callback__(params);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [memoValue, memoOptions, finalLoading]);
+  }, [memoValue, memoOptions, finalLoading].concat((0, _toConsumableArray2.default)(__callbackDeps__)));
   var displayOptions = (0, _react.useMemo)(function () {
     return (0, _utils2.generateOptions)((0, _objectSpread2.default)({
       options: memoOptions

package/lib/select/component/use-select.js

@@ -64,10 +64,7 @@ function renderMaxTag(omittedValues) {
   return (0, _jsxRuntime.jsxs)(_text.Text, {
     autoShowTooltip: false,
     tooltip: {
-      title: tooltip,
-      align: {
-        offset: [0, 0]
-      }
+      title: tooltip
     },
     children: ["+", omittedValues.length, "..."]
   });
@@ -110,7 +107,7 @@ function useSelect(_ref3) {
     })),
     displayOptions = _useSelectOptions.displayOptions,
     restSelectProps = (0, _objectWithoutProperties2.default)(_useSelectOptions, _excluded2);
-  function onDropdownVisibleChange(open) {
+  function onOpenChange(open) {
     setOpen(open);
     setSearch('');
   }
@@ -130,7 +127,7 @@ function useSelect(_ref3) {
     optionFilterProp: 'originLabel',
     optionLabelProp: 'originLabel',
     getPopupContainer: _api.getPopupContainer,
-    dropdownRender: customRenderDropdown,
+    popupRender: customRenderDropdown,
     maxTagPlaceholder: renderMaxTag
   }, (0, _utils.getComponentProps)(restSelectProps)), {}, {
     placeholder: placeholder,
@@ -138,6 +135,6 @@ function useSelect(_ref3) {
     loading: loading,
     options: displayOptions,
     onSearch: showSearch ? setSearch : undefined,
-    onDropdownVisibleChange: onDropdownVisibleChange
+    onOpenChange: onOpenChange
   });
 }

package/lib/select/component/utils.d.ts

@@ -1,11 +1,10 @@
 import { FormValues } from "../../form";
 import { BaseSelectProps, SelectOptions } from "..";
-import { DependencyList } from 'react';
 export declare function generateOptions({ options, sort, ...rest }: BaseSelectProps): any[];
 export declare function getOptionsValue(options?: SelectOptions): (string | number)[];
 interface DependenciesProps {
     values?: FormValues;
-    deps?: DependencyList;
+    deps?: string[];
     search: string;
     isFunctionOptions: boolean;
 }

package/lib/select/type/index.d.ts

@@ -1,9 +1,9 @@
 import { BaseComponentProps, FunctionReturn } from "../../api";
 import { UseFetchOptions } from "../../hooks";
 import { TextProps } from "../../text";
-import { SelectProps as AntdSelectProps } from 'antd/lib/select';
+import { SelectProps as AntdSelectProps } from 'antd/es/select';
 import { BaseOptionType, DefaultOptionType } from 'rc-select/lib/Select';
-import { ReactNode } from 'react';
+import { DependencyList, ReactNode } from 'react';
 /**
  * @noExtends
  */
@@ -54,6 +54,7 @@ export interface BaseSelectProps {
      */
     __filterNotExistValue__?: boolean;
     __callback__?(props: SelectCallbackProps): void;
+    __callbackDeps__?: DependencyList;
 }
 type UnionType = Omit<AntdSelectProps, 'options'> & Omit<BaseSelectProps, 'options'> & BaseComponentProps;
 export interface SelectProps extends UnionType {

package/lib/stack/style/index.d.ts

@@ -12,7 +12,8 @@ export declare const alignMap: {
     between: string;
 };
 export declare function getAlign(align: HStackProps['align']): string;
-export declare function getWidthAndFlex({ width, style, flex }: Partial<HStackProps>): import("@emotion/react").SerializedStyles;
+type WidthFlexStyle = Pick<HStackProps, 'width' | 'style' | 'flex'>;
+export declare function getWidthAndFlex({ width, style, flex }: WidthFlexStyle): import("@emotion/react").SerializedStyles;
 declare const style: {
     hStack: (props: Partial<HStackProps>) => import("@emotion/react").SerializedStyles;
     vStack: (props: Partial<VStackProps>) => import("@emotion/react").SerializedStyles;

package/lib/switch/type/index.d.ts

@@ -1,6 +1,6 @@
 import { BaseComponentProps, FunctionReturn } from "../../api";
-import { SwitchProps as AntdSwitchProps } from 'antd/lib/switch';
-import { EllipsisConfig } from 'antd/lib/typography/Base';
+import { SwitchProps as AntdSwitchProps } from 'antd/es/switch';
+import { EllipsisConfig } from 'antd/es/typography/Base';
 export interface SwitchProps extends AntdSwitchProps, BaseComponentProps {
     /**
      * @description 提示信息

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

@@ -24,7 +24,6 @@ function generateAction(action, params) {
     disabled: (0, _api.executeFunction)(action.disabled, params),
     tooltip: (0, _api.executeFunction)(action.tooltip, params),
     confirm: (0, _api.executeFunction)(action.confirm, params),
-    confirmMessage: (0, _api.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/lib/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/lib/table/component/filter.js

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

package/lib/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/lib/table/component/time.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Time = Time;
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var defaultFormat = 'YYYY-MM-DD hh:mm:ss A';
 function Time(_ref) {
@@ -14,6 +14,6 @@ function Time(_ref) {
   var timeFormat = column.timeFormat;
   var format = timeFormat || defaultFormat;
   return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (0, _momentTimezone.default)(+children).format(format)
+    children: (0, _dayjs.default)(+children).format(format)
   });
 }

package/lib/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/lib/table/component/utils.js

@@ -41,9 +41,7 @@ var componentMap = exports.componentMap = {
 function generateColumns(_ref) {
   var columns = _ref.columns,
     getSearchColumn = _ref.getSearchColumn;
-  return _lodash.default.filter(columns, function (column) {
-    return column.width !== 0;
-  }).map(function (column) {
+  return _lodash.default.map(columns, function (column) {
     var newColumn = _lodash.default.clone(column);
     var search = newColumn.search,
       sort = newColumn.sort,
@@ -151,8 +149,7 @@ function getRowSelection(_ref3) {
     return;
   }
   var selectedRowKeys = context.selectedRowKeys,
-    setSelectedRowKeys = context.setSelectedRowKeys,
-    dataSource = context.dataSource;
+    setSelectedRowKeys = context.setSelectedRowKeys;
   var type = column.type,
     disabled = column.disabled,
     onClick = column.onClick,
@@ -175,14 +172,14 @@ function getRowSelection(_ref3) {
       var rowKeys = keys || _lodash.default.map(selectedRows, rowKey);
       setSelectedRowKeys(rowKeys);
     },
-    onSelectAll: function onSelectAll(selected) {
+    onSelectAll: function onSelectAll(selected, selectedRows) {
       if (selected) {
-        var selectedRows = _lodash.default.filter(dataSource, function (record) {
+        var _selected = _lodash.default.filter(selectedRows, function (record) {
           return !(0, _api.executeFunction)(disabled, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, context), {}, {
             record: record
           }));
         });
-        setSelectedRowKeys(_lodash.default.map(selectedRows, rowKey));
+        setSelectedRowKeys(_lodash.default.map(_selected, rowKey));
         return;
       }
       setSelectedRowKeys([]);

package/lib/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/lib/table/hook/search.js

@@ -101,12 +101,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/lib/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/lib/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/lib/tabs/component/utils.d.ts

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

package/lib/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/lib/text/component/index.js

@@ -13,6 +13,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _ = require("./..");
 var _tooltip = require("../../tooltip");
 var _antd = require("antd");
+var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
 var _style = _interopRequireDefault(require("../style"));
 var _useText2 = require("./use-text");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -38,12 +39,11 @@ function Text(_ref) {
     _ref$autoShowTooltip = _ref.autoShowTooltip,
     autoShowTooltip = _ref$autoShowTooltip === void 0 ? true : _ref$autoShowTooltip,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useText = (0, _useText2.useText)({
-      children: children
-    }),
-    key = _useText.key;
+  var _useText = (0, _useText2.useText)(),
+    key = _useText.key,
+    onResize = _useText.onResize;
   if (tooltip === false || !rows) {
-    return (0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    return (0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
       css: _style.default.wordBreak
     }, props), {}, {
       children: children
@@ -51,19 +51,18 @@ function Text(_ref) {
   }
   var ellipsis = {
     rows: rows,
-    tooltip: (0, _tooltip.getTooltipProps)((0, _objectSpread2.default)({
-      align: {
-        offset: [0, 5]
-      }
-    }, (0, _.generateTooltip)(tooltip !== null && tooltip !== void 0 ? tooltip : children)))
+    tooltip: (0, _tooltip.getTooltipProps)((0, _objectSpread2.default)({}, (0, _.generateTooltip)(tooltip !== null && tooltip !== void 0 ? tooltip : children)))
   };
   if (autoShowTooltip) {
-    return (0, _jsxRuntime.jsx)(Paragraph, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      css: _style.default.wrapper
-    }, props), {}, {
-      ellipsis: ellipsis,
-      children: children
-    }), key);
+    return (0, _jsxRuntime.jsx)(_rcResizeObserver.default, {
+      onResize: onResize,
+      children: (0, _jsxRuntime.jsx)(Paragraph, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        css: _style.default.wrapper
+      }, props), {}, {
+        ellipsis: ellipsis,
+        children: children
+      }), key)
+    });
   }
   return (0, _jsxRuntime.jsx)(_antd.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ellipsis.tooltip), {}, {
     children: (0, _jsxRuntime.jsx)(Paragraph, (0, _objectSpread2.default)((0, _objectSpread2.default)({

package/lib/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/lib/text/component/use-text.js

@@ -7,25 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.useText = useText;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _hooks = require("../../hooks");
-var _react = require("react");
-var _reactUse = require("react-use");
-function useText(_ref) {
-  var children = _ref.children;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    key = _useState2[0],
-    setKey = _useState2[1];
-  var reset = (0, _hooks.useDebounce)(setKey, 150);
-  (0, _hooks.useWindowResize)(function (_ref2) {
-    var width = _ref2.width;
-    return reset(width);
+function useText() {
+  var _useSafeState = (0, _hooks.useSafeState)(0),
+    _useSafeState2 = (0, _slicedToArray2.default)(_useSafeState, 2),
+    key = _useSafeState2[0],
+    setKey = _useSafeState2[1];
+  var reset = (0, _hooks.useDebounce)(setKey, 150, {
+    leading: false
   });
-
-  // 修复某些场景下，tooltip 会自动显示的问题
-  (0, _reactUse.useUpdateEffect)(function () {
-    reset(Date.now());
-  }, [children]);
   return {
-    key: key
+    key: key,
+    onResize: function onResize(size) {
+      return reset(size.width);
+    }
   };
 }

package/lib/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/lib/text/style/index.js

@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _react = require("@emotion/react");
 var _templateObject, _templateObject2;
 var style = {
-  wrapper: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    &.ant-typography {\n      color: inherit;\n      margin-bottom: 0;\n      max-width: 100%;\n    }\n  "]))),
+  wrapper: (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    &.ant-typography {\n      font-size: inherit;\n      color: inherit;\n      margin-bottom: 0;\n      max-width: 100%;\n    }\n  "]))),
   wordBreak: (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    word-break: break-word;\n  "])))
 };
 var _default = exports.default = style;

package/lib/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` 时，不显示省略号