@dtjoy/dt-design 1.0.6 → 1.0.8

package/esm/_util/easings.d.ts

@@ -0,0 +1 @@
+export declare function easeInOutCubic(t: number, b: number, c: number, d: number): number;

package/esm/_util/easings.js

@@ -0,0 +1,9 @@
+export function easeInOutCubic(t, b, c, d) {
+  var cc = c - b;
+  t /= d / 2;
+  if (t < 1) {
+    return cc / 2 * t * t * t + b;
+  }
+  // biome-ignore lint: it is a common easing function
+  return cc / 2 * ((t -= 2) * t * t + 2) + b;
+}

package/esm/_util/extendsObject.d.ts

@@ -0,0 +1,4 @@
+declare function mergeProps<A, B>(a: A, b: B): B & A;
+declare function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A;
+declare function mergeProps<A, B, C, D>(a: A, b: B, c: C, d: D): D & C & B & A;
+export default mergeProps;

package/esm/_util/extendsObject.js

@@ -0,0 +1,17 @@
+function mergeProps() {
+  var ret = {};
+  for (var _len = arguments.length, items = new Array(_len), _key = 0; _key < _len; _key++) {
+    items[_key] = arguments[_key];
+  }
+  items.forEach(function (item) {
+    if (item) {
+      Object.keys(item).forEach(function (key) {
+        if (item[key] !== undefined) {
+          ret[key] = item[key];
+        }
+      });
+    }
+  });
+  return ret;
+}
+export default mergeProps;

package/esm/_util/gapSize.d.ts

@@ -1,3 +1,3 @@
-import { SizeType } from 'antd/es/config-provider/SizeContext';
-export declare function isPresetSize(size?: SizeType | string | number): size is SizeType;
-export declare function isValidGapNumber(size?: SizeType | string | number): size is number;
+import type { SizeType } from 'antd/es/config-provider/SizeContext';
+export declare function isPresetSize(size?: SizeType | string | number): size is SizeType;
+export declare function isValidGapNumber(size?: SizeType | string | number): size is number;

package/esm/_util/getScroll.d.ts

@@ -0,0 +1,3 @@
+export declare function isWindow(obj: any): obj is Window;
+declare const getScroll: (target: HTMLElement | Window | Document | null) => number;
+export default getScroll;

package/esm/_util/getScroll.js

@@ -0,0 +1,32 @@
+import isNonNullable from "./isNonNullable";
+export function isWindow(obj) {
+  return isNonNullable(obj) && obj === obj.window;
+}
+var getScroll = function getScroll(target) {
+  if (typeof window === 'undefined') {
+    /* istanbul ignore next */
+    return 0;
+  }
+  var result = 0;
+  if (isWindow(target)) {
+    result = target.pageYOffset;
+  } else if (target instanceof Document) {
+    result = target.documentElement.scrollTop;
+  } else if (target instanceof HTMLElement) {
+    result = target.scrollTop;
+  } else if (target) {
+    // According to the type inference, the `target` is `never` type.
+    // Since we configured the loose mode type checking, and supports mocking the target with such shape below::
+    //    `{ documentElement: { scrollLeft: 200, scrollTop: 400 } }`,
+    //    the program may falls into this branch.
+    // Check the corresponding tests for details. Don't sure what is the real scenario this happens.
+    /* biome-ignore lint/complexity/useLiteralKeys: target is a never type */ /* eslint-disable-next-line dot-notation */
+    result = target['scrollTop'];
+  }
+  if (target && !isWindow(target) && typeof result !== 'number') {
+    var _documentElement, _target$ownerDocument;
+    result = (_documentElement = ((_target$ownerDocument = target.ownerDocument) !== null && _target$ownerDocument !== void 0 ? _target$ownerDocument : target).documentElement) === null || _documentElement === void 0 ? void 0 : _documentElement.scrollTop;
+  }
+  return result;
+};
+export default getScroll;

package/esm/_util/hooks/index.d.ts

@@ -1 +1,4 @@
-export * from './useOrientation';
+export * from './useForceUpdate';
+export * from './useOrientation';
+export * from './useProxyImperativeHandle';
+export * from './useSyncState';

package/esm/_util/hooks/index.js

@@ -1 +1,4 @@
-export * from "./useOrientation";
+export * from "./useForceUpdate";
+export * from "./useOrientation";
+export * from "./useProxyImperativeHandle";
+export * from "./useSyncState";

package/esm/_util/hooks/useForceUpdate.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useForceUpdate: () => [any, React.DispatchWithoutAction];

package/esm/_util/hooks/useForceUpdate.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export var useForceUpdate = function useForceUpdate() {
+  return React.useReducer(function (ori) {
+    return ori + 1;
+  }, 0);
+};

package/esm/_util/hooks/useOrientation.d.ts

@@ -1,2 +1,2 @@
-export declare type Orientation = 'horizontal' | 'vertical';
-export declare const useOrientation: (orientation?: Orientation, vertical?: boolean, legacyDirection?: Orientation) => [Orientation, boolean];
+export type Orientation = 'horizontal' | 'vertical';
+export declare const useOrientation: (orientation?: Orientation, vertical?: boolean, legacyDirection?: Orientation) => [Orientation, boolean];

package/esm/_util/hooks/useProxyImperativeHandle.d.ts

@@ -0,0 +1,4 @@
+import type { Ref } from 'react';
+export declare const useProxyImperativeHandle: <NativeELementType extends HTMLElement, ReturnRefType extends {
+    nativeElement: NativeELementType;
+}>(ref: Ref<any> | undefined, init: () => ReturnRefType) => void;

package/esm/_util/hooks/useProxyImperativeHandle.js

@@ -0,0 +1,31 @@
+import { useImperativeHandle } from 'react';
+var fillProxy = function fillProxy(element, handler) {
+  element._dtProxy = element._dtProxy || {};
+  Object.keys(handler).forEach(function (key) {
+    if (!(key in element._dtProxy)) {
+      var ori = element[key];
+      element._dtProxy[key] = ori;
+      element[key] = handler[key];
+    }
+  });
+  return element;
+};
+export var useProxyImperativeHandle = function useProxyImperativeHandle(ref, init) {
+  return useImperativeHandle(ref, function () {
+    var refObj = init();
+    var nativeElement = refObj.nativeElement;
+    if (typeof Proxy !== 'undefined') {
+      return new Proxy(nativeElement, {
+        get: function get(obj, prop) {
+          if (refObj[prop]) {
+            return refObj[prop];
+          }
+          return Reflect.get(obj, prop);
+        }
+      });
+    }
+
+    // Fallback of IE
+    return fillProxy(nativeElement, refObj);
+  });
+};

package/esm/_util/hooks/useSyncState.d.ts

@@ -0,0 +1,3 @@
+type UseSyncStateProps<T> = readonly [() => T, (newValue: T) => void];
+export declare const useSyncState: <T>(initialValue: T) => UseSyncStateProps<T>;
+export {};

package/esm/_util/hooks/useSyncState.js

@@ -0,0 +1,20 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import * as React from 'react';
+import { useForceUpdate } from "./useForceUpdate";
+export var useSyncState = function useSyncState(initialValue) {
+  var ref = React.useRef(initialValue);
+  var _useForceUpdate = useForceUpdate(),
+    _useForceUpdate2 = _slicedToArray(_useForceUpdate, 2),
+    forceUpdate = _useForceUpdate2[1];
+  return [function () {
+    return ref.current;
+  }, function (newValue) {
+    ref.current = newValue;
+    forceUpdate();
+  }];
+};

package/esm/_util/index.d.ts

@@ -1,3 +1,3 @@
-import { TooltipProps } from 'antd';
-export declare type LabelTooltipType = TooltipProps | TooltipProps['title'];
-export declare function toTooltipProps(tooltip: LabelTooltipType): TooltipProps | null;
+import type { TooltipProps } from 'antd';
+export type LabelTooltipType = TooltipProps | TooltipProps['title'];
+export declare function toTooltipProps(tooltip: LabelTooltipType): TooltipProps | null;

package/esm/_util/isNonNullable.d.ts

@@ -1,2 +1,2 @@
-declare const isNonNullable: <T>(val: T) => val is NonNullable<T>;
-export default isNonNullable;
+declare const isNonNullable: <T>(val: T) => val is NonNullable<T>;
+export default isNonNullable;

package/esm/_util/scrollTo.d.ts

@@ -0,0 +1,10 @@
+interface ScrollToOptions {
+    /** Scroll container, default as window */
+    getContainer?: () => HTMLElement | Window | Document;
+    /** Scroll end callback */
+    callback?: () => void;
+    /** Animation duration, default as 450 */
+    duration?: number;
+}
+export default function scrollTo(y: number, options?: ScrollToOptions): () => void;
+export {};

package/esm/_util/scrollTo.js

@@ -0,0 +1,38 @@
+import raf from '@rc-component/util/lib/raf';
+import { easeInOutCubic } from "./easings";
+import getScroll, { isWindow } from "./getScroll";
+export default function scrollTo(y) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$getContainer = options.getContainer,
+    getContainer = _options$getContainer === void 0 ? function () {
+      return window;
+    } : _options$getContainer,
+    callback = options.callback,
+    _options$duration = options.duration,
+    duration = _options$duration === void 0 ? 450 : _options$duration;
+  var container = getContainer();
+  var scrollTop = getScroll(container);
+  var startTime = Date.now();
+  var rafId;
+  var frameFunc = function frameFunc() {
+    var timestamp = Date.now();
+    var time = timestamp - startTime;
+    var nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
+    if (isWindow(container)) {
+      container.scrollTo(window.pageXOffset, nextScrollTop);
+    } else if (container instanceof Document || container.constructor.name === 'HTMLDocument') {
+      container.documentElement.scrollTop = nextScrollTop;
+    } else {
+      container.scrollTop = nextScrollTop;
+    }
+    if (time < duration) {
+      rafId = raf(frameFunc);
+    } else if (typeof callback === 'function') {
+      callback();
+    }
+  };
+  rafId = raf(frameFunc);
+  return function () {
+    raf.cancel(rafId);
+  };
+}

package/esm/_util/type.d.ts

@@ -1,52 +1,52 @@
-import type React from 'react';
-export declare type Primitive = null | undefined | string | number | boolean | symbol | bigint;
-/** https://github.com/Microsoft/TypeScript/issues/29729 */
-export declare type LiteralUnion<T, U extends Primitive = string> = T | (U & Record<never, never>);
-export declare type AnyObject = Record<string, any>;
-export declare type CustomComponent<P = AnyObject> = React.ComponentType<P> | string;
-/**
- * Get component props
- * @example
- * ```ts
- * import { Checkbox } from '@dtjoy/dt-design'
- * import type { GetProps } from '@dtjoy/dt-design';
- *
- * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
- * ```
- */
-export declare type GetProps<T extends React.ComponentType<any> | object> = T extends React.ComponentType<infer P> ? P : T extends object ? T : never;
-/**
- * Get component props by component name
- * @example
- * ```ts
- * import { Select } from '@dtjoy/dt-design';
- * import type { GetProp, SelectProps } from '@dtjoy/dt-design';
- *
- * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
- * // or
- * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
- *
- * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
- *  // Do something
- * };
- * ```
- */
-export declare type GetProp<T extends React.ComponentType<any> | object, PropName extends keyof GetProps<T>> = NonNullable<GetProps<T>[PropName]>;
-declare type ReactRefComponent<Props extends {
-    ref?: React.Ref<any> | string;
-}> = (props: Props) => React.ReactNode;
-declare type ExtractRefAttributesRef<T> = T extends React.RefAttributes<infer P> ? P : never;
-/**
- * Get component ref
- * @example
- * ```ts
- * import { Input } from '@dtjoy/dt-design';
- * import type { GetRef } from '@dtjoy/dt-design';
- *
- * type InputRef = GetRef<typeof Input>;
- * ```
- */
-export declare type GetRef<T extends ReactRefComponent<any> | React.Component<any>> = T extends React.Component<any> ? T : T extends React.ComponentType<infer P> ? ExtractRefAttributesRef<P> : never;
-export declare type GetContextProps<T> = T extends React.Context<infer P> ? P : never;
-export declare type GetContextProp<T extends React.Context<any>, PropName extends keyof GetContextProps<T>> = NonNullable<GetContextProps<T>[PropName]>;
-export {};
+import type React from 'react';
+export type Primitive = null | undefined | string | number | boolean | symbol | bigint;
+/** https://github.com/Microsoft/TypeScript/issues/29729 */
+export type LiteralUnion<T, U extends Primitive = string> = T | (U & Record<never, never>);
+export type AnyObject = Record<PropertyKey, any>;
+export type CustomComponent<P = AnyObject> = React.ComponentType<P> | string;
+/**
+ * Get component props
+ * @example
+ * ```ts
+ * import { Checkbox } from '@dtjoy/dt-design'
+ * import type { GetProps } from '@dtjoy/dt-design';
+ *
+ * type CheckboxGroupProps = GetProps<typeof Checkbox.Group>
+ * ```
+ */
+export type GetProps<T extends React.ComponentType<any> | object> = T extends React.ComponentType<infer P> ? P : T extends object ? T : never;
+/**
+ * Get component props by component name
+ * @example
+ * ```ts
+ * import { Select } from '@dtjoy/dt-design';
+ * import type { GetProp, SelectProps } from '@dtjoy/dt-design';
+ *
+ * type SelectOption1 = GetProp<SelectProps, 'options'>[number];
+ * // or
+ * type SelectOption2 = GetProp<typeof Select, 'options'>[number];
+ *
+ * const onChange: GetProp<typeof Select, 'onChange'> = (value, option) => {
+ *  // Do something
+ * };
+ * ```
+ */
+export type GetProp<T extends React.ComponentType<any> | object, PropName extends keyof GetProps<T>> = NonNullable<GetProps<T>[PropName]>;
+type ReactRefComponent<Props extends {
+    ref?: React.Ref<any> | string;
+}> = (props: Props) => React.ReactNode;
+type ExtractRefAttributesRef<T> = T extends React.RefAttributes<infer P> ? P : never;
+/**
+ * Get component ref
+ * @example
+ * ```ts
+ * import { Input } from '@dtjoy/dt-design';
+ * import type { GetRef } from '@dtjoy/dt-design';
+ *
+ * type InputRef = GetRef<typeof Input>;
+ * ```
+ */
+export type GetRef<T extends ReactRefComponent<any> | React.Component<any>> = T extends React.Component<any> ? T : T extends React.ComponentType<infer P> ? ExtractRefAttributesRef<P> : never;
+export type GetContextProps<T> = T extends React.Context<infer P> ? P : never;
+export type GetContextProp<T extends React.Context<any>, PropName extends keyof GetContextProps<T>> = NonNullable<GetContextProps<T>[PropName]>;
+export {};

package/esm/_util/warning.d.ts

@@ -1,31 +1,31 @@
-import * as React from 'react';
-export declare function noop(): void;
-export declare function resetWarned(): void;
-declare type Warning = (valid: boolean, component: string, message?: string) => void;
-declare const warning: Warning;
-declare type BaseTypeWarning = (valid: boolean, 
-/**
- * - deprecated: Some API will be removed in future but still support now.
- * - usage: Some API usage is not correct.
- * - breaking: Breaking change like API is removed.
- */
-type: 'deprecated' | 'usage' | 'breaking', message?: string) => void;
-declare type TypeWarning = BaseTypeWarning & {
-    deprecated: (valid: boolean, oldProp: string, newProp: string, message?: string) => void;
-};
-export interface WarningContextProps {
-    /**
-     * @descCN 设置警告等级，设置 `false` 时会将废弃相关信息聚合为单条信息。
-     * @descEN Set the warning level. When set to `false`, discard related information will be aggregated into a single message.
-     * @since 5.10.0
-     */
-    strict?: boolean;
-}
-export declare const WarningContext: React.Context<WarningContextProps>;
-/**
- * This is a hook but we not named as `useWarning`
- * since this is only used in development.
- * We should always wrap this in `if (process.env.NODE_ENV !== 'production')` condition
- */
-export declare const devUseWarning: (component: string) => TypeWarning;
-export default warning;
+import * as React from 'react';
+export declare function noop(): void;
+export declare function resetWarned(): void;
+type Warning = (valid: boolean, component: string, message?: string) => void;
+declare const warning: Warning;
+type BaseTypeWarning = (valid: boolean, 
+/**
+ * - deprecated: Some API will be removed in future but still support now.
+ * - usage: Some API usage is not correct.
+ * - breaking: Breaking change like API is removed.
+ */
+type: 'deprecated' | 'usage' | 'breaking', message?: string) => void;
+type TypeWarning = BaseTypeWarning & {
+    deprecated: (valid: boolean, oldProp: string, newProp: string, message?: string) => void;
+};
+export interface WarningContextProps {
+    /**
+     * @descCN 设置警告等级，设置 `false` 时会将废弃相关信息聚合为单条信息。
+     * @descEN Set the warning level. When set to `false`, discard related information will be aggregated into a single message.
+     * @since 5.10.0
+     */
+    strict?: boolean;
+}
+export declare const WarningContext: React.Context<WarningContextProps>;
+/**
+ * This is a hook but we not named as `useWarning`
+ * since this is only used in development.
+ * We should always wrap this in `if (process.env.NODE_ENV !== 'production')` condition
+ */
+export declare const devUseWarning: (component: string) => TypeWarning;
+export default warning;

package/esm/_util/warning.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import rcWarning from 'rc-util/lib/warning';
+import { warning as rcWarning } from '@rc-component/util';
 export function noop() {}
 var rcResetWarned = rcWarning.resetWarned;
 var deprecatedWarnList = null;
@@ -21,10 +21,10 @@ if (process.env.NODE_ENV !== 'production') {
 var warning = _warning;
 export var WarningContext = /*#__PURE__*/React.createContext({});
 
-/**
- * This is a hook but we not named as `useWarning`
- * since this is only used in development.
- * We should always wrap this in `if (process.env.NODE_ENV !== 'production')` condition
+/**
+ * This is a hook but we not named as `useWarning`
+ * since this is only used in development.
+ * We should always wrap this in `if (process.env.NODE_ENV !== 'production')` condition
  */
 export var devUseWarning = process.env.NODE_ENV !== 'production' ? function (component) {
   var _React$useContext = React.useContext(WarningContext),

package/esm/blockHeader/index.d.ts

@@ -1,48 +1,50 @@
-import React, { ReactNode } from 'react';
-import './style';
-import { LabelTooltipType } from '../_util';
-import type { CollapsibleProps } from '../collapsible';
-export declare type SizeType = 'small' | 'middle' | 'large';
-export interface IBlockHeaderProps extends CollapsibleProps {
-    /** 标题 */
-    title: ReactNode;
-    /** 标题前的图标，默认是一个色块 */
-    addonBefore?: ReactNode;
-    /** 标题后的提示说明文字 */
-    description?: ReactNode;
-    /** 默认展示为问号的tooltip */
-    tooltip?: LabelTooltipType;
-    /** 后缀自定义内容块 */
-    addonAfter?: ReactNode;
-    /**
-     * 小标题 font-size: 12px; line-height: 32px
-     * 中标题 font-size: 14px; line-height: 40px
-     * 大标题 font-size: 16px; line-height: 40px
-     * 默认 中标题
-     */
-    size?: SizeType;
-    /** 自定义 Bottom 值 */
-    spaceBottom?: number;
-    /** 标题一行的样式类名 */
-    className?: string;
-    /** 标题的样式类名 */
-    style?: React.CSSProperties;
-    /** 展示内容(children)的样式类名 */
-    contentClassName?: string;
-    /** 展示内容(children)的样式 */
-    contentStyle?: React.CSSProperties;
-    /** 是否显示背景, 默认 true */
-    background?: boolean;
-    /** 当前展开状态 */
-    expand?: boolean;
-    /** 是否默认展开内容, 默认为 undefined */
-    defaultExpand?: boolean;
-    /** 展开/收起的内容 */
-    children?: ReactNode;
-    /** 展开/收起时的回调 */
-    onExpand?: (expand: boolean) => void;
-    /** 标题的样式 */
-    titleStyle?: React.CSSProperties;
-}
-declare const BlockHeader: React.FC<IBlockHeaderProps>;
-export default BlockHeader;
+import type { ReactNode } from 'react';
+import React from 'react';
+import './style';
+import type { SizeType } from 'antd/lib/config-provider/SizeContext';
+import type { LabelTooltipType } from '../_util';
+export interface IBlockHeaderProps {
+    /** id */
+    id?: string;
+    /** 标题 */
+    title: ReactNode;
+    /** 标题前的图标，默认是一个色块 */
+    addonBefore?: ReactNode;
+    /** 标题后的提示说明文字 */
+    description?: ReactNode;
+    /** 默认展示为问号的tooltip */
+    tooltip?: LabelTooltipType;
+    /** 后缀自定义内容块 */
+    addonAfter?: ReactNode;
+    /**
+     * 小标题 font-size: 12px; line-height: 32px
+     * 中标题 font-size: 14px; line-height: 40px
+     * 大标题 font-size: 16px; line-height: 40px
+     * 默认 中标题
+     */
+    size?: SizeType;
+    /** 自定义 Bottom 值 */
+    spaceBottom?: number;
+    /** 标题一行的样式类名 */
+    className?: string;
+    /** 标题的样式类名 */
+    style?: React.CSSProperties;
+    /** 展示内容(children)的样式类名 */
+    contentClassName?: string;
+    /** 展示内容(children)的样式 */
+    contentStyle?: React.CSSProperties;
+    /** 是否显示背景, 默认 true */
+    background?: boolean;
+    /** 当前展开状态 */
+    expand?: boolean;
+    /** 是否默认展开内容, 默认为 undefined */
+    defaultExpand?: boolean;
+    /** 展开/收起的内容 */
+    children?: ReactNode;
+    /** 展开/收起时的回调 */
+    onExpand?: (expand: boolean) => void;
+    /** 标题的样式 */
+    titleStyle?: React.CSSProperties;
+}
+declare const BlockHeader: React.FC<IBlockHeaderProps>;
+export default BlockHeader;

package/esm/blockHeader/index.js

@@ -1,5 +1,4 @@
 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); }
-var _excluded = ["title", "description", "tooltip", "size", "spaceBottom", "className", "contentClassName", "style", "contentStyle", "background", "defaultExpand", "addonAfter", "expand", "children", "addonBefore", "onExpand", "titleStyle"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
@@ -12,13 +11,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React, { useState } from 'react';
 import { QuestionCircleOutlined, UpOutlined } from '@ant-design/icons';
 import { Tooltip } from 'antd';
 import { globalConfig } from 'antd/es/config-provider';
-import classNames from 'classnames';
+import clsx from 'clsx';
 import "./style";
 import { toTooltipProps } from "../_util";
 import Collapsible from "../collapsible";
@@ -28,7 +25,8 @@ function isControlled(props) {
 var prefixCls = globalConfig().getPrefixCls('block-header');
 var preTitleRowCls = "".concat(prefixCls, "__title");
 var BlockHeader = function BlockHeader(props) {
-  var title = props.title,
+  var id = props.id,
+    title = props.title,
     _props$description = props.description,
     description = _props$description === void 0 ? '' : _props$description,
     tooltip = props.tooltip,
@@ -56,8 +54,7 @@ var BlockHeader = function BlockHeader(props) {
       className: "addon-before--default"
     }) : _props$addonBefore,
     onExpand = props.onExpand,
-    titleStyle = props.titleStyle,
-    rest = _objectWithoutProperties(props, _excluded);
+    titleStyle = props.titleStyle;
   var _useState = useState(defaultExpand),
     _useState2 = _slicedToArray(_useState, 2),
     internalExpand = _useState2[0],
@@ -67,7 +64,7 @@ var BlockHeader = function BlockHeader(props) {
   // 只有在有了 children 并且设置了 expand/defaultExpand 的时候才能够展开收起
   var showCollapse = (typeof expand === 'boolean' || typeof defaultExpand === 'boolean') && children;
   var tooltipProps = toTooltipProps(tooltip);
-  var bottomStyle;
+  var bottomStyle = {};
   if (spaceBottom) bottomStyle = showCollapse && !currentExpand ? {
     marginBottom: 0
   } : {
@@ -79,10 +76,11 @@ var BlockHeader = function BlockHeader(props) {
     onExpand === null || onExpand === void 0 || onExpand(expand);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls), className),
+    id: id,
+    className: clsx("".concat(prefixCls), className),
     style: _objectSpread(_objectSpread({}, bottomStyle), style)
   }, /*#__PURE__*/React.createElement("div", {
-    className: classNames(preTitleRowCls, "".concat(preTitleRowCls, "--").concat(size), _defineProperty(_defineProperty({}, "".concat(preTitleRowCls, "--background"), background), "".concat(preTitleRowCls, "--pointer"), showCollapse)),
+    className: clsx(preTitleRowCls, "".concat(preTitleRowCls, "--").concat(size), _defineProperty(_defineProperty({}, "".concat(preTitleRowCls, "--background"), background), "".concat(preTitleRowCls, "--pointer"), showCollapse)),
     style: titleStyle,
     onClick: function onClick() {
       return showCollapse && handleExpand(!currentExpand);
@@ -96,7 +94,7 @@ var BlockHeader = function BlockHeader(props) {
   }, title), tooltipProps !== null && tooltipProps !== void 0 && tooltipProps.title ? /*#__PURE__*/React.createElement("div", {
     className: "title__tooltip"
   }, /*#__PURE__*/React.createElement(Tooltip, _extends({}, tooltipProps, {
-    className: classNames(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className)
+    className: clsx(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.className)
   }), /*#__PURE__*/React.createElement(QuestionCircleOutlined, null))) : null, description ? /*#__PURE__*/React.createElement("div", {
     className: "title__description"
   }, description) : null), addonAfter && /*#__PURE__*/React.createElement("div", {
@@ -106,14 +104,14 @@ var BlockHeader = function BlockHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "collapse__text"
   }, currentExpand ? '收起' : '展开'), /*#__PURE__*/React.createElement(UpOutlined, {
-    className: classNames('collapse__icon', {
+    className: clsx('collapse__icon', {
       'collapse__icon--up': currentExpand,
       'collapse__icon--down': !currentExpand
     })
-  }))), /*#__PURE__*/React.createElement(Collapsible, _extends({
+  }))), /*#__PURE__*/React.createElement(Collapsible, {
     isOpen: !currentExpand
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: classNames("".concat(prefixCls, "__content"), contentClassName, _defineProperty({}, "".concat(prefixCls, "__content--active"), currentExpand || !showCollapse)),
+  }, /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "__content"), contentClassName, _defineProperty({}, "".concat(prefixCls, "__content--active"), currentExpand || !showCollapse)),
     style: contentStyle
   }, children)));
 };