antd-mobile 5.0.0-rc.9 → 5.0.0

package/cjs/components/dialog/show.js

@@ -11,17 +11,14 @@ var _renderToBody = require("../../utils/render-to-body");
 
 var _dialog = require("./dialog");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function show(props) {
-  var Wrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_, ref) {
-    var _useState = (0, _react.useState)(false),
-        visible = _useState[0],
-        setVisible = _useState[1];
-
-    (0, _react.useEffect)(function () {
+  const Wrapper = (0, _react.forwardRef)((_, ref) => {
+    const [visible, setVisible] = (0, _react.useState)(false);
+    (0, _react.useEffect)(() => {
       setVisible(true);
     }, []);
 
@@ -32,15 +29,13 @@ function show(props) {
       setVisible(false);
     }
 
-    (0, _react.useImperativeHandle)(ref, function () {
-      return {
-        close: handleClose
-      };
-    });
-    return /*#__PURE__*/_react["default"].createElement(_dialog.Dialog, Object.assign({}, props, {
+    (0, _react.useImperativeHandle)(ref, () => ({
+      close: handleClose
+    }));
+    return _react.default.createElement(_dialog.Dialog, Object.assign({}, props, {
       visible: visible,
       onClose: handleClose,
-      afterClose: function afterClose() {
+      afterClose: () => {
         var _a;
 
         (_a = props.afterClose) === null || _a === void 0 ? void 0 : _a.call(props);
@@ -48,12 +43,12 @@ function show(props) {
       }
     }));
   });
-  var ref = /*#__PURE__*/(0, _react.createRef)();
-  var unmount = (0, _renderToBody.renderToBody)( /*#__PURE__*/_react["default"].createElement(Wrapper, {
+  const ref = (0, _react.createRef)();
+  const unmount = (0, _renderToBody.renderToBody)(_react.default.createElement(Wrapper, {
     ref: ref
   }));
   return {
-    close: function close() {
+    close: () => {
       var _a;
 
       (_a = ref.current) === null || _a === void 0 ? void 0 : _a.close();

package/cjs/components/divider/divider.js

@@ -13,19 +13,19 @@ var _nativeProps = require("../../utils/native-props");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-divider";
-var defaultProps = {
+const classPrefix = `adm-divider`;
+const defaultProps = {
   contentPosition: 'center'
 };
 
-var Divider = function Divider(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix, classPrefix + "-" + props.contentPosition)
-  }, props.children && /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-content"
+const Divider = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, `${classPrefix}-${props.contentPosition}`)
+  }, props.children && _react.default.createElement("div", {
+    className: `${classPrefix}-content`
   }, props.children)));
 };
 

package/cjs/components/divider/index.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./divider.css");
 
 var _divider2 = require("./divider");
 
 var _default = _divider2.Divider;
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/{loading/loading.css → dot-loading/dot-loading.css}

@@ -1,3 +1,3 @@
-.adm-loading {
+.adm-dot-loading {
   display: inline-block;
 }

package/cjs/components/{loading/loading.d.ts → dot-loading/dot-loading.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NativeProps } from '../../utils/native-props';
-export declare type LoadingProps = {
+export declare type DotLoadingProps = {
     color?: 'default' | 'primary' | 'white' | (string & {});
 } & NativeProps;
-export declare const Loading: React.NamedExoticComponent<LoadingProps>;
+export declare const DotLoading: React.NamedExoticComponent<DotLoadingProps>;

package/cjs/components/dot-loading/dot-loading.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DotLoading = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _withDefaultProps = require("../../utils/with-default-props");
+
+var _nativeProps = require("../../utils/native-props");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const classPrefix = `adm-dot-loading`;
+const colorRecord = {
+  default: 'var(--adm-color-weak)',
+  primary: 'var(--adm-color-primary)',
+  white: 'var(--adm-color-white)'
+};
+const defaultProps = {
+  color: 'default'
+};
+const DotLoading = (0, _react.memo)(p => {
+  var _a;
+
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    style: {
+      color: (_a = colorRecord[props.color]) !== null && _a !== void 0 ? _a : props.color
+    },
+    className: (0, _classnames.default)('adm-loading', classPrefix)
+  }, _react.default.createElement("svg", {
+    height: '1em',
+    viewBox: '0 0 100 40',
+    style: {
+      verticalAlign: '-0.125em'
+    }
+  }, _react.default.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, _react.default.createElement("g", {
+    transform: 'translate(-100.000000, -71.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(95.000000, 71.000000)'
+  }, _react.default.createElement("g", {
+    transform: 'translate(5.000000, 0.000000)'
+  }, [0, 1, 2].map(i => _react.default.createElement("rect", {
+    key: i,
+    fill: 'currentColor',
+    x: 20 + i * 26,
+    y: '16',
+    width: '8',
+    height: '8',
+    rx: '2'
+  }, _react.default.createElement("animate", {
+    attributeName: 'y',
+    from: '16',
+    to: '16',
+    dur: '2s',
+    begin: `${i * 0.2}s`,
+    repeatCount: 'indefinite',
+    values: '16; 6; 26; 16; 16',
+    keyTimes: '0; 0.1; 0.3; 0.4; 1',
+    id: 'circ-anim'
+  }))))))))));
+});
+exports.DotLoading = DotLoading;

package/cjs/components/dot-loading/index.d.ts

@@ -0,0 +1,4 @@
+import './dot-loading.less';
+import { DotLoading } from './dot-loading';
+export type { DotLoadingProps } from './dot-loading';
+export default DotLoading;

package/cjs/components/dot-loading/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("./dot-loading.css");
+
+var _dotLoading2 = require("./dot-loading");
+
+var _default = _dotLoading2.DotLoading;
+exports.default = _default;

package/cjs/components/dropdown/dropdown.css

@@ -29,13 +29,13 @@
   text-overflow: ellipsis;
 }
 .adm-dropdown-item .adm-dropdown-item-title-arrow {
-  font-size: 8px;
-  width: 8px;
-  transform: rotate(0deg) translate(0, -1px);
+  color: var(--adm-color-light);
+  font-size: 9px;
+  transform: rotate(0deg) translateY(-1px);
   transition: all ease 0.2s;
 }
 .adm-dropdown-item .adm-dropdown-item-title-arrow-active {
-  transform: rotate(180deg) translate(0, -1px);
+  transform: rotate(-180deg) translateY(-1px);
 }
 .adm-dropdown-item .adm-dropdown-item-title:active {
   opacity: 0.7;
@@ -43,9 +43,6 @@
 .adm-dropdown-item-highlight {
   color: var(--adm-color-primary);
 }
-.adm-dropdown-item-active {
-  color: var(--adm-color-primary);
-}
 .adm-dropdown-item-active .adm-dropdown-item-title:after {
   margin-top: -1px;
   transform: rotate(135deg);

package/cjs/components/dropdown/dropdown.d.ts

@@ -4,6 +4,7 @@ export declare type DropdownProps = {
     activeKey?: string | null;
     defaultActiveKey?: string | null;
     closeOnMaskClick?: boolean;
+    closeOnClickAway?: boolean;
     onChange?: (key: string | null) => void;
     arrow?: React.ReactNode;
 } & NativeProps;
@@ -14,6 +15,7 @@ declare const Dropdown: React.ForwardRefExoticComponent<{
     activeKey?: string | null | undefined;
     defaultActiveKey?: string | null | undefined;
     closeOnMaskClick?: boolean | undefined;
+    closeOnClickAway?: boolean | undefined;
     onChange?: ((key: string | null) => void) | undefined;
     arrow?: React.ReactNode;
 } & NativeProps<never> & {

package/cjs/components/dropdown/dropdown.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _ahooks = require("ahooks");
 
@@ -19,55 +19,48 @@ var _nativeProps = require("../../utils/native-props");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
-var _usePropsValue2 = require("../../utils/use-props-value");
+var _usePropsValue = require("../../utils/use-props-value");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-dropdown";
-var defaultProps = {
+const classPrefix = `adm-dropdown`;
+const defaultProps = {
   defaultActiveKey: null,
-  closeOnMaskClick: true
+  closeOnMaskClick: true,
+  closeOnClickAway: false
 };
-var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
-  var _classNames;
-
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-
-  var _usePropsValue = (0, _usePropsValue2.usePropsValue)({
+const Dropdown = (0, _react.forwardRef)((p, ref) => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const [value, setValue] = (0, _usePropsValue.usePropsValue)({
     value: props.activeKey,
     defaultValue: props.defaultActiveKey,
     onChange: props.onChange
-  }),
-      value = _usePropsValue[0],
-      setValue = _usePropsValue[1];
-
-  var navRef = (0, _react.useRef)(null);
-  var contentRef = (0, _react.useRef)(null); // 点击外部区域，关闭
+  });
+  const navRef = (0, _react.useRef)(null);
+  const contentRef = (0, _react.useRef)(null); // 点击外部区域，关闭
 
-  (0, _ahooks.useClickAway)(function () {
+  (0, _ahooks.useClickAway)(() => {
+    if (!props.closeOnClickAway) return;
     setValue(null);
   }, [navRef, contentRef]); // 计算 navs 的 top 值
 
-  var _useState = (0, _react.useState)(),
-      top = _useState[0],
-      setTop = _useState[1];
-
-  var containerRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var container = containerRef.current;
+  const [top, setTop] = (0, _react.useState)();
+  const containerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const container = containerRef.current;
     if (!container) return;
 
     if (value) {
-      var rect = container.getBoundingClientRect();
+      const rect = container.getBoundingClientRect();
       setTop(rect.bottom);
     }
   }, [value]);
 
-  var changeActive = function changeActive(key) {
+  const changeActive = key => {
     if (value === key) {
       setValue(null);
     } else {
@@ -75,13 +68,13 @@ var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
     }
   };
 
-  var popupForceRender = false;
-  var items = [];
+  let popupForceRender = false;
+  const items = [];
 
-  var navs = _react["default"].Children.map(props.children, function (child) {
-    if ( /*#__PURE__*/_react["default"].isValidElement(child)) {
-      var childProps = Object.assign(Object.assign({}, child.props), {
-        onClick: function onClick() {
+  const navs = _react.default.Children.map(props.children, child => {
+    if (_react.default.isValidElement(child)) {
+      const childProps = Object.assign(Object.assign({}, child.props), {
+        onClick: () => {
           changeActive(child.key);
         },
         active: child.key === value,
@@ -89,43 +82,43 @@ var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
       });
       items.push(child);
       if (child.props.forceRender) popupForceRender = true;
-      return /*#__PURE__*/(0, _react.cloneElement)(child, childProps);
+      return (0, _react.cloneElement)(child, childProps);
     } else {
       return child;
     }
   });
 
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      close: function close() {
-        setValue(null);
-      }
-    };
-  }, [setValue]);
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-open"] = !!value, _classNames)),
+  (0, _react.useImperativeHandle)(ref, () => ({
+    close: () => {
+      setValue(null);
+    }
+  }), [setValue]);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix, {
+      [`${classPrefix}-open`]: !!value
+    }),
     ref: containerRef
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-nav",
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-nav`,
     ref: navRef
-  }, navs), /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+  }, navs), _react.default.createElement(_popup.default, {
     visible: !!value,
     position: 'top',
-    className: classPrefix + "-popup",
-    maskClassName: classPrefix + "-popup-mask",
-    bodyClassName: classPrefix + "-popup-body",
+    className: `${classPrefix}-popup`,
+    maskClassName: `${classPrefix}-popup-mask`,
+    bodyClassName: `${classPrefix}-popup-body`,
     style: {
-      top: top
+      top
     },
     forceRender: popupForceRender,
-    onMaskClick: props.closeOnMaskClick ? function () {
+    onMaskClick: props.closeOnMaskClick ? () => {
       changeActive(null);
     } : undefined
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, _react.default.createElement("div", {
     ref: contentRef
-  }, items.map(function (item) {
-    var isActive = item.key === value;
-    return /*#__PURE__*/_react["default"].createElement(_item.ItemChildrenWrap, {
+  }, items.map(item => {
+    const isActive = item.key === value;
+    return _react.default.createElement(_item.ItemChildrenWrap, {
       key: item.key,
       active: isActive,
       forceRender: item.props.forceRender,
@@ -134,4 +127,4 @@ var Dropdown = /*#__PURE__*/(0, _react.forwardRef)(function (p, ref) {
   })))));
 });
 var _default = Dropdown;
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/dropdown/index.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("react").ForwardRefExoticComponent<{
     activeKey?: string | null | undefined;
     defaultActiveKey?: string | null | undefined;
     closeOnMaskClick?: boolean | undefined;
+    closeOnClickAway?: boolean | undefined;
     onChange?: ((key: string | null) => void) | undefined;
     arrow?: import("react").ReactNode;
 } & import("../../utils/native-props").NativeProps<never> & {

package/cjs/components/dropdown/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./dropdown.css");
 
@@ -13,10 +13,10 @@ var _attachPropertiesToComponent = require("../../utils/attach-properties-to-com
 
 var _item = _interopRequireDefault(require("./item"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_dropdown2["default"], {
-  Item: _item["default"]
+var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_dropdown2.default, {
+  Item: _item.default
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/dropdown/item.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ItemChildrenWrap = void 0;
+exports.default = exports.ItemChildrenWrap = void 0;
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -15,37 +15,43 @@ var _useShouldRender = require("../../utils/use-should-render");
 
 var _antdMobileIcons = require("antd-mobile-icons");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var classPrefix = "adm-dropdown-item";
+const classPrefix = `adm-dropdown-item`;
 
-var Item = function Item(props) {
-  var _classNames, _classNames2;
+const Item = props => {
+  var _a;
 
-  var cls = (0, _classnames["default"])(classPrefix, (_classNames = {}, _classNames[classPrefix + "-active"] = props.active, _classNames[classPrefix + "-highlight"] = props.highlight, _classNames));
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  const cls = (0, _classnames.default)(classPrefix, {
+    [`${classPrefix}-active`]: props.active,
+    [`${classPrefix}-highlight`]: (_a = props.highlight) !== null && _a !== void 0 ? _a : props.active
+  });
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: cls,
     onClick: props.onClick
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-title"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: classPrefix + "-title-text"
-  }, props.title), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])(classPrefix + "-title-arrow", (_classNames2 = {}, _classNames2[classPrefix + "-title-arrow-active"] = props.active, _classNames2))
-  }, props.arrow === undefined ? /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.DownFill, null) : props.arrow))));
+  }, _react.default.createElement("div", {
+    className: `${classPrefix}-title`
+  }, _react.default.createElement("span", {
+    className: `${classPrefix}-title-text`
+  }, props.title), _react.default.createElement("span", {
+    className: (0, _classnames.default)(`${classPrefix}-title-arrow`, {
+      [`${classPrefix}-title-arrow-active`]: props.active
+    })
+  }, props.arrow === undefined ? _react.default.createElement(_antdMobileIcons.DownFill, null) : props.arrow))));
 };
 
 var _default = Item;
-exports["default"] = _default;
-
-var ItemChildrenWrap = function ItemChildrenWrap(props) {
-  var _classNames3;
-
-  var _props$active = props.active,
-      active = _props$active === void 0 ? false : _props$active;
-  var shouldRender = (0, _useShouldRender.useShouldRender)(active, props.forceRender, props.destroyOnClose);
-  var cls = (0, _classnames["default"])(classPrefix + "-content", (_classNames3 = {}, _classNames3[classPrefix + "-content-hidden"] = !active, _classNames3));
-  return shouldRender ? /*#__PURE__*/_react["default"].createElement("div", {
+exports.default = _default;
+
+const ItemChildrenWrap = props => {
+  const {
+    active = false
+  } = props;
+  const shouldRender = (0, _useShouldRender.useShouldRender)(active, props.forceRender, props.destroyOnClose);
+  const cls = (0, _classnames.default)(`${classPrefix}-content`, {
+    [`${classPrefix}-content-hidden`]: !active
+  });
+  return shouldRender ? _react.default.createElement("div", {
     className: cls,
     onClick: props.onClick
   }, props.children) : null;