antd-mobile 5.0.0-beta.2 → 5.0.0-beta.23

package/2x/es/components/button/button.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import classNames from 'classnames';
 import Loading from '../loading';
-import { getNativeAttributes } from '../../utils/get-native-attributes';
 import { mergeProps } from '../../utils/with-default-props';
+import { withNativeProps } from '../../utils/native-props';
 var classPrefix = "adm-button";
 var defaultProps = {
   color: 'default',
@@ -15,17 +15,15 @@ export var Button = function Button(p) {
   var _classNames;
 
   var props = mergeProps(defaultProps, p);
-  var disabled = props.disabled;
-  return /*#__PURE__*/React.createElement("button", Object.assign({}, getNativeAttributes(props), {
+  var disabled = props.disabled || props.loading;
+  return withNativeProps(props, /*#__PURE__*/React.createElement("button", {
     type: props.type,
     onClick: props.onClick,
-    className: classNames(classPrefix, props.color ? classPrefix + "-" + props.color : null, (_classNames = {}, _classNames[classPrefix + "-block"] = props.block, _classNames[classPrefix + "-disabled"] = disabled, _classNames[classPrefix + "-fill-outline"] = props.fill === 'outline', _classNames[classPrefix + "-fill-none"] = props.fill === 'none', _classNames[classPrefix + "-mini"] = props.size === 'mini', _classNames[classPrefix + "-small"] = props.size === 'small', _classNames[classPrefix + "-large"] = props.size === 'large', _classNames[classPrefix + "-loading"] = props.loading, _classNames), props.className),
-    style: props.style,
+    className: classNames(classPrefix, props.color ? classPrefix + "-" + props.color : null, (_classNames = {}, _classNames[classPrefix + "-block"] = props.block, _classNames[classPrefix + "-disabled"] = disabled, _classNames[classPrefix + "-fill-outline"] = props.fill === 'outline', _classNames[classPrefix + "-fill-none"] = props.fill === 'none', _classNames[classPrefix + "-mini"] = props.size === 'mini', _classNames[classPrefix + "-small"] = props.size === 'small', _classNames[classPrefix + "-large"] = props.size === 'large', _classNames[classPrefix + "-loading"] = props.loading, _classNames)),
     disabled: disabled
-  }), props.loading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }, props.loading ? /*#__PURE__*/React.createElement("div", {
     className: classPrefix + "-loading-wrapper"
   }, /*#__PURE__*/React.createElement(Loading, {
-    color: 'currentColor',
-    size: props.size
-  }), props.loadingText)) : props.children);
+    color: 'currentColor'
+  }), props.loadingText) : props.children));
 };

package/2x/es/components/card/card.d.ts

@@ -1,11 +1,14 @@
-import { FC, ReactNode } from 'react';
-import React from 'react';
-import { ElementProps } from '../../utils/element-props';
+import React, { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
 export declare type CardProps = {
     title?: ReactNode;
     extra?: ReactNode;
-    onClick?: (event: React.MouseEvent) => void;
-    onBodyClick?: (event: React.MouseEvent) => void;
-    onHeaderClick?: (event: React.MouseEvent) => void;
-} & ElementProps;
+    headerStyle?: React.CSSProperties;
+    headerClassName?: string;
+    bodyStyle?: React.CSSProperties;
+    bodyClassName?: string;
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onBodyClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onHeaderClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+} & NativeProps;
 export declare const Card: FC<CardProps>;

package/2x/es/components/card/card.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import classNames from 'classnames';
+import { withNativeProps } from '../../utils/native-props';
 var classPrefix = "adm-card";
 export var Card = function Card(props) {
   var renderHeader = function renderHeader() {
@@ -8,7 +9,8 @@ export var Card = function Card(props) {
     }
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(classPrefix + "-header"),
+      className: classNames(classPrefix + "-header", props.headerClassName),
+      style: props.headerStyle,
       onClick: props.onHeaderClick
     }, /*#__PURE__*/React.createElement("div", {
       className: classPrefix + "-header-title"
@@ -21,14 +23,14 @@ export var Card = function Card(props) {
     }
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classPrefix + "-body",
+      className: classNames(classPrefix + "-body", props.bodyClassName),
+      style: props.bodyStyle,
       onClick: props.onBodyClick
     }, props.children);
   };
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames(classPrefix, props.className),
-    onClick: props.onClick,
-    style: props.style
-  }, renderHeader(), renderBody());
+  return withNativeProps(props, /*#__PURE__*/React.createElement("div", {
+    className: classPrefix,
+    onClick: props.onClick
+  }, renderHeader(), renderBody()));
 };

package/2x/es/components/cascade-picker/cascade-picker.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import type { PickerProps } from '../picker';
+export declare type CascadePickerOption = {
+    label: string;
+    value: string;
+    children?: CascadePickerOption[];
+};
+export declare type CascadePickerProps = Omit<PickerProps, 'columns'> & {
+    options: CascadePickerOption[];
+};
+export declare const CascadePicker: FC<CascadePickerProps>;

package/2x/es/components/{picker/cascader.js → cascade-picker/cascade-picker.js}

@@ -12,8 +12,8 @@ var __rest = this && this.__rest || function (s, e) {
 };
 
 import React, { useMemo } from 'react';
-import { Picker } from './picker';
-export var Cascader = function Cascader(props) {
+import Picker from '../picker';
+export var CascadePicker = function CascadePicker(props) {
   var options = props.options,
       pickerProps = __rest(props, ["options"]);
 

package/2x/es/components/cascade-picker/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { prompt } from './prompt';
+export type { CascadePickerProps, CascadePickerOption } from './cascade-picker';
+declare const _default: import("react").FC<import("./cascade-picker").CascadePickerProps> & {
+    prompt: typeof prompt;
+};
+export default _default;

package/2x/es/components/cascade-picker/index.js

@@ -0,0 +1,6 @@
+import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
+import { prompt } from './prompt';
+import { CascadePicker } from './cascade-picker';
+export default attachPropertiesToComponent(CascadePicker, {
+  prompt: prompt
+});

package/2x/es/components/cascade-picker/prompt.d.ts

@@ -0,0 +1,2 @@
+import { CascadePickerProps } from './cascade-picker';
+export declare function prompt(props: Omit<CascadePickerProps, 'value' | 'visible' | 'children'>): Promise<(string | null)[] | null>;

package/{es/components/picker/prompt-cascader.js → 2x/es/components/cascade-picker/prompt.js}

@@ -1,7 +1,7 @@
-import { Cascader } from './cascader';
+import { CascadePicker } from './cascade-picker';
 import React, { useEffect, useState } from 'react';
 import { renderToBody } from '../../utils/render-to-body';
-export function promptCascader(props) {
+export function prompt(props) {
   return new Promise(function (resolve) {
     var Wrapper = function Wrapper() {
       var _useState = useState(false),
@@ -11,7 +11,7 @@ export function promptCascader(props) {
       useEffect(function () {
         setVisible(true);
       }, []);
-      return /*#__PURE__*/React.createElement(Cascader, Object.assign({}, props, {
+      return /*#__PURE__*/React.createElement(CascadePicker, Object.assign({}, props, {
         visible: visible,
         onConfirm: function onConfirm(val) {
           resolve(val);

package/2x/es/components/check-list/check-list-item.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ListItemProps } from '../list';
+import { NativeProps } from '../../utils/native-props';
+export declare type CheckListItemProps = Pick<ListItemProps, 'title' | 'children' | 'description' | 'prefix' | 'disabled' | 'onClick'> & {
+    value: string;
+    readOnly?: boolean;
+} & NativeProps<'--prefix-width' | '--align-items'>;
+export declare const CheckListItem: FC<CheckListItemProps>;

package/2x/es/components/check-list/check-list-item.js

@@ -0,0 +1,46 @@
+import React, { useContext } from 'react';
+import List from '../list';
+import { withNativeProps } from '../../utils/native-props';
+import { CheckListContext } from './context';
+import { devWarning } from '../../utils/dev-log';
+import classNames from 'classnames';
+var classPrefix = "adm-check-list-item";
+export var CheckListItem = function CheckListItem(props) {
+  var _classNames;
+
+  var context = useContext(CheckListContext);
+
+  if (context === null) {
+    devWarning('CheckList.Item', 'CheckList.Item can only be used inside CheckList.');
+    return null;
+  }
+
+  var active = context.value.includes(props.value);
+  var readOnly = props.readOnly || context.readOnly;
+  var extra = /*#__PURE__*/React.createElement("div", {
+    className: classPrefix + "-extra"
+  }, active ? context.activeIcon : null);
+  return withNativeProps(props, /*#__PURE__*/React.createElement(List.Item, {
+    title: props.title,
+    className: classNames((_classNames = {}, _classNames[classPrefix + "-readonly"] = readOnly, _classNames)),
+    description: props.description,
+    prefix: props.prefix,
+    onClick: function onClick(e) {
+      var _a;
+
+      if (readOnly) return;
+
+      if (active) {
+        context.uncheck(props.value);
+      } else {
+        context.check(props.value);
+      }
+
+      (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    },
+    arrow: false,
+    clickable: !readOnly,
+    extra: extra,
+    disabled: props.disabled || context.disabled
+  }, props.children));
+};

package/2x/es/components/check-list/check-list.css

@@ -0,0 +1,8 @@
+.adm-check-list-item-extra {
+  font-size: 32px;
+  color: var(--adm-color-primary);
+}
+
+.adm-check-list-item-readonly {
+  cursor: unset;
+}

package/2x/es/components/check-list/check-list.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+import { ListProps } from '../list';
+export declare type CheckListProps = Pick<ListProps, 'mode'> & {
+    defaultValue?: string[];
+    value?: string[];
+    onChange?: (val: string[]) => void;
+    multiple?: boolean;
+    activeIcon?: ReactNode;
+    disabled?: boolean;
+    readOnly?: boolean;
+} & NativeProps<'--prefix-width' | '--align-items'>;
+export declare const CheckList: FC<CheckListProps>;

package/2x/es/components/check-list/check-list.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import List from '../list';
+import { mergeProps } from '../../utils/with-default-props';
+import { CheckListContext } from './context';
+import { usePropsValue } from '../../utils/use-props-value';
+import { CheckOutline } from 'antd-mobile-icons';
+var defaultProps = {
+  multiple: false,
+  defaultValue: [],
+  activeIcon: /*#__PURE__*/React.createElement(CheckOutline, null)
+};
+export var CheckList = function CheckList(p) {
+  var props = mergeProps(defaultProps, p);
+
+  var _usePropsValue = usePropsValue(props),
+      value = _usePropsValue[0],
+      setValue = _usePropsValue[1];
+
+  function check(val) {
+    if (props.multiple) {
+      setValue([].concat(value, [val]));
+    } else {
+      setValue([val]);
+    }
+  }
+
+  function uncheck(val) {
+    setValue(value.filter(function (item) {
+      return item !== val;
+    }));
+  }
+
+  var activeIcon = props.activeIcon,
+      disabled = props.disabled,
+      readOnly = props.readOnly;
+  return /*#__PURE__*/React.createElement(CheckListContext.Provider, {
+    value: {
+      value: value,
+      check: check,
+      uncheck: uncheck,
+      activeIcon: activeIcon,
+      disabled: disabled,
+      readOnly: readOnly
+    }
+  }, withNativeProps(props, /*#__PURE__*/React.createElement(List, {
+    mode: props.mode
+  }, props.children)));
+};

package/2x/es/components/check-list/context.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare const CheckListContext: import("react").Context<{
+    value: string[];
+    check: (val: string) => void;
+    uncheck: (val: string) => void;
+    activeIcon?: ReactNode;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+} | null>;

package/2x/es/components/check-list/context.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var CheckListContext = /*#__PURE__*/createContext(null);

package/2x/es/components/check-list/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './check-list.less';
+export type { CheckListProps } from './check-list';
+export type { CheckListItemProps } from './check-list-item';
+declare const _default: import("react").FC<import("./check-list").CheckListProps> & {
+    Item: import("react").FC<import("./check-list-item").CheckListItemProps>;
+};
+export default _default;

package/2x/es/components/check-list/index.js

@@ -0,0 +1,7 @@
+import "./check-list.css";
+import { CheckList } from './check-list';
+import { attachPropertiesToComponent } from '../../utils/attach-properties-to-component';
+import { CheckListItem } from './check-list-item';
+export default attachPropertiesToComponent(CheckList, {
+  Item: CheckListItem
+});

package/2x/es/components/checkbox/check-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare const CheckIcon: React.NamedExoticComponent<NativeProps<never>>;

package/2x/es/components/checkbox/check-icon.js

@@ -0,0 +1,19 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+export var CheckIcon = /*#__PURE__*/memo(function (props) {
+  return withNativeProps(props, /*#__PURE__*/React.createElement("svg", {
+    viewBox: '0 0 24 16'
+  }, /*#__PURE__*/React.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: 'translate(-35.000000, -40.000000)',
+    fill: 'currentColor'
+  }, /*#__PURE__*/React.createElement("g", {
+    transform: 'translate(24.000000, 26.000000)'
+  }, /*#__PURE__*/React.createElement("path", {
+    d: 'M18.8574375,25.9363304 L14.4138058,21.4926987 C13.8001225,20.8790154 12.8051453,20.8790154 12.1914621,21.4926987 C11.5777807,22.10638 11.5777807,23.1013541 12.1914621,23.7150354 C12.1914632,23.7150366 12.1914644,23.7150377 12.1914656,23.7150389 L17.4442507,28.9677909 C18.225314,29.7488091 19.4916285,29.7488141 20.2726979,28.9678021 L21.0808125,28.1597054 L21.0808125,28.1597054 L32.5627182,16.6759191 C33.176366,16.0621709 33.1763252,15.0671824 32.5626272,14.4534844 C31.948944,13.8398011 30.9539668,13.8398011 30.3402835,14.4534844 L18.8574375,25.9363304 L18.8574375,25.9363304 Z'
+  }))))));
+});

package/2x/es/components/checkbox/checkbox.css

@@ -1,4 +1,7 @@
 .adm-checkbox {
+  --icon-size: 44px;
+  --font-size: 34px;
+  --gap: 16px;
   display: inline-flex;
   justify-content: flex-start;
   align-items: center;
@@ -12,20 +15,20 @@
 .adm-checkbox .adm-checkbox-icon {
   flex: none;
   border: 2px solid #ccc;
-  border-radius: 44px;
+  border-radius: var(--icon-size);
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 44px;
-  height: 44px;
-  font-size: 24px;
+  width: var(--icon-size);
+  height: var(--icon-size);
   color: transparent;
 }
 
-.adm-checkbox .adm-checkbox-icon > span {
-  font-size: 24px;
+.adm-checkbox .adm-checkbox-icon-checked {
   display: block;
+  width: 65%;
+  height: 65%;
 }
 
 .adm-checkbox.adm-checkbox-block {
@@ -47,15 +50,15 @@
 }
 
 .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon {
-  background-color: #ebedf0;
-}
-
-.adm-checkbox.adm-checkbox-disabled.adm-checkbox-checked .adm-checkbox-icon {
   color: #ccc;
   border-color: #ccc;
   background-color: #ebedf0;
 }
 
+.adm-checkbox .adm-checkbox-custom-icon {
+  font-size: var(--icon-size);
+}
+
 .adm-checkbox .adm-checkbox-indeterminate-content {
   display: none;
 }
@@ -70,14 +73,14 @@
 }
 
 .adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-indeterminate-checked {
-  width: 24px;
-  height: 24px;
-  border-radius: 12px;
+  width: 60%;
+  height: 60%;
+  border-radius: 100%;
   background-color: var(--adm-color-primary);
 }
 
 .adm-checkbox-content {
   flex: none;
-  font-size: 34px;
-  padding-left: 16px;
+  font-size: var(--font-size);
+  padding-left: var(--gap);
 }

package/2x/es/components/checkbox/checkbox.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ElementProps } from '../../utils/element-props';
+import React, { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
 export declare type CheckboxValue = string | number;
 export declare type CheckboxProps = {
     checked?: boolean;
@@ -9,5 +9,7 @@ export declare type CheckboxProps = {
     value?: CheckboxValue;
     indeterminate?: boolean;
     block?: boolean;
-} & ElementProps;
+    id?: string;
+    icon?: (checked: boolean, indeterminate: boolean) => React.ReactNode;
+} & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Checkbox: FC<CheckboxProps>;

package/2x/es/components/checkbox/checkbox.js

@@ -1,31 +1,46 @@
 import React, { useContext } from 'react';
+import { withNativeProps } from '../../utils/native-props';
 import classNames from 'classnames';
-import { CheckOutlined } from '@ant-design/icons';
 import { CheckboxGroupContext } from './group-context';
-import { useNewControllableValue } from '../../utils/use-controllable-value';
+import { usePropsValue } from '../../utils/use-props-value';
 import { mergeProps } from '../../utils/with-default-props';
+import { devWarning } from '../../utils/dev-log';
+import { CheckIcon } from './check-icon';
 var classPrefix = "adm-checkbox";
 var defaultProps = {
-  defaultChecked: false
+  defaultChecked: false,
+  indeterminate: false
 };
 export var Checkbox = function Checkbox(p) {
   var _classNames;
 
-  var props = mergeProps(defaultProps, p);
   var groupContext = useContext(CheckboxGroupContext);
+  var props = mergeProps(defaultProps, p);
 
-  var _useNewControllableVa = useNewControllableValue({
+  var _usePropsValue = usePropsValue({
     value: props.checked,
     defaultValue: props.defaultChecked,
     onChange: props.onChange
   }),
-      checked = _useNewControllableVa[0],
-      setChecked = _useNewControllableVa[1];
+      checked = _usePropsValue[0],
+      setChecked = _usePropsValue[1];
 
   var disabled = props.disabled;
+
+  var usageWarning = function usageWarning() {
+    if (p.checked !== undefined) {
+      devWarning('Checkbox', 'When used with `Checkbox.Group`, the `checked` prop of `Checkbox` will not work if `value` prop of `Checkbox` is not undefined.');
+    }
+
+    if (p.defaultChecked !== undefined) {
+      devWarning('Checkbox', 'When used with `Checkbox.Group`, the `defaultChecked` prop of `Checkbox` will not work if `value` prop of `Checkbox` is not undefined.');
+    }
+  };
+
   var value = props.value;
 
   if (groupContext && value !== undefined) {
+    usageWarning();
     checked = groupContext.value.includes(value);
 
     setChecked = function setChecked(checked) {
@@ -43,9 +58,24 @@ export var Checkbox = function Checkbox(p) {
     disabled = disabled || groupContext.disabled;
   }
 
-  return /*#__PURE__*/React.createElement("label", {
-    className: classNames(classPrefix, props.className, (_classNames = {}, _classNames[classPrefix + "-checked"] = checked, _classNames[classPrefix + "-indeterminate"] = props.indeterminate, _classNames[classPrefix + "-disabled"] = disabled, _classNames[classPrefix + "-block"] = props.block, _classNames)),
-    style: props.style
+  var renderIcon = function renderIcon() {
+    if (props.icon) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classPrefix + "-custom-icon"
+      }, props.icon(checked, props.indeterminate));
+    }
+
+    return /*#__PURE__*/React.createElement("div", {
+      className: classPrefix + "-icon"
+    }, /*#__PURE__*/React.createElement(CheckIcon, {
+      className: classPrefix + "-icon-checked"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: classPrefix + "-indeterminate-checked"
+    }));
+  };
+
+  return withNativeProps(props, /*#__PURE__*/React.createElement("label", {
+    className: classNames(classPrefix, (_classNames = {}, _classNames[classPrefix + "-checked"] = checked, _classNames[classPrefix + "-indeterminate"] = props.indeterminate, _classNames[classPrefix + "-disabled"] = disabled, _classNames[classPrefix + "-block"] = props.block, _classNames))
   }, /*#__PURE__*/React.createElement("input", {
     type: 'checkbox',
     checked: checked,
@@ -56,14 +86,9 @@ export var Checkbox = function Checkbox(p) {
       e.stopPropagation();
       e.nativeEvent.stopImmediatePropagation();
     },
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classPrefix + "-icon"
-  }, /*#__PURE__*/React.createElement(CheckOutlined, {
-    className: classPrefix + "-icon-checked"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: classPrefix + "-indeterminate-checked"
-  })), props.children && /*#__PURE__*/React.createElement("div", {
+    disabled: disabled,
+    id: props.id
+  }), renderIcon(), props.children && /*#__PURE__*/React.createElement("div", {
     className: classPrefix + "-content"
-  }, props.children));
+  }, props.children)));
 };

package/2x/es/components/checkbox/group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CheckboxValue } from '.';
 export interface CheckboxGroupProps {
     value?: CheckboxValue[];
@@ -6,4 +6,4 @@ export interface CheckboxGroupProps {
     defaultValue?: CheckboxValue[];
     disabled?: boolean;
 }
-export declare const Group: React.FC<CheckboxGroupProps>;
+export declare const Group: FC<CheckboxGroupProps>;

package/2x/es/components/checkbox/group.js

@@ -1,15 +1,17 @@
 import React from 'react';
-import { withDefaultProps } from '../../utils/with-default-props';
+import { mergeProps } from '../../utils/with-default-props';
 import { CheckboxGroupContext } from './group-context';
-import { useNewControllableValue } from '../../utils/use-controllable-value';
+import { usePropsValue } from '../../utils/use-props-value';
 var defaultProps = {
   disabled: false,
   defaultValue: []
 };
-export var Group = withDefaultProps(defaultProps)(function (props) {
-  var _useNewControllableVa = useNewControllableValue(props),
-      value = _useNewControllableVa[0],
-      setValue = _useNewControllableVa[1];
+export var Group = function Group(p) {
+  var props = mergeProps(defaultProps, p);
+
+  var _usePropsValue = usePropsValue(props),
+      value = _usePropsValue[0],
+      setValue = _usePropsValue[1];
 
   return /*#__PURE__*/React.createElement(CheckboxGroupContext.Provider // TODO: 性能优化
   , {
@@ -27,4 +29,4 @@ export var Group = withDefaultProps(defaultProps)(function (props) {
       }
     }
   }, props.children);
-});
+};

package/2x/es/components/collapse/collapse.d.ts

@@ -1,11 +1,13 @@
-import { FC } from 'react';
-import { ElementProps } from '../../utils/element-props';
+import React, { FC } from 'react';
+import { NativeProps } from '../../utils/native-props';
 export declare type CollapsePanelProps = {
     key: string;
-    title: string;
+    title: React.ReactNode;
     disabled?: boolean;
     forceRender?: boolean;
-};
+    destroyOnClose?: boolean;
+    onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;
+} & NativeProps;
 export declare const CollapsePanel: FC<CollapsePanelProps>;
 declare type ValueProps<T> = {
     activeKey?: T;
@@ -16,6 +18,6 @@ export declare type CollapseProps = (({
     accordion?: false;
 } & ValueProps<string[]>) | ({
     accordion: true;
-} & ValueProps<string | null>)) & ElementProps;
+} & ValueProps<string | null>)) & NativeProps;
 export declare const Collapse: FC<CollapseProps>;
 export {};