@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Antd5/checkbox/Group.js

@@ -0,0 +1,148 @@
+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 = ["defaultValue", "children", "options", "prefixCls", "className", "rootClassName", "style", "onChange"];
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import omit from 'rc-util/lib/omit';
+import { ConfigContext } from '../config-provider';
+import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
+import Checkbox from './Checkbox';
+import GroupContext from './GroupContext';
+import useStyle from './style';
+var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var defaultValue = props.defaultValue,
+    children = props.children,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    customizePrefixCls = props.prefixCls,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    style = props.style,
+    onChange = props.onChange,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction;
+  var _React$useState = React.useState(restProps.value || defaultValue || []),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  var _React$useState3 = React.useState([]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    registeredValues = _React$useState4[0],
+    setRegisteredValues = _React$useState4[1];
+  React.useEffect(function () {
+    if ('value' in restProps) {
+      setValue(restProps.value || []);
+    }
+  }, [restProps.value]);
+  var memoOptions = React.useMemo(function () {
+    return options.map(function (option) {
+      if (typeof option === 'string' || typeof option === 'number') {
+        return {
+          label: option,
+          value: option
+        };
+      }
+      return option;
+    });
+  }, [options]);
+  var cancelValue = function cancelValue(val) {
+    setRegisteredValues(function (prevValues) {
+      return prevValues.filter(function (v) {
+        return v !== val;
+      });
+    });
+  };
+  var registerValue = function registerValue(val) {
+    setRegisteredValues(function (prevValues) {
+      return [].concat(_toConsumableArray(prevValues), [val]);
+    });
+  };
+  var toggleOption = function toggleOption(option) {
+    var optionIndex = value.indexOf(option.value);
+    var newValue = _toConsumableArray(value);
+    if (optionIndex === -1) {
+      newValue.push(option.value);
+    } else {
+      newValue.splice(optionIndex, 1);
+    }
+    if (!('value' in restProps)) {
+      setValue(newValue);
+    }
+    onChange === null || onChange === void 0 || onChange(newValue.filter(function (val) {
+      return registeredValues.includes(val);
+    }).sort(function (a, b) {
+      var indexA = memoOptions.findIndex(function (opt) {
+        return opt.value === a;
+      });
+      var indexB = memoOptions.findIndex(function (opt) {
+        return opt.value === b;
+      });
+      return indexA - indexB;
+    }));
+  };
+  var prefixCls = getPrefixCls('checkbox', customizePrefixCls);
+  var groupPrefixCls = "".concat(prefixCls, "-group");
+  var rootCls = useCSSVarCls(prefixCls);
+  var _useStyle = useStyle(prefixCls, rootCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var domProps = omit(restProps, ['value', 'disabled']);
+  var childrenNode = options.length ? memoOptions.map(function (option) {
+    return _jsx(Checkbox, {
+      prefixCls: prefixCls,
+      disabled: 'disabled' in option ? option.disabled : restProps.disabled,
+      value: option.value,
+      checked: value.includes(option.value),
+      onChange: option.onChange,
+      className: "".concat(groupPrefixCls, "-item"),
+      style: option.style,
+      title: option.title,
+      id: option.id,
+      required: option.required,
+      children: option.label
+    }, option.value.toString());
+  }) : children;
+  var context = {
+    toggleOption: toggleOption,
+    value: value,
+    disabled: restProps.disabled,
+    name: restProps.name,
+    // https://github.com/ant-design/ant-design/issues/16376
+    registerValue: registerValue,
+    cancelValue: cancelValue
+  };
+  var classString = classNames(groupPrefixCls, _defineProperty({}, "".concat(groupPrefixCls, "-rtl"), direction === 'rtl'), className, rootClassName, cssVarCls, rootCls, hashId);
+  return wrapCSSVar(_jsx("div", _objectSpread(_objectSpread({
+    className: classString,
+    style: style
+  }, domProps), {}, {
+    ref: ref,
+    children: _jsx(GroupContext.Provider, {
+      value: context,
+      children: childrenNode
+    })
+  })));
+});
+export { GroupContext };
+export default CheckboxGroup;

package/lib/Antd5/checkbox/GroupContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+var GroupContext = /*#__PURE__*/React.createContext(null);
+export default GroupContext;

package/lib/Antd5/checkbox/index.js

@@ -0,0 +1,9 @@
+import InternalCheckbox from './Checkbox';
+import Group from './Group';
+var Checkbox = InternalCheckbox;
+Checkbox.Group = Group;
+Checkbox.__ANT_CHECKBOX = true;
+if (process.env.NODE_ENV !== 'production') {
+  Checkbox.displayName = 'Checkbox';
+}
+export default Checkbox;

package/lib/Antd5/checkbox/style/index.js

@@ -0,0 +1,159 @@
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 { unit } from '@ant-design/cssinjs';
+import { genFocusOutline, resetComponent } from '../../style';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+// ============================== Styles ==============================
+export var genCheckboxStyle = function genCheckboxStyle(token) {
+  var checkboxCls = token.checkboxCls;
+  var wrapperCls = "".concat(checkboxCls, "-wrapper");
+  return [// ===================== Basic =====================
+  _defineProperty(_defineProperty(_defineProperty({}, "".concat(checkboxCls, "-group"), _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty({
+    display: 'inline-flex',
+    flexWrap: 'wrap',
+    columnGap: token.marginXS
+  }, "> ".concat(token.antCls, "-row"), {
+    flex: 1
+  }))), wrapperCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty({
+    display: 'inline-flex',
+    alignItems: 'baseline',
+    cursor: 'pointer',
+    // Fix checkbox & radio in flex align #30260
+    '&:after': {
+      display: 'inline-block',
+      width: 0,
+      overflow: 'hidden',
+      content: "'\\a0'"
+    }
+  }, "& + ".concat(wrapperCls), {
+    marginInlineStart: 0
+  }), "&".concat(wrapperCls, "-in-form-item"), {
+    'input[type="checkbox"]': {
+      width: 14,
+      // FIXME: magic
+      height: 14 // FIXME: magic
+    }
+  }))), checkboxCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    whiteSpace: 'nowrap',
+    lineHeight: 1,
+    cursor: 'pointer',
+    borderRadius: token.borderRadiusSM,
+    // To make alignment right when `controlHeight` is changed
+    // Ref: https://github.com/ant-design/ant-design/issues/41564
+    alignSelf: 'center'
+  }, "".concat(checkboxCls, "-input"), _defineProperty({
+    position: 'absolute',
+    // Since baseline align will get additional space offset,
+    // we need to move input to top to make it align with text.
+    // Ref: https://github.com/ant-design/ant-design/issues/38926#issuecomment-1486137799
+    inset: 0,
+    zIndex: 1,
+    cursor: 'pointer',
+    opacity: 0,
+    margin: 0
+  }, "&:focus-visible + ".concat(checkboxCls, "-inner"), _objectSpread({}, genFocusOutline(token)))), "".concat(checkboxCls, "-inner"), {
+    boxSizing: 'border-box',
+    display: 'block',
+    width: token.checkboxSize,
+    height: token.checkboxSize,
+    direction: 'ltr',
+    backgroundColor: token.colorBgContainer,
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
+    borderRadius: token.borderRadiusSM,
+    borderCollapse: 'separate',
+    transition: "all ".concat(token.motionDurationSlow),
+    '&:after': {
+      boxSizing: 'border-box',
+      position: 'absolute',
+      top: '50%',
+      insetInlineStart: '25%',
+      display: 'table',
+      width: token.calc(token.checkboxSize).div(14).mul(5).equal(),
+      height: token.calc(token.checkboxSize).div(14).mul(8).equal(),
+      border: "".concat(unit(token.lineWidthBold), " solid ").concat(token.colorWhite),
+      borderTop: 0,
+      borderInlineStart: 0,
+      transform: 'rotate(45deg) scale(0) translate(-50%,-50%)',
+      opacity: 0,
+      content: '""',
+      transition: "all ".concat(token.motionDurationFast, " ").concat(token.motionEaseInBack, ", opacity ").concat(token.motionDurationFast)
+    }
+  }), '& + span', {
+    paddingInlineStart: token.paddingXS,
+    paddingInlineEnd: token.paddingXS
+  }))), // ===================== Hover =====================
+  _defineProperty(_defineProperty({}, "\n        ".concat(wrapperCls, ":not(").concat(wrapperCls, "-disabled),\n        ").concat(checkboxCls, ":not(").concat(checkboxCls, "-disabled)\n      "), _defineProperty({}, "&:hover ".concat(checkboxCls, "-inner"), {
+    borderColor: token.colorPrimary
+  })), "".concat(wrapperCls, ":not(").concat(wrapperCls, "-disabled)"), _defineProperty(_defineProperty({}, "&:hover ".concat(checkboxCls, "-checked:not(").concat(checkboxCls, "-disabled) ").concat(checkboxCls, "-inner"), {
+    backgroundColor: token.colorPrimaryHover,
+    borderColor: 'transparent'
+  }), "&:hover ".concat(checkboxCls, "-checked:not(").concat(checkboxCls, "-disabled):after"), {
+    borderColor: token.colorPrimaryHover
+  })), // ==================== Checked ====================
+  _defineProperty(_defineProperty({}, "".concat(checkboxCls, "-checked"), _defineProperty({}, "".concat(checkboxCls, "-inner"), {
+    backgroundColor: token.colorPrimary,
+    borderColor: token.colorPrimary,
+    '&:after': {
+      opacity: 1,
+      transform: 'rotate(45deg) scale(1) translate(-50%,-50%)',
+      transition: "all ".concat(token.motionDurationMid, " ").concat(token.motionEaseOutBack, " ").concat(token.motionDurationFast)
+    }
+  })), "\n        ".concat(wrapperCls, "-checked:not(").concat(wrapperCls, "-disabled),\n        ").concat(checkboxCls, "-checked:not(").concat(checkboxCls, "-disabled)\n      "), _defineProperty({}, "&:hover ".concat(checkboxCls, "-inner"), {
+    backgroundColor: token.colorPrimaryHover,
+    borderColor: 'transparent'
+  })), // ================= Indeterminate =================
+  _defineProperty({}, checkboxCls, {
+    '&-indeterminate': _defineProperty({}, "".concat(checkboxCls, "-inner"), {
+      backgroundColor: token.colorBgContainer,
+      borderColor: token.colorBorder,
+      '&:after': {
+        top: '50%',
+        insetInlineStart: '50%',
+        width: token.calc(token.fontSizeLG).div(2).equal(),
+        height: token.calc(token.fontSizeLG).div(2).equal(),
+        backgroundColor: token.colorPrimary,
+        border: 0,
+        transform: 'translate(-50%, -50%) scale(1)',
+        opacity: 1,
+        content: '""'
+      }
+    })
+  }), // ==================== Disable ====================
+  _defineProperty(_defineProperty({}, "".concat(wrapperCls, "-disabled"), {
+    cursor: 'not-allowed'
+  }), "".concat(checkboxCls, "-disabled"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&, ".concat(checkboxCls, "-input"), {
+    cursor: 'not-allowed',
+    // Disabled for native input to enable Tooltip event handler
+    // ref: https://github.com/ant-design/ant-design/issues/39822#issuecomment-1365075901
+    pointerEvents: 'none'
+  }), "".concat(checkboxCls, "-inner"), {
+    background: token.colorBgContainerDisabled,
+    borderColor: token.colorBorder,
+    '&:after': {
+      borderColor: token.colorTextDisabled
+    }
+  }), '&:after', {
+    display: 'none'
+  }), '& + span', {
+    color: token.colorTextDisabled
+  }), "&".concat(checkboxCls, "-indeterminate ").concat(checkboxCls, "-inner::after"), {
+    background: token.colorTextDisabled
+  }))];
+};
+// ============================== Export ==============================
+export function getStyle(prefixCls, token) {
+  var checkboxToken = mergeToken(token, {
+    checkboxCls: ".".concat(prefixCls),
+    checkboxSize: token.controlInteractiveSize
+  });
+  return [genCheckboxStyle(checkboxToken)];
+}
+export default genStyleHooks('Checkbox', function (token, _ref6) {
+  var prefixCls = _ref6.prefixCls;
+  return [getStyle(prefixCls, token)];
+});

package/lib/Antd5/col/index.js

@@ -0,0 +1,2 @@
+import { Col } from '../grid';
+export default Col;

package/lib/Antd5/col/style/index.js

@@ -0,0 +1,3 @@
+// Compatible for babel-plugin-import
+/* istanbul ignore next */
+export default {};

package/lib/Antd5/collapse/Collapse.js

@@ -0,0 +1,121 @@
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import RightOutlined from '@ant-design/icons/RightOutlined';
+import classNames from 'classnames';
+import RcCollapse from 'rc-collapse';
+import toArray from 'rc-util/lib/Children/toArray';
+import omit from 'rc-util/lib/omit';
+import initCollapseMotion from '../_util/motion';
+import { cloneElement } from '../_util/reactNode';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import useSize from '../config-provider/hooks/useSize';
+import CollapsePanel from './CollapsePanel';
+import useStyle from './style';
+var Collapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls,
+    direction = _React$useContext.direction,
+    collapse = _React$useContext.collapse;
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    rootClassName = props.rootClassName,
+    style = props.style,
+    _props$bordered = props.bordered,
+    bordered = _props$bordered === void 0 ? true : _props$bordered,
+    ghost = props.ghost,
+    customizeSize = props.size,
+    _props$expandIconPosi = props.expandIconPosition,
+    expandIconPosition = _props$expandIconPosi === void 0 ? 'start' : _props$expandIconPosi,
+    children = props.children,
+    expandIcon = props.expandIcon;
+  var mergedSize = useSize(function (ctx) {
+    var _ref;
+    return (_ref = customizeSize !== null && customizeSize !== void 0 ? customizeSize : ctx) !== null && _ref !== void 0 ? _ref : 'middle';
+  });
+  var prefixCls = getPrefixCls('collapse', customizePrefixCls);
+  var rootPrefixCls = getPrefixCls();
+  var _useStyle = useStyle(prefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Collapse');
+    // Warning if use legacy type `expandIconPosition`
+    warning(expandIconPosition !== 'left' && expandIconPosition !== 'right', 'deprecated', '`expandIconPosition` with `left` or `right` is deprecated. Please use `start` or `end` instead.');
+  }
+  // Align with logic position
+  var mergedExpandIconPosition = React.useMemo(function () {
+    if (expandIconPosition === 'left') {
+      return 'start';
+    }
+    return expandIconPosition === 'right' ? 'end' : expandIconPosition;
+  }, [expandIconPosition]);
+  var mergedExpandIcon = expandIcon !== null && expandIcon !== void 0 ? expandIcon : collapse === null || collapse === void 0 ? void 0 : collapse.expandIcon;
+  var renderExpandIcon = React.useCallback(function () {
+    var panelProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var icon = typeof mergedExpandIcon === 'function' ? mergedExpandIcon(panelProps) : _jsx(RightOutlined, {
+      rotate: panelProps.isActive ? 90 : undefined
+    });
+    return cloneElement(icon, function () {
+      var _icon$props;
+      return {
+        className: classNames(icon === null || icon === void 0 || (_icon$props = icon.props) === null || _icon$props === void 0 ? void 0 : _icon$props.className, "".concat(prefixCls, "-arrow"))
+      };
+    });
+  }, [mergedExpandIcon, prefixCls]);
+  var collapseClassName = classNames("".concat(prefixCls, "-icon-position-").concat(mergedExpandIconPosition), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-borderless"), !bordered), "".concat(prefixCls, "-rtl"), direction === 'rtl'), "".concat(prefixCls, "-ghost"), !!ghost), "".concat(prefixCls, "-").concat(mergedSize), mergedSize !== 'middle'), collapse === null || collapse === void 0 ? void 0 : collapse.className, className, rootClassName, hashId, cssVarCls);
+  var openMotion = _objectSpread(_objectSpread({}, initCollapseMotion(rootPrefixCls)), {}, {
+    motionAppear: false,
+    leavedClassName: "".concat(prefixCls, "-content-hidden")
+  });
+  var items = React.useMemo(function () {
+    return children ? toArray(children).map(function (child, index) {
+      var _child$props;
+      if ((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.disabled) {
+        var _child$key;
+        var key = (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : String(index);
+        var _child$props2 = child.props,
+          disabled = _child$props2.disabled,
+          collapsible = _child$props2.collapsible;
+        var childProps = _objectSpread(_objectSpread({}, omit(child.props, ['disabled'])), {}, {
+          key: key,
+          collapsible: collapsible !== null && collapsible !== void 0 ? collapsible : disabled ? 'disabled' : undefined
+        });
+        return cloneElement(child, childProps);
+      }
+      return child;
+    }) : null;
+  }, [children]);
+  return wrapCSSVar(
+  // @ts-ignore
+  _jsx(RcCollapse, _objectSpread(_objectSpread({
+    ref: ref,
+    openMotion: openMotion
+  }, omit(props, ['rootClassName'])), {}, {
+    expandIcon: renderExpandIcon,
+    prefixCls: prefixCls,
+    className: collapseClassName,
+    style: _objectSpread(_objectSpread({}, collapse === null || collapse === void 0 ? void 0 : collapse.style), style),
+    children: items
+  })));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Collapse.displayName = 'Collapse';
+}
+export default Object.assign(Collapse, {
+  Panel: CollapsePanel
+});

package/lib/Antd5/collapse/CollapsePanel.js

@@ -0,0 +1,33 @@
+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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import RcCollapse from 'rc-collapse';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+var CollapsePanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Collapse.Panel');
+    warning.deprecated(!('disabled' in props), 'disabled', 'collapsible="disabled"');
+  }
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    _props$showArrow = props.showArrow,
+    showArrow = _props$showArrow === void 0 ? true : _props$showArrow;
+  var prefixCls = getPrefixCls('collapse', customizePrefixCls);
+  var collapsePanelClassName = classNames(_defineProperty({}, "".concat(prefixCls, "-no-arrow"), !showArrow), className);
+  return _jsx(RcCollapse.Panel, _objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    prefixCls: prefixCls,
+    className: collapsePanelClassName
+  }));
+});
+export default CollapsePanel;

package/lib/Antd5/collapse/index.js

@@ -0,0 +1,2 @@
+import Collapse from './Collapse';
+export default Collapse;