@douyinfe/semi-ui 2.15.2-alpha.0 → 2.16.0-beta.0

package/iconButton/index.tsx

@@ -80,6 +80,9 @@ class IconButton extends PureComponent<IconButtonProps> {
         } else if (noHorizontalPadding === true) {
             style.paddingLeft = 0;
             style.paddingRight = 0;
+        } else if (typeof noHorizontalPadding === 'string') {
+            noHorizontalPadding === 'left' && (style.paddingLeft = 0);
+            noHorizontalPadding === 'right' && (style.paddingRight = 0);
         }
 
         let finalChildren = null;

package/lib/cjs/button/buttonGroup.d.ts

@@ -24,8 +24,6 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
     };
     static defaultProps: {
         size: string;
-        type: string;
-        theme: string;
     };
     render(): JSX.Element;
 }

package/lib/cjs/button/buttonGroup.js

@@ -101,7 +101,8 @@ ButtonGroup.propTypes = {
   'aria-label': _propTypes.default.string
 };
 ButtonGroup.defaultProps = {
-  size: 'default',
-  type: 'primary',
-  theme: 'light'
+  // There are default values ​​for type and theme in Button. 
+  // In order to allow users to individually customize the type and theme of the Button through the parameters of the Button in the ButtonGroup,
+  // the default value of type and theme is not given in the ButtonGroup。
+  size: 'default'
 };

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

@@ -8,6 +8,7 @@ import Input from '../input/index';
 import { PopoverProps } from '../popover/index';
 import { CascaderData, Entities, Entity, Data } from './item';
 import { Motion } from '../_base/base';
+import { Position } from '../tooltip/index';
 export { CascaderType, ShowNextType } from '@douyinfe/semi-foundation/lib/cjs/cascader/foundation';
 export { CascaderData, Entity, Data, CascaderItemProps } from './item';
 export interface ScrollPanelProps extends BasicScrollPanelProps {
@@ -53,6 +54,7 @@ export interface CascaderProps extends BasicCascaderProps {
     onBlur?: (e: MouseEvent) => void;
     onFocus?: (e: MouseEvent) => void;
     validateStatus?: ValidateStatus;
+    position?: Position;
 }
 export interface CascaderState extends BasicCascaderInnerData {
     keyEntities: Entities;
@@ -132,6 +134,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         leafOnly: PropTypes.Requireable<boolean>;
         enableLeafClick: PropTypes.Requireable<boolean>;
         preventScroll: PropTypes.Requireable<boolean>;
+        position: PropTypes.Requireable<string>;
     };
     static defaultProps: {
         leafOnly: boolean;

package/lib/cjs/cascader/index.js

@@ -976,7 +976,8 @@ class Cascader extends _baseComponent.default {
       autoAdjustOverflow,
       stopPropagation,
       mouseLeaveDelay,
-      mouseEnterDelay
+      mouseEnterDelay,
+      position
     } = this.props;
     const {
       isOpen,
@@ -987,7 +988,7 @@ class Cascader extends _baseComponent.default {
     } = this.context;
     const content = this.renderContent();
     const selection = this.renderSelection();
-    const pos = direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
+    const pos = position !== null && position !== void 0 ? position : direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
     const mergedMotion = this.foundation.getMergedMotion();
     return /*#__PURE__*/_react.default.createElement(_index2.default, {
       getPopupContainer: getPopupContainer,
@@ -1081,7 +1082,8 @@ Cascader.propTypes = {
   disableStrictly: _propTypes.default.bool,
   leafOnly: _propTypes.default.bool,
   enableLeafClick: _propTypes.default.bool,
-  preventScroll: _propTypes.default.bool
+  preventScroll: _propTypes.default.bool,
+  position: _propTypes.default.string
 };
 Cascader.defaultProps = {
   leafOnly: false,

package/lib/cjs/iconButton/index.js

@@ -88,6 +88,9 @@ class IconButton extends _react.PureComponent {
     } else if (noHorizontalPadding === true) {
       style.paddingLeft = 0;
       style.paddingRight = 0;
+    } else if (typeof noHorizontalPadding === 'string') {
+      noHorizontalPadding === 'left' && (style.paddingLeft = 0);
+      noHorizontalPadding === 'right' && (style.paddingRight = 0);
     }
 
     let finalChildren = null;

package/lib/cjs/radio/radio.js

@@ -233,11 +233,9 @@ class Radio extends _baseComponent.default {
       focusInner: focusVisible && !focusOuter,
       onInputFocus: this.handleFocusVisible,
       onInputBlur: this.handleBlur
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(["".concat(prefix, "-content"), {
-        ["".concat(prefix, "-isCardRadioGroup_content")]: isCardRadioGroup
-      }])
-    }, renderContent()));
+    })), isCardRadioGroup ? /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(prefix, "-isCardRadioGroup_content")
+    }, renderContent()) : renderContent());
   }
 
 }

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

@@ -15,7 +15,6 @@ export default class Slider extends BaseComponent<SliderProps, SliderState> {
     private maxHanleEl;
     private dragging;
     private eventListenerSet;
-    private chooseMovePos;
     foundation: SliderFoundation;
     constructor(props: SliderProps);
     get adapter(): SliderAdapter;
@@ -26,6 +25,7 @@ export default class Slider extends BaseComponent<SliderProps, SliderState> {
     renderTrack: () => JSX.Element;
     renderStepDot: () => JSX.Element;
     renderLabel: () => JSX.Element;
+    _getAriaValueText: (value: number, index?: number) => string | number;
     render(): JSX.Element;
     private _addEventListener;
 }

package/lib/cjs/slider/index.js

@@ -80,7 +80,9 @@ class Slider extends _baseComponent.default {
       const {
         chooseMovePos,
         isDrag,
-        isInRenderTree
+        isInRenderTree,
+        firstDotFocusVisible,
+        secondDotFocusVisible
       } = this.state;
       const stylePos = vertical ? 'top' : 'left';
       const percentInfo = this.foundation.getMinAndMaxPercent(this.state.currentValue);
@@ -106,7 +108,7 @@ class Slider extends _baseComponent.default {
         currentValue
       } = this.state;
       const commonAria = {
-        'aria-label': ariaLabel,
+        'aria-label': ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : disabled ? 'Disabled Slider' : undefined,
         'aria-labelledby': ariaLabelledby,
         'aria-disabled': disabled
       };
@@ -118,7 +120,7 @@ class Slider extends _baseComponent.default {
         position: "top",
         trigger: "custom",
         rePosKey: minPercent,
-        visible: isInRenderTree && tipVisible.min,
+        visible: isInRenderTree && (tipVisible.min || firstDotFocusVisible),
         className: "".concat(_constants.cssClasses.HANDLE, "-tooltip")
       }, /*#__PURE__*/_react.default.createElement("span", (0, _assign.default)({
         onMouseOver: this.foundation.checkAndUpdateIsInRenderTreeState,
@@ -150,20 +152,28 @@ class Slider extends _baseComponent.default {
         onTouchEnd: e => {
           this.foundation.onHandleUp(e);
         },
-        onFocus: e => this.foundation.onFocus(e, 'min'),
+        onKeyDown: e => {
+          this.foundation.handleKeyDown(e, 'min');
+        },
+        onFocus: e => {
+          this.foundation.onFocus(e, 'min');
+        },
+        onBlur: e => {
+          this.foundation.onBlur(e, 'min');
+        },
         role: "slider",
-        tabIndex: 0
+        "aria-valuetext": getAriaValueText ? getAriaValueText(currentValue, 0) : ariaValueText,
+        tabIndex: disabled ? -1 : 0
       }, commonAria, {
         "aria-valuenow": currentValue,
         "aria-valuemax": max,
-        "aria-valuemin": min,
-        "aria-valuetext": getAriaValueText ? getAriaValueText(currentValue) : ariaValueText
+        "aria-valuemin": min
       }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_index.default, {
         content: tipChildren.min,
         position: "top",
         trigger: "custom",
         rePosKey: minPercent,
-        visible: isInRenderTree && tipVisible.min,
+        visible: isInRenderTree && (tipVisible.min || firstDotFocusVisible),
         className: "".concat(_constants.cssClasses.HANDLE, "-tooltip")
       }, /*#__PURE__*/_react.default.createElement("span", (0, _assign.default)({
         ref: this.minHanleEl,
@@ -194,12 +204,20 @@ class Slider extends _baseComponent.default {
         onTouchEnd: e => {
           this.foundation.onHandleUp(e);
         },
-        onFocus: e => this.foundation.onFocus(e, 'min'),
+        onKeyDown: e => {
+          this.foundation.handleKeyDown(e, 'min');
+        },
+        onFocus: e => {
+          this.foundation.onFocus(e, 'min');
+        },
+        onBlur: e => {
+          this.foundation.onBlur(e, 'min');
+        },
         role: "slider",
-        tabIndex: 0
+        tabIndex: disabled ? -1 : 0
       }, commonAria, {
+        "aria-valuetext": getAriaValueText ? getAriaValueText(currentValue[0], 0) : ariaValueText,
         "aria-valuenow": currentValue[0],
-        "aria-valuetext": getAriaValueText ? getAriaValueText(currentValue[0]) : ariaValueText,
         "aria-valuemax": currentValue[1],
         "aria-valuemin": min
       }))), /*#__PURE__*/_react.default.createElement(_index.default, {
@@ -207,7 +225,7 @@ class Slider extends _baseComponent.default {
         position: "top",
         trigger: "custom",
         rePosKey: maxPercent,
-        visible: isInRenderTree && tipVisible.max,
+        visible: isInRenderTree && (tipVisible.max || secondDotFocusVisible),
         className: "".concat(_constants.cssClasses.HANDLE, "-tooltip")
       }, /*#__PURE__*/_react.default.createElement("span", (0, _assign.default)({
         ref: this.maxHanleEl,
@@ -238,12 +256,20 @@ class Slider extends _baseComponent.default {
         onTouchEnd: e => {
           this.foundation.onHandleUp(e);
         },
-        onFocus: e => this.foundation.onFocus(e, 'min'),
+        onKeyDown: e => {
+          this.foundation.handleKeyDown(e, 'max');
+        },
+        onFocus: e => {
+          this.foundation.onFocus(e, 'max');
+        },
+        onBlur: e => {
+          this.foundation.onBlur(e, 'max');
+        },
         role: "slider",
-        tabIndex: 0
+        tabIndex: disabled ? -1 : 0
       }, commonAria, {
+        "aria-valuetext": getAriaValueText ? getAriaValueText(currentValue[1], 1) : ariaValueText,
         "aria-valuenow": currentValue[1],
-        "aria-valuetext": getAriaValueText ? getAriaValueText(currentValue[1]) : ariaValueText,
         "aria-valuemax": max,
         "aria-valuemin": currentValue[0]
       }))));
@@ -344,6 +370,13 @@ class Slider extends _baseComponent.default {
       return labelContent;
     };
 
+    this._getAriaValueText = (value, index) => {
+      const {
+        getAriaValueText
+      } = this.props;
+      return getAriaValueText ? getAriaValueText(value, index) : value;
+    };
+
     let {
       value
     } = this.props;
@@ -364,14 +397,14 @@ class Slider extends _baseComponent.default {
       isDrag: false,
       clickValue: 0,
       showBoundary: false,
-      isInRenderTree: true
+      isInRenderTree: true,
+      firstDotFocusVisible: false,
+      secondDotFocusVisible: false
     };
     this.sliderEl = /*#__PURE__*/_react.default.createRef();
     this.minHanleEl = /*#__PURE__*/_react.default.createRef();
     this.maxHanleEl = /*#__PURE__*/_react.default.createRef();
-    this.dragging = [false, false]; // this.chooseMovePos = 'min';
-    // this.isDrag = false;
-
+    this.dragging = [false, false];
     this.foundation = new _foundation.default(this.adapter);
     this.eventListenerSet = new _set.default();
   }
@@ -437,8 +470,7 @@ class Slider extends _baseComponent.default {
         return flag;
       },
       getOverallVars: () => ({
-        dragging: this.dragging,
-        chooseMovePos: this.chooseMovePos
+        dragging: this.dragging
       }),
       updateDisabled: disabled => {
         this.setState({
@@ -472,9 +504,6 @@ class Slider extends _baseComponent.default {
       getMinHandleEl: () => this.minHanleEl,
       getMaxHandleEl: () => this.maxHanleEl,
       onHandleDown: e => {
-        e.stopPropagation();
-        e.preventDefault();
-
         this._addEventListener(document.body, 'mousemove', this.foundation.onHandleMove, false);
 
         this._addEventListener(document.body, 'mouseup', this.foundation.onHandleUp, false);
@@ -597,38 +626,56 @@ class Slider extends _baseComponent.default {
   }
 
   render() {
+    var _context5;
+
+    const {
+      disabled,
+      currentValue,
+      min,
+      max
+    } = this.state;
+    const {
+      vertical,
+      verticalReverse,
+      style,
+      railStyle,
+      range,
+      className
+    } = this.props;
     const wrapperClass = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), {
-      ["".concat(prefixCls, "-disabled")]: this.state.disabled,
-      ["".concat(_constants.cssClasses.VERTICAL, "-wrapper")]: this.props.vertical,
-      ["".concat(prefixCls, "-reverse")]: this.props.vertical && this.props.verticalReverse
-    }, this.props.className);
+      ["".concat(prefixCls, "-disabled")]: disabled,
+      ["".concat(_constants.cssClasses.VERTICAL, "-wrapper")]: vertical,
+      ["".concat(prefixCls, "-reverse")]: vertical && verticalReverse
+    }, className);
     const boundaryClass = (0, _classnames.default)("".concat(prefixCls, "-boundary"), {
       ["".concat(prefixCls, "-boundary-show")]: this.props.showBoundary && this.state.showBoundary
     });
     const sliderCls = (0, _classnames.default)({
-      ["".concat(prefixCls)]: !this.props.vertical,
-      [_constants.cssClasses.VERTICAL]: this.props.vertical
+      ["".concat(prefixCls)]: !vertical,
+      [_constants.cssClasses.VERTICAL]: vertical
     });
+    const ariaLabel = range ? (0, _concat.default)(_context5 = "Range: ".concat(this._getAriaValueText(currentValue[0], 0), " to ")).call(_context5, this._getAriaValueText(currentValue[1], 1)) : undefined;
 
     const slider = /*#__PURE__*/_react.default.createElement("div", {
       className: wrapperClass,
-      style: this.props.style,
+      style: style,
       ref: this.sliderEl,
+      "aria-label": ariaLabel,
       onMouseEnter: () => this.foundation.handleWrapperEnter(),
       onMouseLeave: () => this.foundation.handleWrapperLeave()
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(prefixCls, "-rail"),
       onClick: this.foundation.handleWrapClick,
-      style: this.props.railStyle
+      style: railStyle
     }), this.renderTrack(), this.renderStepDot(), /*#__PURE__*/_react.default.createElement("div", null, this.renderHandle()), this.renderLabel(), /*#__PURE__*/_react.default.createElement("div", {
       className: boundaryClass
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(prefixCls, "-boundary-min")
-    }, this.state.min), /*#__PURE__*/_react.default.createElement("span", {
+    }, min), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(prefixCls, "-boundary-max")
-    }, this.state.max)));
+    }, max)));
 
-    if (!this.props.vertical) {
+    if (!vertical) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: sliderCls
       }, slider);
@@ -683,7 +730,8 @@ Slider.propTypes = {
   className: _propTypes.default.string,
   showBoundary: _propTypes.default.bool,
   railStyle: _propTypes.default.object,
-  verticalReverse: _propTypes.default.bool
+  verticalReverse: _propTypes.default.bool,
+  getAriaValueText: _propTypes.default.func
 };
 Slider.defaultProps = {
   // allowClear: false,

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

@@ -63,6 +63,11 @@ export interface ResolvedDataItem extends DataItem {
     };
     _optionKey?: string | number;
 }
+export interface DraggableResolvedDataItem {
+    key?: string | number;
+    index?: number;
+    item?: ResolvedDataItem;
+}
 export declare type DataSource = Array<DataItem> | Array<GroupItem> | Array<TreeItem>;
 interface HeaderConfig {
     totalContent: string;

package/lib/cjs/transfer/index.js

@@ -460,16 +460,8 @@ class Transfer extends _baseComponent.default {
       type,
       showPath
     } = this.props;
-    let newItem = item;
 
-    if (draggable) {
-      newItem = (0, _assign.default)((0, _assign.default)({}, item), {
-        key: item._optionKey
-      });
-      delete newItem._optionKey;
-    }
-
-    const onRemove = () => this.foundation.handleSelectOrRemove(newItem);
+    const onRemove = () => this.foundation.handleSelectOrRemove(item);
 
     const rightItemCls = (0, _classnames.default)({
       ["".concat(prefixcls, "-item")]: true,
@@ -497,7 +489,7 @@ class Transfer extends _baseComponent.default {
       _react.default.createElement("div", {
         role: "listitem",
         className: rightItemCls,
-        key: newItem.key
+        key: item.key
       }, draggable ? /*#__PURE__*/_react.default.createElement(DragHandle, null) : null, /*#__PURE__*/_react.default.createElement("div", {
         className: "".concat(prefixcls, "-right-item-text")
       }, label), /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
@@ -524,7 +516,7 @@ class Transfer extends _baseComponent.default {
 
   renderRightSortableList(selectedData) {
     // when choose some items && draggable is true
-    const SortableItem = (0, _reactSortableHoc.SortableElement)(item => this.renderRightItem(item));
+    const SortableItem = (0, _reactSortableHoc.SortableElement)(props => this.renderRightItem(props.item));
     const SortableList = (0, _reactSortableHoc.SortableContainer)(_ref => {
       let {
         items
@@ -535,14 +527,12 @@ class Transfer extends _baseComponent.default {
         "aria-label": "Selected list"
       }, (0, _map2.default)(items).call(items, (item, index) =>
       /*#__PURE__*/
-      // sortableElement will take over the property 'key', so use another '_optionKey' to pass
       // @ts-ignore skip SortableItem type check
-      _react.default.createElement(SortableItem, (0, _assign.default)({
+      _react.default.createElement(SortableItem, {
         key: item.label,
-        index: index
-      }, item, {
-        _optionKey: item.key
-      })))) // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        index: index,
+        item: item
+      }))) // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore see reasons: https://github.com/clauderic/react-sortable-hoc/issues/206
       ;
     }, {

package/lib/cjs/typography/base.js

@@ -89,12 +89,18 @@ const wrapperDecorations = (props, content) => {
     underline,
     strong,
     link,
-    disabled
+    disabled,
+    icon
   } = props;
   let wrapped = content;
 
   const wrap = (isNeeded, tag) => {
-    let wrapProps = {};
+    let wrapProps = icon ? {
+      style: {
+        display: 'inline-flex',
+        alignItems: 'center'
+      }
+    } : {};
 
     if (!isNeeded) {
       return;
@@ -112,7 +118,13 @@ const wrapperDecorations = (props, content) => {
   wrap(underline && !link, 'u');
   wrap(strong, 'strong');
   wrap(props.delete, 'del');
-  wrap(link, disabled ? 'span' : 'a');
+  wrap(link, disabled ? 'span' : 'a'); // When the content is not wrapped, and there is more than one element in the content (one of which is an icon), 
+  // use span to wrap the content, so that the content in the span is vertically aligned
+
+  if (wrapped === content && icon) {
+    wrap(true, 'span');
+  }
+
   return wrapped;
 };
 

package/lib/cjs/typography/text.js

@@ -24,15 +24,25 @@ var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants
 
 var _base = _interopRequireDefault(require("./base"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 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 prefixCls = _constants.cssClasses.PREFIX;
+
 class Text extends _react.PureComponent {
   render() {
+    const className = (0, _classnames.default)(this.props.className, {
+      ["".concat(prefixCls, "-text")]: true,
+      ["".concat(prefixCls, "-text-icon")]: this.props.icon
+    });
     return /*#__PURE__*/_react.default.createElement(_base.default, (0, _assign.default)({
       component: 'span'
-    }, this.props));
+    }, this.props, {
+      className: className
+    }));
   }
 
 }

package/lib/es/button/buttonGroup.d.ts

@@ -24,8 +24,6 @@ export default class ButtonGroup extends BaseComponent<ButtonGroupProps> {
     };
     static defaultProps: {
         size: string;
-        type: string;
-        theme: string;
     };
     render(): JSX.Element;
 }

package/lib/es/button/buttonGroup.js

@@ -68,7 +68,8 @@ ButtonGroup.propTypes = {
   'aria-label': PropTypes.string
 };
 ButtonGroup.defaultProps = {
-  size: 'default',
-  type: 'primary',
-  theme: 'light'
+  // There are default values ​​for type and theme in Button. 
+  // In order to allow users to individually customize the type and theme of the Button through the parameters of the Button in the ButtonGroup,
+  // the default value of type and theme is not given in the ButtonGroup。
+  size: 'default'
 };

package/lib/es/cascader/index.d.ts

@@ -8,6 +8,7 @@ import Input from '../input/index';
 import { PopoverProps } from '../popover/index';
 import { CascaderData, Entities, Entity, Data } from './item';
 import { Motion } from '../_base/base';
+import { Position } from '../tooltip/index';
 export { CascaderType, ShowNextType } from '@douyinfe/semi-foundation/lib/es/cascader/foundation';
 export { CascaderData, Entity, Data, CascaderItemProps } from './item';
 export interface ScrollPanelProps extends BasicScrollPanelProps {
@@ -53,6 +54,7 @@ export interface CascaderProps extends BasicCascaderProps {
     onBlur?: (e: MouseEvent) => void;
     onFocus?: (e: MouseEvent) => void;
     validateStatus?: ValidateStatus;
+    position?: Position;
 }
 export interface CascaderState extends BasicCascaderInnerData {
     keyEntities: Entities;
@@ -132,6 +134,7 @@ declare class Cascader extends BaseComponent<CascaderProps, CascaderState> {
         leafOnly: PropTypes.Requireable<boolean>;
         enableLeafClick: PropTypes.Requireable<boolean>;
         preventScroll: PropTypes.Requireable<boolean>;
+        position: PropTypes.Requireable<string>;
     };
     static defaultProps: {
         leafOnly: boolean;

package/lib/es/cascader/index.js

@@ -922,7 +922,8 @@ class Cascader extends BaseComponent {
       autoAdjustOverflow,
       stopPropagation,
       mouseLeaveDelay,
-      mouseEnterDelay
+      mouseEnterDelay,
+      position
     } = this.props;
     const {
       isOpen,
@@ -933,7 +934,7 @@ class Cascader extends BaseComponent {
     } = this.context;
     const content = this.renderContent();
     const selection = this.renderSelection();
-    const pos = direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
+    const pos = position !== null && position !== void 0 ? position : direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
     const mergedMotion = this.foundation.getMergedMotion();
     return /*#__PURE__*/React.createElement(Popover, {
       getPopupContainer: getPopupContainer,
@@ -1027,7 +1028,8 @@ Cascader.propTypes = {
   disableStrictly: PropTypes.bool,
   leafOnly: PropTypes.bool,
   enableLeafClick: PropTypes.bool,
-  preventScroll: PropTypes.bool
+  preventScroll: PropTypes.bool,
+  position: PropTypes.string
 };
 Cascader.defaultProps = {
   leafOnly: false,

package/lib/es/iconButton/index.js

@@ -56,6 +56,9 @@ class IconButton extends PureComponent {
     } else if (noHorizontalPadding === true) {
       style.paddingLeft = 0;
       style.paddingRight = 0;
+    } else if (typeof noHorizontalPadding === 'string') {
+      noHorizontalPadding === 'left' && (style.paddingLeft = 0);
+      noHorizontalPadding === 'right' && (style.paddingRight = 0);
     }
 
     let finalChildren = null;

package/lib/es/radio/radio.js

@@ -210,11 +210,9 @@ class Radio extends BaseComponent {
       focusInner: focusVisible && !focusOuter,
       onInputFocus: this.handleFocusVisible,
       onInputBlur: this.handleBlur
-    })), /*#__PURE__*/React.createElement("div", {
-      className: cls(["".concat(prefix, "-content"), {
-        ["".concat(prefix, "-isCardRadioGroup_content")]: isCardRadioGroup
-      }])
-    }, renderContent()));
+    })), isCardRadioGroup ? /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefix, "-isCardRadioGroup_content")
+    }, renderContent()) : renderContent());
   }
 
 }

package/lib/es/slider/index.d.ts

@@ -15,7 +15,6 @@ export default class Slider extends BaseComponent<SliderProps, SliderState> {
     private maxHanleEl;
     private dragging;
     private eventListenerSet;
-    private chooseMovePos;
     foundation: SliderFoundation;
     constructor(props: SliderProps);
     get adapter(): SliderAdapter;
@@ -26,6 +25,7 @@ export default class Slider extends BaseComponent<SliderProps, SliderState> {
     renderTrack: () => JSX.Element;
     renderStepDot: () => JSX.Element;
     renderLabel: () => JSX.Element;
+    _getAriaValueText: (value: number, index?: number) => string | number;
     render(): JSX.Element;
     private _addEventListener;
 }