@douyinfe/semi-ui 2.19.0-alpha.8 → 2.19.0

package/dropdown/index.tsx

@@ -247,7 +247,11 @@ class Dropdown extends BaseComponent<DropdownProps, DropdownState> {
                         }),
                         'aria-haspopup': true,
                         'aria-expanded': popVisible,
-                        onKeyDown: e => this.foundation.handleKeyDown(e)
+                        onKeyDown: e => {
+                            this.foundation.handleKeyDown(e);
+                            const childrenKeyDown = get(children, 'props.onKeyDown');
+                            childrenKeyDown && childrenKeyDown();
+                        }
                     }) :
                     children}
             </Tooltip>

package/form/interface.ts

@@ -102,7 +102,7 @@ interface setValuesConfig {
     isOverride: boolean;
 }
 
-export interface BaseFormProps {
+export interface BaseFormProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, 'children' | 'onChange'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
     onSubmit?: (values: Record<string, any>) => void;
     onSubmitFail?: (errors: Record<string, FieldError>, values: any) => void;

package/getBabelConfig.js

@@ -19,19 +19,7 @@ module.exports = ({ isESM }) => {
             ],
         ],
         plugins: [
-            'lodash',
-            [
-                '@babel/plugin-transform-runtime',
-                {
-                    corejs: 3
-                },
-            ],
-            [
-                '@babel/plugin-proposal-decorators',
-                {
-                    legacy: true,
-                },
-            ],
+            'lodash'
         ]
     };
 };

package/lib/cjs/_base/base.css

@@ -14,6 +14,7 @@ body {
   --semi-transition_function-easeIn:ease-in;
   --semi-transition_function-easeOut:ease-out;
   --semi-transition_function-easeInIOut:ease-in-out;
+  --semi-transition_delay-none: 0ms;
   --semi-transition_delay-slowest:0ms;
   --semi-transition_delay-slower:0ms;
   --semi-transition_delay-slow:0ms;

package/lib/cjs/_base/base.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/lib/cjs/_base/baseComponent.js

@@ -1,21 +1,16 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
 var _react = require("react");
 
 var _log = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/log"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  * The Semi Foundation / Adapter architecture split was inspired by Material Component For Web. （https://github.com/material-components/material-components-web）
  * We re-implemented our own code based on the principle and added more functions we need according to actual needs.
@@ -56,7 +51,7 @@ class BaseComponent extends _react.Component {
       getProps: () => this.props,
       getState: key => this.state[key],
       getStates: () => this.state,
-      setState: (states, cb) => this.setState((0, _assign.default)({}, states), cb),
+      setState: (states, cb) => this.setState(Object.assign({}, states), cb),
       getCache: key => key && this.cache[key],
       getCaches: () => this.cache,
       setCache: (key, value) => key && (this.cache[key] = value),

package/lib/cjs/_base/reactUtils.js

@@ -1,32 +1,27 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.isClassComponent = isClassComponent;
 exports.isCompositeTypeElement = isCompositeTypeElement;
 exports.isElement = isElement;
 exports.isEmptyChildren = isEmptyChildren;
 exports.isFunctionalComponent = isFunctionalComponent;
-
-_Object$defineProperty(exports, "isHTMLElement", {
+Object.defineProperty(exports, "isHTMLElement", {
   enumerable: true,
   get: function () {
     return _dom.isHTMLElement;
   }
 });
-
 exports.isReactComponent = isReactComponent;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _dom = require("@douyinfe/semi-foundation/lib/cjs/utils/dom");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 // https://stackoverflow.com/questions/33199959/how-to-detect-a-react-component-vs-a-react-element
 function isClassComponent(component) {
   return typeof component === 'function' && Boolean(component.prototype.isReactComponent);

package/lib/cjs/_portal/index.js

@@ -1,17 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
 var _react = require("react");
 
 var _reactDom = require("react-dom");
@@ -26,6 +19,8 @@ var _context = _interopRequireDefault(require("../configProvider/context"));
 
 require("@douyinfe/semi-foundation/lib/cjs/_portal/portal.css");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const defaultGetContainer = () => document.body;
 
 class Portal extends _react.PureComponent {
@@ -39,7 +34,7 @@ class Portal extends _react.PureComponent {
       let style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
       if (_this.el) {
-        for (const key of (0, _keys.default)(style)) {
+        for (const key of Object.keys(style)) {
           _this.el.style[key] = style[key];
         }
       }

package/lib/cjs/_utils/hooks/usePrevFocus.js

@@ -1,13 +1,8 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.usePrevFocus = usePrevFocus;
 
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
@@ -18,6 +13,8 @@ var _react = require("react");
 
 var _index = require("../index");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /* istanbul ignore next */
 function usePrevFocus() {
   const [prevFocusElement, setPrevFocus] = (0, _react.useState)((0, _index.getActiveElement)());

package/lib/cjs/_utils/index.js

@@ -1,13 +1,8 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.cloneDeep = cloneDeep;
 exports.getActiveElement = getActiveElement;
 exports.getFocusableElements = getFocusableElements;
@@ -16,18 +11,6 @@ exports.isNodeContainsFocus = isNodeContainsFocus;
 exports.registerMediaQuery = exports.isSemiIcon = void 0;
 exports.stopPropagation = stopPropagation;
 
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
 
 var _set2 = _interopRequireDefault(require("lodash/set"));
@@ -42,6 +25,8 @@ var _getHighlight = require("@douyinfe/semi-foundation/lib/cjs/utils/getHighligh
 
 var _dom = require("@douyinfe/semi-foundation/lib/cjs/utils/dom");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /* eslint-disable max-len */
 
 /* argus-disable unPkgSensitiveInfo */
@@ -84,16 +69,19 @@ function cloneDeep(value, customizer) {
       return v;
     }
 
-    if ((0, _isArray.default)(v) && v.length === 0) {
-      const keys = (0, _keys.default)(v);
+    if (Array.isArray(v) && v.length === 0) {
+      const keys = Object.keys(v);
 
       if (keys.length) {
         const newArray = [];
-        (0, _forEach.default)(keys).call(keys, key => {
+        keys.forEach(key => {
           (0, _set2.default)(newArray, key, v[key]);
         }); // internal-issues:887
 
-        (0, _warning.default)((0, _get2.default)(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        try {
+          (0, _warning.default)((0, _get2.default)(process, 'env.NODE_ENV') !== 'production', "[Semi] You may use an out-of-bounds array. In some cases, your program may not behave as expected.\n                    The maximum length of an array is 4294967295.\n                    Please check whether the array subscript in your data exceeds the maximum value of the JS array subscript");
+        } catch (e) {}
+
         return newArray;
       } else {
         return undefined;
@@ -127,14 +115,14 @@ const getHighLightTextHTML = _ref => {
       caseSensitive: false
     }
   } = _ref;
-  const chunks = (0, _getHighlight.findAll)((0, _assign.default)({
+  const chunks = (0, _getHighlight.findAll)(Object.assign({
     sourceString,
     searchWords
   }, option));
   const markEle = option.highlightTag || 'mark';
   const highlightClassName = option.highlightClassName || '';
   const highlightStyle = option.highlightStyle || {};
-  return (0, _map.default)(chunks).call(chunks, (chunk, index) => {
+  return chunks.map((chunk, index) => {
     const {
       end,
       start,
@@ -224,6 +212,6 @@ function getFocusableElements(node) {
   const focusableSelectorsList = ["input:not([disabled]):not([tabindex='-1'])", "textarea:not([disabled]):not([tabindex='-1'])", "button:not([disabled]):not([tabindex='-1'])", "a[href]:not([tabindex='-1'])", "select:not([disabled]):not([tabindex='-1'])", "area[href]:not([tabindex='-1'])", "iframe:not([tabindex='-1'])", "object:not([tabindex='-1'])", "*[tabindex]:not([tabindex='-1'])", "*[contenteditable]:not([tabindex='-1'])"];
   const focusableSelectorsStr = focusableSelectorsList.join(','); // we are not filtered elements which are invisible
 
-  const focusableElements = (0, _from.default)(node.querySelectorAll(focusableSelectorsStr));
+  const focusableElements = Array.from(node.querySelectorAll(focusableSelectorsStr));
   return focusableElements;
 }

package/lib/cjs/anchor/anchor-context.js

@@ -1,17 +1,14 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const AnchorContext = /*#__PURE__*/_react.default.createContext(null);
 
 var _default = AnchorContext;

package/lib/cjs/anchor/index.d.ts

@@ -6,6 +6,7 @@ import BaseComponent from '../_base/baseComponent';
 import Link from './link';
 import '@douyinfe/semi-foundation/lib/cjs/anchor/anchor.css';
 import { ArrayElement } from '../_base/base';
+import { ContextValue } from '../configProvider/context';
 export { LinkProps } from './link';
 export interface AnchorProps {
     autoCollapse?: boolean;
@@ -35,6 +36,7 @@ export interface AnchorState {
     slideBarTop: string;
 }
 declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
+    static contextType: React.Context<ContextValue>;
     static Link: typeof Link;
     static PropTypes: {
         size: PropTypes.Requireable<"default" | "small">;
@@ -77,6 +79,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     childMap: Record<string, Set<string>>;
     handler: () => void;
     clickHandler: () => void;
+    context: ContextValue;
     constructor(props: AnchorProps);
     get adapter(): AnchorAdapter<AnchorProps, AnchorState>;
     addLink: (link: string) => void;
@@ -88,6 +91,7 @@ declare class Anchor extends BaseComponent<AnchorProps, AnchorState> {
     setScrollHeight: () => void;
     updateScrollHeight: (prevState: AnchorState, state: AnchorState) => void;
     updateChildMap: (prevState: AnchorState, state: AnchorState) => void;
+    renderChildren: () => any;
     componentDidMount(): void;
     componentDidUpdate(prevProps: AnchorProps, prevState: AnchorState): void;
     componentWillUnmount(): void;

package/lib/cjs/anchor/index.js

@@ -1,27 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _throttle2 = _interopRequireDefault(require("lodash/throttle"));
 
 var _debounce2 = _interopRequireDefault(require("lodash/debounce"));
@@ -48,11 +31,18 @@ require("@douyinfe/semi-foundation/lib/cjs/anchor/anchor.css");
 
 var _uuid = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/uuid"));
 
+var _context = _interopRequireDefault(require("../configProvider/context"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const prefixCls = _constants.cssClasses.PREFIX;
 
 class Anchor extends _baseComponent.default {
   constructor(props) {
+    var _this;
+
     super(props);
+    _this = this;
 
     this.addLink = link => {
       this.foundation.addLink(link);
@@ -91,6 +81,35 @@ class Anchor extends _baseComponent.default {
       this.foundation.updateChildMap(prevState, state);
     };
 
+    this.renderChildren = () => {
+      const loop = function (children) {
+        let level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+        return _react.default.Children.map(children, child => {
+          if ( /*#__PURE__*/_react.default.isValidElement(child)) {
+            const childProps = {
+              direction: _this.context.direction,
+              level,
+              children: []
+            };
+            const {
+              children
+            } = child.props;
+            const hasChildren = children && _react.default.Children.count(children) > 0;
+
+            if (hasChildren) {
+              childProps.children = loop(children, level + 1);
+            }
+
+            return /*#__PURE__*/_react.default.cloneElement(child, childProps);
+          }
+
+          return null;
+        });
+      };
+
+      return loop(this.props.children);
+    };
+
     this.state = {
       activeLink: '',
       links: [],
@@ -103,7 +122,7 @@ class Anchor extends _baseComponent.default {
   }
 
   get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       addLink: value => {
         this.setState(prevState => ({
           links: [...prevState.links, value]
@@ -111,13 +130,11 @@ class Anchor extends _baseComponent.default {
       },
       removeLink: link => {
         this.setState(prevState => {
-          var _context;
-
-          const links = (0, _slice.default)(_context = prevState.links).call(_context);
-          const index = (0, _indexOf.default)(links).call(links, link);
+          const links = prevState.links.slice();
+          const index = links.indexOf(link);
 
           if (index !== -1) {
-            (0, _splice.default)(links).call(links, index, 1);
+            links.splice(index, 1);
             return {
               links
             };
@@ -182,7 +199,7 @@ class Anchor extends _baseComponent.default {
           offsetTop
         } = this.props;
         const containerTop = this.adapter.getContainerBoundingTop();
-        const elTop = (0, _map.default)(links).call(links, link => {
+        const elTop = links.map(link => {
           let node = null;
 
           try {
@@ -195,9 +212,7 @@ class Anchor extends _baseComponent.default {
         return elTop;
       },
       getAnchorNode: selector => {
-        var _context2;
-
-        const selectors = (0, _concat.default)(_context2 = "#".concat(this.anchorID, " ")).call(_context2, selector);
+        const selectors = "#".concat(this.anchorID, " ").concat(selector);
         return document.querySelector(selectors);
       },
       getContentNode: selector => document.querySelector(selector),
@@ -233,8 +248,6 @@ class Anchor extends _baseComponent.default {
   }
 
   render() {
-    var _context3, _context4, _context5, _context6;
-
     const {
       size,
       railTheme,
@@ -254,16 +267,16 @@ class Anchor extends _baseComponent.default {
       slideBarTop
     } = this.state;
     const wrapperCls = (0, _classnames.default)(prefixCls, className, {
-      [(0, _concat.default)(_context3 = "".concat(prefixCls, "-size-")).call(_context3, size)]: size
+      ["".concat(prefixCls, "-size-").concat(size)]: size
     });
-    const slideCls = (0, _classnames.default)("".concat(prefixCls, "-slide"), (0, _concat.default)(_context4 = "".concat(prefixCls, "-slide-")).call(_context4, railTheme));
+    const slideCls = (0, _classnames.default)("".concat(prefixCls, "-slide"), "".concat(prefixCls, "-slide-").concat(railTheme));
     const slideBarCls = (0, _classnames.default)("".concat(prefixCls, "-slide-bar"), {
-      [(0, _concat.default)(_context5 = "".concat(prefixCls, "-slide-bar-")).call(_context5, size)]: size,
-      [(0, _concat.default)(_context6 = "".concat(prefixCls, "-slide-bar-")).call(_context6, railTheme)]: railTheme,
+      ["".concat(prefixCls, "-slide-bar-").concat(size)]: size,
+      ["".concat(prefixCls, "-slide-bar-").concat(railTheme)]: railTheme,
       ["".concat(prefixCls, "-slide-bar-active")]: activeLink
     });
     const anchorWrapper = "".concat(prefixCls, "-link-wrapper");
-    const wrapperStyle = (0, _assign.default)((0, _assign.default)({}, style), {
+    const wrapperStyle = Object.assign(Object.assign({}, style), {
       maxWidth,
       maxHeight
     });
@@ -299,11 +312,12 @@ class Anchor extends _baseComponent.default {
     })), /*#__PURE__*/_react.default.createElement("div", {
       className: anchorWrapper,
       role: "list"
-    }, children)));
+    }, this.renderChildren())));
   }
 
 }
 
+Anchor.contextType = _context.default;
 Anchor.Link = _link.default;
 Anchor.PropTypes = {
   size: _propTypes.default.oneOf(_constants.strings.SIZE),

package/lib/cjs/anchor/link.d.ts

@@ -10,6 +10,8 @@ export interface LinkProps {
     children?: ReactNode;
     style?: React.CSSProperties;
     disabled?: boolean;
+    level?: number;
+    direction?: 'ltr' | 'rtl';
 }
 export default class Link extends BaseComponent<LinkProps, {}> {
     static propTypes: {

package/lib/cjs/anchor/link.js

@@ -1,19 +1,10 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
+Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
 
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
-
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -30,12 +21,12 @@ var _anchorContext = _interopRequireDefault(require("./anchor-context"));
 
 var _index = _interopRequireDefault(require("../typography/index"));
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const prefixCls = _constants.cssClasses.PREFIX; // eslint-disable-next-line @typescript-eslint/ban-types
 
 class Link extends _baseComponent.default {
   constructor(props) {
-    var _context;
-
     super(props);
 
     this.renderTitle = () => {
@@ -65,7 +56,7 @@ class Link extends _baseComponent.default {
           size: size === 'default' ? 'normal' : 'small',
           ellipsis: {
             showTooltip: {
-              opts: (0, _assign.default)({}, toolTipOpt)
+              opts: Object.assign({}, toolTipOpt)
             }
           },
           type: 'tertiary',
@@ -98,11 +89,11 @@ class Link extends _baseComponent.default {
     };
 
     this.foundation = new _linkFoundation.default(this.adapter);
-    this.handleClick = (0, _bind.default)(_context = this.handleClick).call(_context, this);
+    this.handleClick = this.handleClick.bind(this);
   }
 
   get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
+    return Object.assign(Object.assign({}, super.adapter), {
       addLink: href => {
         this.context.addLink(href);
       },
@@ -157,7 +148,9 @@ class Link extends _baseComponent.default {
       className,
       style,
       disabled = false,
-      title
+      title,
+      level,
+      direction
     } = this.props;
     const {
       activeLink,
@@ -169,8 +162,12 @@ class Link extends _baseComponent.default {
       ["".concat(prefixCls, "-link-title-active")]: active,
       ["".concat(prefixCls, "-link-title-disabled")]: disabled
     });
+    const paddingAttributeKey = direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
     const ariaProps = {
-      'aria-disabled': disabled
+      'aria-disabled': disabled,
+      style: {
+        [paddingAttributeKey]: 8 * level
+      }
     };
 
     if (active) {
@@ -185,7 +182,7 @@ class Link extends _baseComponent.default {
       className: linkCls,
       style: style,
       role: "listitem"
-    }, /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({
+    }, /*#__PURE__*/_react.default.createElement("div", Object.assign({
       role: "link",
       tabIndex: 0
     }, ariaProps, {