@douyinfe/semi-ui 2.17.1 → 2.18.0-beta.0

package/lib/cjs/form/label.js

@@ -22,6 +22,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
 
+var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
+
 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; }
@@ -41,7 +43,8 @@ class Label extends _react.PureComponent {
       style,
       className,
       extra,
-      id
+      id,
+      optional
     } = this.props;
     const labelCls = (0, _classnames.default)(className, {
       ["".concat(prefixCls, "-field-label")]: true,
@@ -54,10 +57,16 @@ class Label extends _react.PureComponent {
     const labelStyle = style ? style : {};
     width ? labelStyle.width = width : null;
 
+    const optionalText = /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
+      componentName: "Form"
+    }, locale => /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(prefixCls, "-field-label-optional-text")
+    }, locale.optional));
+
     const textContent = /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-field-label-text"),
       "x-semi-prop": "label"
-    }, typeof text !== 'undefined' ? text : children);
+    }, typeof text !== 'undefined' ? text : children, optional ? optionalText : null);
 
     const contentWithExtra = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, textContent, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-field-label-extra")
@@ -78,7 +87,8 @@ Label.defaultProps = {
   required: false,
   name: '',
   align: 'left',
-  className: ''
+  className: '',
+  optional: false
 };
 Label.propTypes = {
   id: _propTypes.default.string,
@@ -91,5 +101,6 @@ Label.propTypes = {
   width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
   style: _propTypes.default.object,
   className: _propTypes.default.string,
-  extra: _propTypes.default.node
+  extra: _propTypes.default.node,
+  optional: _propTypes.default.bool
 };

package/lib/cjs/locale/interface.d.ts

@@ -148,4 +148,7 @@ export interface Locale {
         total: string;
         selected: string;
     };
+    Form: {
+        optional: string;
+    };
 }

package/lib/cjs/locale/source/ar.js

@@ -158,6 +158,9 @@ const local = {
     clearSelectAll: 'إلغاء تحديد الكل',
     total: 'مجموع ${total} العناصر',
     selected: '${total} العناصر المحدد'
+  },
+  Form: {
+    optional: '(اختياري)'
   }
 }; // [i18n-Arabic]
 

package/lib/cjs/locale/source/de.js

@@ -158,6 +158,9 @@ const local = {
     clearSelectAll: 'Alles abwählen',
     total: 'Gesamt ${total} Artikel',
     selected: '${total} ausgewählte Artikel'
+  },
+  Form: {
+    optional: '(Optional)'
   }
 }; // [i18n-German]
 

package/lib/cjs/locale/source/en_GB.js

@@ -158,6 +158,9 @@ const local = {
     clearSelectAll: 'Unselect all',
     total: 'Total ${total} items',
     selected: '${total} items selected'
+  },
+  Form: {
+    optional: '(optional)'
   }
 }; // [i18n-English(GB)]
 

package/lib/cjs/locale/source/en_US.js

@@ -158,6 +158,9 @@ const local = {
     clearSelectAll: 'Unselect all',
     total: 'Total ${total} items',
     selected: '${total} items selected'
+  },
+  Form: {
+    optional: '(optional)'
   }
 }; // [i18n-English(US)]
 

package/lib/cjs/locale/source/es.js

@@ -162,6 +162,9 @@ const locale = {
     clearSelectAll: 'Deseleccionar todo',
     total: 'Total ${total} objetos',
     selected: '${total} objetos seleccionados'
+  },
+  Form: {
+    optional: '(opcional)'
   }
 };
 var _default = locale;

package/lib/cjs/locale/source/fr.js

@@ -158,6 +158,9 @@ const local = {
     clearSelectAll: 'Désélectionner tout',
     total: 'Totale ${total} articles',
     selected: '${total} articles sélectionnés'
+  },
+  Form: {
+    optional: '(optionnel)'
   }
 }; // [i18n-French]
 

package/lib/cjs/locale/source/id_ID.js

@@ -158,6 +158,9 @@ const local = {
     clearSelectAll: 'Nyahpilih Semua',
     total: 'Total ${total} proyek',
     selected: '${total} item dipilih'
+  },
+  Form: {
+    optional: '(opsional)'
   }
 }; // [i18n-Indonesia(ID)]
 

package/lib/cjs/locale/source/it.js

@@ -158,6 +158,9 @@ const local = {
     clearSelectAll: 'Deseleziona tutto',
     total: 'Totale ${total} elementi',
     selected: '${total} elementi selezionati'
+  },
+  Form: {
+    optional: '(opzionale)'
   }
 }; // [i18n-Italian]
 

package/lib/cjs/locale/source/ja_JP.js

@@ -159,6 +159,9 @@ const local = {
     clearSelectAll: 'すべてを選択解除',
     total: '合計 ${total} アイテム',
     selected: '選択済み ${total} アイテム'
+  },
+  Form: {
+    optional: '(オプション)'
   }
 }; // [i18n-Japan]
 

package/lib/cjs/locale/source/ko_KR.js

@@ -159,6 +159,9 @@ const local = {
     clearSelectAll: '모두 선택 취소',
     total: '총 {total} 개 항목',
     selected: '선택된 {Total} 개 항목'
+  },
+  Form: {
+    optional: '(선택 과목)'
   }
 }; // [i18n-Korea]
 

package/lib/cjs/locale/source/ms_MY.js

@@ -158,6 +158,9 @@ const local = {
     clearSelectAll: 'Nyahpilih semua',
     total: 'Jumlah ${total} item',
     selected: '${total} projek dipilih'
+  },
+  Form: {
+    optional: '(pilihan)'
   }
 }; // [i18n-Malaysia(MY)]
 

package/lib/cjs/locale/source/pt_BR.js

@@ -166,6 +166,9 @@ const local = {
     clearSelectAll: 'Cancelar selecionar tudo',
     total: 'Total de ${total} itens',
     selected: '${total} itens selecionados'
+  },
+  Form: {
+    optional: '(opcional)'
   }
 }; // 葡萄牙语
 

package/lib/cjs/locale/source/ru_RU.js

@@ -161,6 +161,9 @@ const local = {
     clearSelectAll: 'Снять выделение',
     total: 'Всего ${total} элементов',
     selected: 'Выбрано ${total} элементов'
+  },
+  Form: {
+    optional: '(по желанию)'
   }
 }; // [i18n-Russia] 俄罗斯语
 

package/lib/cjs/locale/source/th_TH.js

@@ -162,6 +162,9 @@ const local = {
     clearSelectAll: 'ยกเลิกการเลือกทั้งหมด',
     total: 'รวม ${total} รายการ',
     selected: 'เลือก ${total} รายการ'
+  },
+  Form: {
+    optional: '(ไม่จำเป็น)'
   }
 }; // [i18n-Thai]
 

package/lib/cjs/locale/source/tr_TR.js

@@ -161,6 +161,9 @@ const local = {
     clearSelectAll: 'Tümünün seçimini kaldır',
     total: 'Toplam ${total} öğe',
     selected: '${total} öğe seçildi'
+  },
+  Form: {
+    optional: '(isteğe bağlı)'
   }
 }; // [i18n-Turkish] 
 

package/lib/cjs/locale/source/vi_VN.js

@@ -161,6 +161,9 @@ const local = {
     clearSelectAll: 'Bỏ chọn tất cả',
     total: 'Tổng số ${total} mặt hàng',
     selected: '${total} mục được chọn'
+  },
+  Form: {
+    optional: '(không bắt buộc)'
   }
 }; // [i18n-Vietnam] 越南语
 

package/lib/cjs/locale/source/zh_CN.js

@@ -159,6 +159,9 @@ const local = {
     clearSelectAll: '取消全选',
     total: '共 ${total} 项',
     selected: '已选 ${total} 项'
+  },
+  Form: {
+    optional: '（可选）'
   }
 }; // 中文
 

package/lib/cjs/locale/source/zh_TW.js

@@ -159,6 +159,9 @@ const local = {
     clearSelectAll: '取消全選',
     total: '共 ${total} 項',
     selected: '已選 ${total} 項'
+  },
+  Form: {
+    optional: '（可選）'
   }
 }; // 中文
 

package/lib/cjs/modal/Modal.js

@@ -164,14 +164,6 @@ class Modal extends _baseComponent.default {
       let style = styleFromProps;
       const maskStyle = maskStyleFromProps;
       const renderFooter = 'footer' in this.props ? footer : this.renderFooter();
-
-      if (this.props.centered) {
-        style = (0, _assign.default)({
-          transform: 'translateY(-50%)',
-          top: '50%'
-        }, style);
-      }
-
       let wrapperStyle = {
         zIndex
       };

package/lib/cjs/modal/ModalContent.js

@@ -376,7 +376,10 @@ class ModalContent extends _baseComponent.default {
     }, this.getMaskElement(), /*#__PURE__*/_react.default.createElement("div", {
       role: "none",
       tabIndex: -1,
-      className: "".concat(_constants.cssClasses.DIALOG, "-wrap"),
+      className: (0, _classnames.default)({
+        ["".concat(_constants.cssClasses.DIALOG, "-wrap")]: true,
+        ["".concat(_constants.cssClasses.DIALOG, "-wrap-center")]: this.props.centered
+      }),
       onClick: maskClosable ? this.onMaskClick : null,
       onMouseUp: maskClosable ? this.onMaskMouseUp : null
     }, this.getDialogElement())); // eslint-disable-next-line max-len

package/lib/cjs/tag/group.d.ts

@@ -14,6 +14,7 @@ export interface TagGroupProps<T> {
     popoverProps?: PopoverProps;
     avatarShape?: AvatarShape;
     mode?: string;
+    onTagClose: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
 }
 export default class TagGroup<T> extends PureComponent<TagGroupProps<T>> {
     static defaultProps: {
@@ -21,6 +22,7 @@ export default class TagGroup<T> extends PureComponent<TagGroupProps<T>> {
         className: string;
         size: string;
         avatarShape: string;
+        onTagClose: () => any;
     };
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -31,6 +33,7 @@ export default class TagGroup<T> extends PureComponent<TagGroupProps<T>> {
         tagList: PropTypes.Requireable<any[]>;
         size: PropTypes.Requireable<string>;
         mode: PropTypes.Requireable<string>;
+        onTagClose: PropTypes.Requireable<(...args: any[]) => any>;
         showPopover: PropTypes.Requireable<boolean>;
         popoverProps: PropTypes.Requireable<object>;
         avatarShape: PropTypes.Requireable<string>;

package/lib/cjs/tag/group.js

@@ -100,9 +100,10 @@ class TagGroup extends _react.PureComponent {
       tagList,
       size,
       mode,
-      avatarShape
+      avatarShape,
+      onTagClose
     } = this.props;
-    const renderTags = (0, _map.default)(tagList).call(tagList, (tag, index) => {
+    const renderTags = (0, _map.default)(tagList).call(tagList, tag => {
       if (mode === 'custom') {
         return tag;
       }
@@ -115,9 +116,24 @@ class TagGroup extends _react.PureComponent {
         tag.avatarShape = avatarShape;
       }
 
-      return /*#__PURE__*/_react.default.createElement(_index.default, (0, _assign.default)({
-        key: "".concat(index, "-tag")
-      }, tag));
+      if (!tag.tagKey) {
+        if (typeof tag.children === 'string' || typeof tag.children === 'number') {
+          tag.tagKey = tag.children;
+        } else {
+          tag.tagKey = Math.random();
+        }
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_index.default, (0, _assign.default)({}, tag, {
+        key: tag.tagKey,
+        onClose: (tagChildren, e, tagKey) => {
+          if (tag.onClose) {
+            tag.onClose(tagChildren, e, tagKey);
+          }
+
+          onTagClose && onTagClose(tagChildren, e, tagKey);
+        }
+      }));
     });
     return renderTags;
   }
@@ -150,7 +166,8 @@ TagGroup.defaultProps = {
   style: {},
   className: '',
   size: tagSize[0],
-  avatarShape: 'square'
+  avatarShape: 'square',
+  onTagClose: () => undefined
 };
 TagGroup.propTypes = {
   children: _propTypes.default.node,
@@ -161,6 +178,7 @@ TagGroup.propTypes = {
   tagList: _propTypes.default.array,
   size: _propTypes.default.oneOf(tagSize),
   mode: _propTypes.default.string,
+  onTagClose: _propTypes.default.func,
   showPopover: _propTypes.default.bool,
   popoverProps: _propTypes.default.object,
   avatarShape: _propTypes.default.oneOf(avatarShapeSet)

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

@@ -10,6 +10,7 @@ export default class Tag extends Component<TagProps, TagState> {
     static defaultProps: TagProps;
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        tagKey: PropTypes.Requireable<PropTypes.Requireable<string> | PropTypes.Requireable<number>>;
         size: PropTypes.Requireable<string>;
         color: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
@@ -28,7 +29,7 @@ export default class Tag extends Component<TagProps, TagState> {
         visible: boolean;
     };
     setVisible(visible: boolean): void;
-    close(e: React.MouseEvent<HTMLElement>, value: React.ReactNode): void;
+    close(e: React.MouseEvent<HTMLElement>, value: React.ReactNode, tagKey: string | number): void;
     handleKeyDown(event: any): void;
     renderAvatar(): JSX.Element;
     render(): JSX.Element;

package/lib/cjs/tag/index.js

@@ -118,13 +118,13 @@ class Tag extends _react.Component {
     }
   }
 
-  close(e, value) {
+  close(e, value, tagKey) {
     const {
       onClose
     } = this.props;
     e.stopPropagation();
     e.nativeEvent.stopImmediatePropagation();
-    onClose && onClose(value, e); // when user call e.preventDefault() in onClick callback, tag will not hidden
+    onClose && onClose(value, e, tagKey); // when user call e.preventDefault() in onClick callback, tag will not hidden
 
     if (e.defaultPrevented) {
       return;
@@ -143,7 +143,7 @@ class Tag extends _react.Component {
     switch (event.key) {
       case "Backspace":
       case "Delete":
-        closable && this.close(event, this.props.children);
+        closable && this.close(event, this.props.children, this.props.tagKey);
         (0, _a11y.handlePrevent)(event);
         break;
 
@@ -182,6 +182,7 @@ class Tag extends _react.Component {
 
     const _a = this.props,
           {
+      tagKey,
       children,
       size,
       color,
@@ -195,7 +196,7 @@ class Tag extends _react.Component {
       avatarShape,
       tabIndex
     } = _a,
-          attr = __rest(_a, ["children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "avatarSrc", "avatarShape", "tabIndex"]);
+          attr = __rest(_a, ["tagKey", "children", "size", "color", "closable", "visible", "onClose", "onClick", "className", "type", "avatarSrc", "avatarShape", "tabIndex"]);
 
     const {
       visible: isVisible
@@ -226,7 +227,7 @@ class Tag extends _react.Component {
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
     _react.default.createElement("div", {
       className: "".concat(prefixCls, "-close"),
-      onClick: e => this.close(e, children)
+      onClick: e => this.close(e, children, tagKey)
     }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
       size: "small"
     })) : null;
@@ -254,6 +255,7 @@ Tag.defaultProps = {
 };
 Tag.propTypes = {
   children: _propTypes.default.node,
+  tagKey: _propTypes.default.oneOf([_propTypes.default.string, _propTypes.default.number]),
   size: _propTypes.default.oneOf(tagSize),
   color: _propTypes.default.oneOf(tagColors),
   type: _propTypes.default.oneOf(tagType),

package/lib/cjs/tag/interface.d.ts

@@ -5,12 +5,13 @@ export declare type TagSize = 'default' | 'small' | 'large';
 export declare type AvatarShape = 'circle' | 'square';
 export interface TagProps {
     children?: React.ReactNode;
+    tagKey?: string | number;
     size?: TagSize;
     color?: TagColor;
     type?: TagType;
     closable?: boolean;
     visible?: boolean;
-    onClose?: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>) => void;
+    onClose?: (tagChildren: React.ReactNode, event: React.MouseEvent<HTMLElement>, tagKey: string | number) => void;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
     style?: React.CSSProperties;
     className?: string;

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

@@ -6,7 +6,7 @@ import BaseComponent from '../_base/baseComponent';
 import Input from '../input/index';
 import TreeNode from './treeNode';
 import '@douyinfe/semi-foundation/lib/cjs/tree/tree.css';
-import { TreeProps, TreeState, TreeNodeProps, TreeNodeData, FlattenNode, KeyEntity } from './interface';
+import { TreeProps, TreeState, TreeNodeProps, TreeNodeData, FlattenNode, KeyEntity, ScrollData } from './interface';
 export * from './interface';
 export { AutoSizerProps } from './autoSizer';
 declare class Tree extends BaseComponent<TreeProps, TreeState> {
@@ -102,6 +102,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
     onNodeClick: any;
     onMotionEnd: any;
     context: ContextValue;
+    virtualizedListRef: React.RefObject<any>;
     constructor(props: TreeProps);
     /**
      * Process of getDerivedStateFromProps was inspired by rc-tree
@@ -110,6 +111,7 @@ declare class Tree extends BaseComponent<TreeProps, TreeState> {
     static getDerivedStateFromProps(props: TreeProps, prevState: TreeState): Partial<TreeState>;
     get adapter(): TreeAdapter;
     search: (value: string) => void;
+    scrollTo: (scrollData: ScrollData) => void;
     renderInput(): JSX.Element;
     renderEmpty: () => JSX.Element;
     onNodeSelect: (e: MouseEvent | KeyboardEvent, treeNode: TreeNodeProps) => void;

package/lib/cjs/tree/index.js

@@ -17,6 +17,8 @@ _Object$defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports.default = void 0;
 
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
+
 var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
 
 var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
@@ -101,6 +103,25 @@ class Tree extends _baseComponent.default {
       this.foundation.handleInputChange(value);
     };
 
+    this.scrollTo = scrollData => {
+      var _a;
+
+      const {
+        key,
+        align = 'center'
+      } = scrollData;
+      const {
+        flattenNodes
+      } = this.state;
+
+      if (key) {
+        const index = flattenNodes === null || flattenNodes === void 0 ? void 0 : (0, _findIndex.default)(flattenNodes).call(flattenNodes, node => {
+          return node.key === key;
+        });
+        index >= 0 && ((_a = this.virtualizedListRef.current) === null || _a === void 0 ? void 0 : _a.scrollToItem(index, align));
+      }
+    };
+
     this.renderEmpty = () => {
       const {
         emptyContent
@@ -262,6 +283,7 @@ class Tree extends _baseComponent.default {
     this.optionsRef = /*#__PURE__*/_react.default.createRef();
     this.foundation = new _foundation.default(this.adapter);
     this.dragNode = null;
+    this.virtualizedListRef = /*#__PURE__*/_react.default.createRef();
   }
   /**
    * Process of getDerivedStateFromProps was inspired by rc-tree
@@ -634,6 +656,7 @@ class Tree extends _baseComponent.default {
         width
       } = _ref4;
       return /*#__PURE__*/_react.default.createElement(_reactWindow.FixedSizeList, {
+        ref: this.virtualizedListRef,
         itemCount: flattenNodes.length,
         itemSize: virtualize.itemSize,
         height: height,

package/lib/cjs/tree/interface.d.ts

@@ -118,3 +118,7 @@ export interface NodeListState {
     cachedMotionKeys?: Set<string>;
     cachedData?: FlattenNode[];
 }
+export interface ScrollData {
+    key: string;
+    align?: 'center' | 'start' | 'end' | 'smart' | 'auto';
+}

package/lib/es/_base/base.css

@@ -1,6 +1,41 @@
 /* shadow */
 /* sizing */
 /* spacing */
+body {
+  --semi-transition_duration-slowest:0ms;
+  --semi-transition_duration-slower:0ms;
+  --semi-transition_duration-slow:0ms;
+  --semi-transition_duration-normal:0ms;
+  --semi-transition_duration-fast:0ms;
+  --semi-transition_duration-faster:0ms;
+  --semi-transition_duration-fastest:0ms;
+  --semi-transition_function-linear:linear;
+  --semi-transition_function-ease:ease;
+  --semi-transition_function-easeIn:ease-in;
+  --semi-transition_function-easeOut:ease-out;
+  --semi-transition_function-easeInIOut:ease-in-out;
+  --semi-transition_delay-slowest:0ms;
+  --semi-transition_delay-slower:0ms;
+  --semi-transition_delay-slow:0ms;
+  --semi-transition_delay-normal:0ms;
+  --semi-transition_delay-fast:0ms;
+  --semi-transition_delay-faster:0ms;
+  --semi-transition_delay-fastest:0ms;
+  --semi-transform_scale-none:scale(1,1);
+  --semi-transform_scale-small:scale(1,1);
+  --semi-transform_scale-medium:scale(1,1);
+  --semi-transform_scale-large:scale(1,1);
+  --semi-transform-rotate-none:rotate(0deg);
+  --semi-transform_rotate-clockwise90deg:rotate(90deg);
+  --semi-transform_rotate-clockwise180deg:rotate(180deg);
+  --semi-transform_rotate-clockwise270deg:rotate(270deg);
+  --semi-transform_rotate-clockwise360deg:rotate(360deg);
+  --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
+  --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
+  --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
+  --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
+}
+
 body,
 body .semi-always-light {
   --semi-amber-0: 254,251,235;

package/lib/es/anchor/index.js

@@ -273,7 +273,8 @@ class Anchor extends BaseComponent {
         top: slideBarTop
       }
     })), /*#__PURE__*/React.createElement("div", {
-      className: anchorWrapper
+      className: anchorWrapper,
+      role: "list"
     }, children)));
   }
 

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

@@ -36,6 +36,6 @@ export default class Link extends BaseComponent<LinkProps, {}> {
     componentDidUpdate(prevProps: LinkProps): void;
     componentWillUnmount(): void;
     renderTitle: () => string | number | boolean | React.ReactFragment | JSX.Element;
-    renderChildren: () => React.ReactNode;
+    renderChildren: () => JSX.Element;
     render(): JSX.Element;
 }

package/lib/es/anchor/link.js

@@ -65,10 +65,14 @@ export default class Link extends BaseComponent {
       } = this.props;
 
       if (!this.context.autoCollapse) {
-        return this.props.children;
+        return /*#__PURE__*/React.createElement("div", {
+          role: "list"
+        }, children);
       }
 
-      return activeLink === href || childMap[href] && childMap[href].has(activeLink) ? children : null;
+      return activeLink === href || childMap[href] && childMap[href].has(activeLink) ? /*#__PURE__*/React.createElement("div", {
+        role: "list"
+      }, children) : null;
     };
 
     this.foundation = new LinkFoundation(this.adapter);
@@ -144,8 +148,7 @@ export default class Link extends BaseComponent {
       ["".concat(prefixCls, "-link-title-disabled")]: disabled
     });
     const ariaProps = {
-      'aria-disabled': disabled,
-      'aria-label': href
+      'aria-disabled': disabled
     };
 
     if (active) {
@@ -158,7 +161,8 @@ export default class Link extends BaseComponent {
 
     return /*#__PURE__*/React.createElement("div", {
       className: linkCls,
-      style: style
+      style: style,
+      role: "listitem"
     }, /*#__PURE__*/React.createElement("div", _Object$assign({
       role: "link",
       tabIndex: 0