@dtjoy/dt-design 1.1.2 → 1.1.5

package/{esm → es}/flex/style/index.less

@@ -1,77 +1,81 @@
-@import '../../style/themes/index.less';
-
-@flex-prefix-cls: ~'@{ant-prefix}-flex';
-
-// 属性与值的映射
-@align-items-values: {
-    stretch: stretch;
-    flex-start: flex-start;
-    center: center;
-    flex-end: flex-end;
-    baseline: baseline;
-};
-
-@justify-content-values: {
-    flex-start: flex-start;
-    center: center;
-    flex-end: flex-end;
-    space-between: space-between;
-    space-around: space-around;
-    space-evenly: space-evenly;
-};
-
-@flex-wrap-values: {
-    nowrap: nowrap;
-    wrap: wrap;
-    wrap-reverse: wrap-reverse;
-};
-
-.@{flex-prefix-cls} {
-    display: flex;
-    margin: 0;
-    padding: 0;
-
-    // 方向
-    &-vertical {
-        flex-direction: column;
-    }
-    &-rtl {
-        direction: rtl;
-    }
-    &:empty {
-        display: none;
-    }
-
-    // 间距 (Gap)
-    &-gap-small {
-        gap: @padding-xs;
-    }
-    &-gap-middle {
-        gap: @padding-md;
-    }
-    &-gap-large {
-        gap: @padding-lg;
-    }
-
-    // 使用 Loops/Each 抽象重复代码
-    // flex-wrap
-    each(@flex-wrap-values, .(@value, @key) {
-        &-wrap-@{key} {
-            flex-wrap: @value;
-        }
-    });
-
-    // align-items
-    each(@align-items-values, .(@value, @key) {
-        &-align-@{key} {
-            align-items: @value;
-        }
-    });
-
-    // justify-content
-    each(@justify-content-values, .(@value, @key) {
-        &-justify-@{key} {
-            justify-content: @value;
-        }
-    });
+@import '../../style/themes/index.less';
+
+@flex-prefix-cls: ~'@{ant-prefix}-flex';
+
+// 属性与值的映射
+@align-items-values: {
+    stretch: stretch;
+    flex-start: flex-start;
+    center: center;
+    flex-end: flex-end;
+    baseline: baseline;
+};
+
+@justify-content-values: {
+    flex-start: flex-start;
+    center: center;
+    flex-end: flex-end;
+    space-between: space-between;
+    space-around: space-around;
+    space-evenly: space-evenly;
+};
+
+@flex-wrap-values: {
+    nowrap: nowrap;
+    wrap: wrap;
+    wrap-reverse: wrap-reverse;
+};
+
+.@{flex-prefix-cls} {
+    display: flex;
+    margin: 0;
+    padding: 0;
+
+    // 方向
+    &-vertical {
+        flex-direction: column;
+    }
+
+    &-rtl {
+        direction: rtl;
+    }
+
+    &:empty {
+        display: none;
+    }
+
+    // 间距 (Gap)
+    &-gap-small {
+        gap: @padding-xs;
+    }
+
+    &-gap-middle {
+        gap: @padding-md;
+    }
+
+    &-gap-large {
+        gap: @padding-lg;
+    }
+
+    // 使用 Loops/Each 抽象重复代码
+    // flex-wrap
+    each(@flex-wrap-values, .(@value, @key) {
+        &-wrap-@{key} {
+            flex-wrap: @value;
+        }
+    });
+
+    // align-items
+    each(@align-items-values, .(@value, @key) {
+        &-align-@{key} {
+            align-items: @value;
+        }
+    });
+
+    // justify-content
+    each(@justify-content-values, .(@value, @key) {
+        &-justify-@{key} {
+            justify-content: @value;
+        }
+    });
 }

package/es/flex/utils.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+import type { FlexProps } from './interface';
+export declare const flexWrapValues: React.CSSProperties['flexWrap'][];
+export declare const justifyContentValues: React.CSSProperties['justifyContent'][];
+export declare const alignItemsValues: React.CSSProperties['alignItems'][];
+declare const createFlexClassNames: (prefixCls: string, props: FlexProps) => string;
+export default createFlexClassNames;

package/es/form-list/index.d.ts

@@ -0,0 +1,87 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { FormListFieldData, TableProps } from 'antd';
+import type { FormItemProps, FormListProps, RuleObject, RuleRender } from 'antd/lib/form';
+import type { ColumnType as TableColumnType } from 'antd/lib/table';
+import './style';
+type NotNullRowSelection = NonNullable<TableProps<any>['rowSelection']>;
+/**
+ * Override NamePath parameters type
+ */
+type OverrideParameters = (string | number)[];
+type RcFormInstance = Parameters<RuleRender>[0];
+type RawPanelRender = NonNullable<TableProps<any>['footer']>;
+/**
+ * Override PanelRender type
+ */
+type PanelRenderFunc = (...args: Parameters<FormListProps['children']>) => ReturnType<RawPanelRender>;
+/**
+ * Form.Table 组件类型
+ */
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
+export interface IFormTableProps
+/**
+ * Support all FormListProps except children for which is re-defined in this component
+ * and prefixCls for which is not expected to be supported
+ */
+ extends Pick<FormListProps, 'name' | 'rules' | 'initialValue'>, 
+/**
+ * Support all TableProps except
+ * - re-define columns and re-defined rowSelection
+ * - and pagination which is expect to be not supported in Form.Table
+ * - and className which is renamed to tableClassName
+ * - and rowKey, dataSource for which are defined and not allowed to be modified
+ * - and footer, title, summary for which are re-defined to pass form's operation
+ */
+Omit<TableProps<any>, 'columns' | 'rowSelection' | 'pagination' | 'className' | 'rowKey' | 'dataSource' | 'footer' | 'title' | 'summary'> {
+    /**
+     * 表格列的配置描述
+     */
+    columns?: ColumnType[] | ((...args: Parameters<FormListProps['children']>) => ColumnType[]);
+    /**
+     * Table 的 className
+     */
+    tableClassName?: TableProps<any>['className'];
+    /**
+     * 表格行是否可选择
+     */
+    rowSelection?: Omit<NotNullRowSelection, 'getCheckboxProps'> & {
+        getCheckboxProps?: (field: FormListFieldData) => ReturnType<NonNullable<NotNullRowSelection['getCheckboxProps']>>;
+    };
+    title?: PanelRenderFunc;
+    footer?: PanelRenderFunc;
+    summary?: PanelRenderFunc;
+}
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
+export interface ColumnType
+/**
+ * Support all FormItemProps, and re-defined `rules` and `dependencies`
+ */
+ extends Omit<FormItemProps, 'rules' | 'dependencies' | 'prefixCls' | 'children'>, 
+/**
+ * Support all TableColumnType, and re-defined `render`
+ */
+Omit<TableColumnType<FormListFieldData>, 'render'> {
+    /**
+     * 设置依赖字段, 支持通过回调函数获取当前字段名
+     */
+    dependencies?: ((namePath: OverrideParameters) => FormItemProps['dependencies']) | FormItemProps['dependencies'];
+    /**
+     * 校验规则，设置字段的校验逻辑，支持通过回调函数获取当前字段名
+     */
+    rules?: (RuleObject | ((form: RcFormInstance, namePath: OverrideParameters) => RuleObject))[];
+    /**
+     * 渲染函数
+     * @param formInstance 只有在设置了 `dependencies` 的情况下才有该参数
+     */
+    render?: (fieldData: FormListFieldData, namePath: OverrideParameters, formInstance?: RcFormInstance) => ReactNode;
+}
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
+export default function InternalTable({ name, rules, initialValue, ...tableProps }: IFormTableProps): React.JSX.Element;
+export {};

package/{esm/formList → es/form-list}/index.js

@@ -13,22 +13,32 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useMemo } from 'react';
 import { Utils } from '@dtinsight/dt-utils';
 import { Form, Table } from 'antd';
-import { globalConfig } from 'antd/es/config-provider';
+import { globalConfig } from 'antd/lib/config-provider';
 import clsx from 'clsx';
 import "./style";
 
-/**
- * Override NamePath parameters type
+/**
+ * Override NamePath parameters type
  */
 
-/**
- * Override PanelRender type
+/**
+ * Override PanelRender type
  */
 
-/**
- * Form.Table 组件类型
+/**
+ * Form.Table 组件类型
+ */
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
+
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
  */
 
+/**
+ * @deprecated FormList 已废弃，将在后续大版本中移除。
+ */
 export default function InternalTable(_ref) {
   var name = _ref.name,
     rules = _ref.rules,
@@ -87,7 +97,7 @@ export default function InternalTable(_ref) {
       return _objectSpread(_objectSpread({}, cols), {}, {
         title: function title() {
           return /*#__PURE__*/React.createElement(React.Fragment, null, isRequired && /*#__PURE__*/React.createElement("span", {
-            className: "dtc-form__table__column--required"
+            className: "".concat(prefixCls, "__column--required")
           }), typeof cols.title === 'function' ? cols.title.apply(cols, arguments) : cols.title);
         },
         render: function render(_, fieldData) {

package/es/form-list/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/{esm/formList → es/form-list}/style/index.less

@@ -1,45 +1,45 @@
-@import '../../style/themes/index.less';
-
-@form-list-prefix-cls: ~'@{ant-prefix}-form-list';
-
-.@{form-list-prefix-cls} {
-  height: 100%;
-
-  &__column {
-    &--required {
-      &::before {
-        content: "*";
-        display: inline-block;
-        margin-inline-end: 4px;
-        font-size: 14px;
-        line-height: 1;
-        color: @error-color;
-      }
-
-      vertical-align: -0.1em;
-    }
-  }
-
-  .ant-table,
-  .ant-table-container {
-    height: 100%;
-  }
-
-  .ant-form-item {
-    margin-bottom: 0;
-  }
-
-  table colgroup > col.ant-table-selection-col {
-    width: 48px;
-  }
-
-  .ant-table-thead > tr > th.ant-table-selection-column {
-    padding: 0 16px;
-  }
-
-  .ant-table-tbody > tr > td.ant-table-selection-column {
-    padding: 0 16px;
-  }
-}
-
-
+@import '../../style/themes/index.less';
+
+@form-list-prefix-cls: ~'@{ant-prefix}-form-list';
+
+.@{form-list-prefix-cls} {
+  height: 100%;
+
+  &__column {
+    &--required {
+      &::before {
+        display: inline-block;
+        color: @error-color;
+        font-size: 14px;
+        line-height: 1;
+        content: "*";
+        margin-inline-end: 4px;
+      }
+
+      vertical-align: -0.1em;
+    }
+  }
+
+  .ant-table,
+  .ant-table-container {
+    height: 100%;
+  }
+
+  .ant-form-item {
+    margin-bottom: 0;
+  }
+
+  table colgroup > col.ant-table-selection-col {
+    width: 48px;
+  }
+
+  .ant-table-thead > tr > th.ant-table-selection-column {
+    padding: 0 16px;
+  }
+
+  .ant-table-tbody > tr > td.ant-table-selection-column {
+    padding: 0 16px;
+  }
+}
+
+

package/es/index.d.ts

@@ -0,0 +1,26 @@
+export { default as BlockHeader } from './block-header';
+export type { ButtonProps } from './button';
+export { default as Button } from './button';
+export { default as Collapsible } from './collapsible';
+export { default as CollapsibleActionItems } from './collapsible-action-items';
+export { default as Flex } from './flex';
+export type { FlexProps } from './flex/interface';
+/**
+ * @deprecated FormList 组件已废弃，将在后续大版本中移除，请尽快迁移到替代方案。
+ */
+export { default as FormList } from './form-list';
+/**
+ * @deprecated FormList 相关类型已废弃，将在后续大版本中移除。
+ */
+export type { ColumnType as FormListColumnType, IFormTableProps } from './form-list';
+export { default as OverflowList } from './overflow-list';
+export { default as Resize } from './resize';
+export { default as Splitter } from './splitter';
+export type { PanelProps, ShowCollapsibleIconMode, SplitterProps } from './splitter';
+export { default as StatusTag } from './status-tag';
+export type { IStatusTagProps, PresetColorType, StatusTagType } from './status-tag';
+export { Table } from './table';
+export { Summary } from './table';
+export { BatchEditModal } from './table';
+export { applyBatchRules } from './table';
+export type { AlignType, CellType, ColumnGroupType, ColumnsType, ColumnType, CustomizeComponent, CustomizeScrollBody, DataIndex, Direction, EditableConfig, EditableValidateResult, ExpandableConfig, ExpandableType, FixedInfo, FixedType, GetComponent, GetComponentProps, GetRowKey, OnCustomizeScroll, PanelRender, Reference, RenderedCell, RenderExpandIcon, RowClassName, ScrollConfig, SizeType, StickyOffsets, ColumnGroupType as TableColumnGroupType, ColumnsType as TableColumnsType, ColumnType as TableColumnType, TableComponents, ExpandableConfig as TableExpandableConfig, TableLayout, TablePaginationConfig, TableProps, Reference as TableReference, TableSticky, TriggerEventHandler, VirtualScrollConfig, } from './table';

package/es/index.js

@@ -0,0 +1,21 @@
+export { default as BlockHeader } from "./block-header";
+export { default as Button } from "./button";
+export { default as Collapsible } from "./collapsible";
+export { default as CollapsibleActionItems } from "./collapsible-action-items";
+export { default as Flex } from "./flex";
+/**
+ * @deprecated FormList 组件已废弃，将在后续大版本中移除，请尽快迁移到替代方案。
+ */
+export { default as FormList } from "./form-list";
+/**
+ * @deprecated FormList 相关类型已废弃，将在后续大版本中移除。
+ */
+
+export { default as OverflowList } from "./overflow-list";
+export { default as Resize } from "./resize";
+export { default as Splitter } from "./splitter";
+export { default as StatusTag } from "./status-tag";
+export { Table } from "./table";
+export { Summary } from "./table";
+export { BatchEditModal } from "./table";
+export { applyBatchRules } from "./table";

package/es/overflow-list/index.d.ts

@@ -0,0 +1,43 @@
+import type { ReactElement, ReactNode } from 'react';
+import React, { Component } from 'react';
+import './style';
+export type OverflowItem<T = Record<string, any>> = T;
+export interface OverflowListProps<T = Record<string, any>> {
+    items: OverflowItem<T>[];
+    visibleItemRenderer: (item: OverflowItem<T>, index: number) => ReactElement;
+    overflowRenderer: (overflowItems: OverflowItem<T>[]) => ReactNode | ReactNode[];
+    className?: string;
+    style?: React.CSSProperties;
+    renderMode?: 'collapse' | 'scroll';
+    collapseFrom?: 'start' | 'end';
+    minVisibleItems?: number;
+    onOverflow?: (overflowItems: OverflowItem<T>[]) => void;
+}
+interface OverflowListState {
+    visibleCount: number;
+    isMeasuring: boolean;
+}
+declare class OverflowList<T extends object> extends Component<OverflowListProps<T>, OverflowListState> {
+    static defaultProps: {
+        items: never[];
+        collapseFrom: string;
+        minVisibleItems: number;
+        renderMode: string;
+    };
+    static displayName: string;
+    private containerRef;
+    private overflowRef;
+    private itemRefs;
+    private prefixCls;
+    constructor(props: OverflowListProps<T>);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: OverflowListProps<T>): void;
+    private measureAndAdjust;
+    private getOverflowItems;
+    private itemKeyCache;
+    private nextItemKeyId;
+    private getItemKey;
+    renderCollapse(): React.JSX.Element;
+    render(): React.JSX.Element;
+}
+export default OverflowList;

package/{esm/overflowList → es/overflow-list}/index.js

@@ -1,6 +1,6 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -15,11 +15,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React, { Component, createRef } from 'react';
-import { globalConfig } from 'antd/es/config-provider';
+import { globalConfig } from 'antd/lib/config-provider';
 import "./style";
 import clsx from 'clsx';
-import { uniqueId } from 'lodash-es';
-import ReactResizeObserver from "../resizeObserver";
+import ReactResizeObserver from "../resize-observer";
 var OverflowList = /*#__PURE__*/function (_Component) {
   _inherits(OverflowList, _Component);
   var _super = _createSuper(OverflowList);
@@ -34,7 +33,16 @@ var OverflowList = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "measureAndAdjust", function () {
       var _this$overflowRef$cur, _this$overflowRef$cur2;
       var container = _this.containerRef.current;
-      if (!container || _this.props.renderMode !== 'collapse') return;
+      // 非 collapse 模式（或容器未挂载）无需测量：复位 isMeasuring，
+      // 避免 items/renderMode 变更后组件卡在 measuring 态、overflow 指示节点恒渲染
+      if (!container || _this.props.renderMode !== 'collapse') {
+        if (_this.state.isMeasuring) {
+          _this.setState({
+            isMeasuring: false
+          });
+        }
+        return;
+      }
       var _this$props = _this.props,
         items = _this$props.items,
         minVisibleItems = _this$props.minVisibleItems,
@@ -72,6 +80,21 @@ var OverflowList = /*#__PURE__*/function (_Component) {
         collapseFrom = _this$props2.collapseFrom;
       return collapseFrom === 'end' ? items.slice(count) : items.slice(0, items.length - count);
     });
+    // item → key 缓存：同一 item 对象始终映射到同一个 key，保证跨 render key 稳定
+    _defineProperty(_assertThisInitialized(_this), "itemKeyCache", new WeakMap());
+    _defineProperty(_assertThisInitialized(_this), "nextItemKeyId", 0);
+    _defineProperty(_assertThisInitialized(_this), "getItemKey", function (item, index) {
+      // WeakMap 只接受对象键：原始类型（string/number 等）item 回退到基于 index 的稳定 key
+      if (_typeof(item) !== 'object' || item === null) {
+        return "overflow-list-item-index-".concat(index);
+      }
+      var key = _this.itemKeyCache.get(item);
+      if (key === undefined) {
+        key = "overflow-list-item-".concat(_this.nextItemKeyId++);
+        _this.itemKeyCache.set(item, key);
+      }
+      return key;
+    });
     _this.prefixCls = globalConfig().getPrefixCls(_this.prefixCls);
     _this.state = {
       visibleCount: props.items.length,
@@ -87,8 +110,8 @@ var OverflowList = /*#__PURE__*/function (_Component) {
       }
     }
   }, {
-    key: "componentUpdate",
-    value: function componentUpdate(prevProps) {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
       if (prevProps.items !== this.props.items || prevProps.renderMode !== this.props.renderMode) {
         this.setState({
           isMeasuring: true,
@@ -118,15 +141,20 @@ var OverflowList = /*#__PURE__*/function (_Component) {
       }, style);
       var renderItems = function renderItems() {
         return items.map(function (item, i) {
+          var _child$key;
           var isVisible = isMeasuring || (collapseFrom === 'end' ? i < visibleCount : i >= items.length - visibleCount);
           if (!isVisible) return null;
+          var child = visibleItemRenderer(item, i);
+          // 优先使用渲染元素自带的 key；否则用 item 对象身份维系的稳定 key，
+          // 避免每次 render 生成全新 key 导致 item DOM 全量重挂载
+          var key = (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : _this2.getItemKey(item, i);
           return /*#__PURE__*/React.createElement("div", {
-            key: uniqueId('overflow-list-item'),
+            key: key,
             ref: function ref(el) {
               if (el) _this2.itemRefs.set(i, el);else _this2.itemRefs.delete(i);
             },
             className: "".concat(_this2.prefixCls, "-item")
-          }, visibleItemRenderer(item, i));
+          }, child);
         });
       };
       var overflowNode = (hasOverflow || isMeasuring) && /*#__PURE__*/React.createElement("div", {

package/es/overflow-list/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/{esm/overflowList → es/overflow-list}/style/index.less

@@ -1,9 +1,9 @@
-@import "../../style/themes/index.less";
-
-@overflow-list-prefix-cls: ~"@{ant-prefix}-overflow-list";
-
-.@{overflow-list-prefix-cls} {
-  display: flex;
-  flex-wrap: nowrap;
-  min-width: 0;
-}
+@import "../../style/themes/index.less";
+
+@overflow-list-prefix-cls: ~"@{ant-prefix}-overflow-list";
+
+.@{overflow-list-prefix-cls} {
+  display: flex;
+  flex-wrap: nowrap;
+  min-width: 0;
+}

package/es/resize/index.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+export interface ResizeProps {
+    observerEle?: HTMLElement | null;
+    children?: ReactNode;
+    onResize?: () => void;
+}
+declare const Resize: React.FC<ResizeProps>;
+export default Resize;

package/es/resize-observer/index.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+interface BaseProps {
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}
+export interface ResizeEntry {
+    contentRect: DOMRectReadOnly;
+    target: Element;
+}
+export interface ReactResizeObserverProps extends BaseProps {
+    onResize?: (entries: ResizeEntry[]) => void;
+    observeParent?: boolean;
+    observerProperty?: ObserverProperty;
+    delayTick?: number;
+    children: React.ReactElement;
+}
+export declare enum ObserverProperty {
+    Width = "width",
+    Height = "height",
+    All = "all"
+}
+export default class ReactResizeObserver extends React.Component<ReactResizeObserverProps> {
+    static defaultProps: {
+        onResize: () => void;
+        observeParent: boolean;
+        observerProperty: ObserverProperty;
+        delayTick: number;
+    };
+    observer: ResizeObserver | null;
+    childNode: HTMLElement | null;
+    element: Element | null;
+    _parentNode: HTMLElement | null;
+    formerPropertyValue: Map<Element, number>;
+    constructor(props: ReactResizeObserverProps);
+    getElement: () => Element | null;
+    handleResizeEventTriggered: (entries: ResizeEntry[]) => void;
+    observeElement: (force?: boolean) => void;
+    mergeRef: (ref: React.Ref<any> | undefined, node: HTMLElement) => void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ReactResizeObserverProps): void;
+    componentWillUnmount(): void;
+    render(): React.ReactElement;
+}
+export {};