@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.1-alpha.0

package/lib/cjs/radio/radio.js

@@ -4,74 +4,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isBoolean2 = _interopRequireDefault(require("lodash/isBoolean"));
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _radioFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/radio/radioFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/radio/constants");
-
 var _uuid = require("@douyinfe/semi-foundation/lib/cjs/utils/uuid");
-
 require("@douyinfe/semi-foundation/lib/cjs/radio/radio.css");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _radioInner = _interopRequireDefault(require("./radioInner"));
-
 var _context = _interopRequireDefault(require("./context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable prefer-destructuring */
+
 class Radio extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.onChange = e => {
       const {
         onChange
       } = this.props;
-
       if (this.isInGroup()) {
         const {
           radioGroup
         } = this.context;
         radioGroup.onChange && radioGroup.onChange(e);
       }
-
       !('checked' in this.props) && this.foundation.setChecked(e.target.checked);
       onChange && onChange(e);
     };
-
     this.handleMouseEnter = e => {
       this.props.onMouseEnter(e);
       this.foundation.setHover(true);
     };
-
     this.handleMouseLeave = e => {
       this.props.onMouseLeave(e);
       this.foundation.setHover(false);
     };
-
     this.handleFocusVisible = event => {
       this.foundation.handleFocusVisible(event);
     };
-
     this.handleBlur = event => {
       this.foundation.handleBlur();
     };
-
     this.state = {
       hover: false,
       addonId: props.addonId,
@@ -81,7 +59,6 @@ class Radio extends _baseComponent.default {
     this.foundation = new _radioFoundation.default(this.adapter);
     this.radioEntity = null;
   }
-
   componentDidUpdate(prevProps) {
     if (this.props.checked !== prevProps.checked) {
       if ((0, _isUndefined2.default)(this.props.checked)) {
@@ -91,7 +68,6 @@ class Radio extends _baseComponent.default {
       }
     }
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setHover: hover => {
@@ -125,20 +101,16 @@ class Radio extends _baseComponent.default {
       }
     });
   }
-
   isInGroup() {
     // eslint-disable-next-line react/destructuring-assignment
     return this.context && this.context.radioGroup;
   }
-
   focus() {
     this.radioEntity.focus();
   }
-
   blur() {
     this.radioEntity.blur();
   }
-
   render() {
     const {
       addonClassName,
@@ -167,7 +139,6 @@ class Radio extends _baseComponent.default {
       checked,
       disabled
     };
-
     if (this.isInGroup()) {
       realChecked = this.context.radioGroup.value === propValue;
       isDisabled = disabled || this.context.radioGroup.disabled;
@@ -189,7 +160,6 @@ class Radio extends _baseComponent.default {
       isPureCardRadioGroup = type === _constants.strings.TYPE_PURECARD;
       isCardRadioGroup = type === _constants.strings.TYPE_CARD || isPureCardRadioGroup;
     }
-
     const isButtonRadio = typeof isButtonRadioGroup === 'undefined' ? isButtonRadioComponent : isButtonRadioGroup;
     const prefix = realPrefixCls || _constants.radioClasses.PREFIX;
     const focusOuter = isCardRadioGroup || isPureCardRadioGroup || isButtonRadio;
@@ -218,12 +188,10 @@ class Radio extends _baseComponent.default {
       [`${prefix}-addon-buttonRadio-${buttonSize}`]: isButtonRadio && buttonSize,
       [`${prefix}-focus`]: focusVisible && isButtonRadio
     }, addonClassName);
-
     const renderContent = () => {
       if (!children && !extra) {
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)([`${prefix}-content`, {
           [`${prefix}-isCardRadioGroup_content`]: isCardRadioGroup
@@ -239,7 +207,6 @@ class Radio extends _baseComponent.default {
         "x-semi-prop": "extra"
       }, extra) : null);
     };
-
     return /*#__PURE__*/_react.default.createElement("label", {
       style: style,
       className: wrapper,
@@ -261,9 +228,7 @@ class Radio extends _baseComponent.default {
       onInputBlur: this.handleBlur
     })), renderContent());
   }
-
 }
-
 Radio.contextType = _context.default;
 Radio.propTypes = {
   autoFocus: _propTypes.default.bool,

package/lib/cjs/radio/radioGroup.d.ts

@@ -15,8 +15,8 @@ export interface OptionItem {
     style?: React.CSSProperties;
     className?: string;
 }
-export declare type Options = string[] | Array<OptionItem>;
-export declare type RadioGroupProps = {
+export type Options = string[] | Array<OptionItem>;
+export type RadioGroupProps = {
     defaultValue?: string | number;
     disabled?: boolean;
     name?: string;

package/lib/cjs/radio/radioGroup.js

@@ -4,63 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/radio/constants");
-
 var _radioGroupFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/radio/radioGroupFoundation"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _radio = _interopRequireDefault(require("./radio"));
-
 var _context = _interopRequireDefault(require("./context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class RadioGroup extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.onChange = evt => {
       this.foundation.handleChange(evt);
     };
-
     this.getFormatName = () => this.props.name || 'default';
-
     this.state = {
       value: props.value || props.defaultValue
     };
     this.foundation = new _radioGroupFoundation.default(this.adapter);
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentDidUpdate(prevProps) {
     if (typeof prevProps.value === 'number' && isNaN(prevProps.value) && typeof this.props.value === 'number' && isNaN(this.props.value)) {
       // `NaN === NaN` returns false, and this will fail the next if check
       // therefore triggering an infinite loop
       return;
     }
-
     if (prevProps.value !== this.props.value) {
       this.foundation.handlePropValueChange(this.props.value);
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setValue: value => {
@@ -75,7 +56,6 @@ class RadioGroup extends _baseComponent.default {
       }
     });
   }
-
   render() {
     const {
       children,
@@ -104,7 +84,6 @@ class RadioGroup extends _baseComponent.default {
     });
     const realValue = this.state.value;
     let inner;
-
     if (options) {
       inner = (options || []).map((option, index) => {
         if (typeof option === 'string') {
@@ -129,7 +108,6 @@ class RadioGroup extends _baseComponent.default {
         key: index
       }) : null);
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefixClsDisplay,
       style: style,
@@ -157,9 +135,7 @@ class RadioGroup extends _baseComponent.default {
       }
     }, inner));
   }
-
 }
-
 RadioGroup.propTypes = {
   defaultValue: _propTypes.default.any,
   disabled: _propTypes.default.bool,

package/lib/cjs/radio/radioInner.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import RadioInnerFoundation, { RadioChangeEvent, RadioInnerAdapter } from '@douyinfe/semi-foundation/lib/cjs/radio/radioInnerFoundation';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-export declare type RadioInnerMode = 'advanced' | '';
+export type RadioInnerMode = 'advanced' | '';
 export interface RadioInnerProps extends BaseProps {
     checked?: boolean;
     disabled?: boolean;

package/lib/cjs/radio/radioInner.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _radioInnerFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/radio/radioInnerFoundation"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/radio/constants");
-
 var _context = _interopRequireDefault(require("./context"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class RadioInner extends _baseComponent.default {
   constructor(props) {
     super(props);
@@ -34,7 +23,6 @@ class RadioInner extends _baseComponent.default {
     this.foundation = new _radioInnerFoundation.default(this.adapter);
     this.onChange = this.onChange.bind(this);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setNativeControlChecked: checked => {
@@ -47,25 +35,20 @@ class RadioInner extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentDidUpdate(prevProps) {
     if (prevProps.checked !== this.props.checked) {
       this.foundation.setChecked(this.props.checked);
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   blur() {
     this.inputEntity.blur();
   }
-
   focus() {
     const {
       preventScroll
@@ -74,11 +57,9 @@ class RadioInner extends _baseComponent.default {
       preventScroll
     });
   }
-
   onChange(e) {
     this.foundation.handleChange(e);
   }
-
   render() {
     const {
       disabled,
@@ -130,9 +111,7 @@ class RadioInner extends _baseComponent.default {
       className: inner
     }, checked ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconRadio, null) : null));
   }
-
 }
-
 RadioInner.contextType = _context.default;
 RadioInner.propTypes = {
   checked: _propTypes.default.bool,

package/lib/cjs/rating/index.js

@@ -4,121 +4,88 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/rating/constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 var _item = _interopRequireDefault(require("./item"));
-
 var _tooltip = _interopRequireDefault(require("../tooltip"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/rating/foundation"));
-
 require("@douyinfe/semi-foundation/lib/cjs/rating/rating.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class Rating extends _baseComponent.default {
   constructor(props) {
     super(props);
     this.rate = null;
-
     this.onHover = (event, index) => {
       this.foundation.handleHover(event, index);
     };
-
     this.onMouseLeave = () => {
       this.foundation.handleMouseLeave();
     };
-
     this.onClick = (event, index) => {
       this.foundation.handleClick(event, index);
     };
-
     this.onFocus = e => {
       this.foundation.handleFocus(e);
     };
-
     this.onBlur = e => {
       this.foundation.handleBlur(e);
     };
-
     this.onKeyDown = event => {
       const {
         value
       } = this.state;
       this.foundation.handleKeyDown(event, value);
     };
-
     this.focus = () => {
       const {
         disabled,
         preventScroll
       } = this.props;
-
       if (!disabled) {
         this.rate.focus({
           preventScroll
         });
       }
     };
-
     this.blur = () => {
       const {
         disabled
       } = this.props;
-
       if (!disabled) {
         this.rate.blur();
       }
     };
-
     this.saveRef = index => node => {
       this.stars[index] = node;
     };
-
     this.saveRate = node => {
       this.rate = node;
     };
-
     this.handleStarFocusVisible = event => {
       this.foundation.handleStarFocusVisible(event);
     };
-
     this.handleStarBlur = event => {
       this.foundation.handleStarBlur(event);
     };
-
     this.getAriaLabelPrefix = () => {
       if (this.props['aria-label']) {
         return this.props['aria-label'];
       }
-
       let prefix = 'star';
       const {
         character
       } = this.props;
-
       if (typeof character === 'string') {
         prefix = character;
       }
-
       return prefix;
     };
-
     this.getItemList = ariaLabelPrefix => {
       const {
         count,
@@ -133,8 +100,8 @@ class Rating extends _baseComponent.default {
         value,
         hoverValue,
         focused
-      } = this.state; // index == count is for Empty rating
-
+      } = this.state;
+      // index == count is for Empty rating
       const itemList = [...Array(count + 1).keys()].map(ind => {
         const content = /*#__PURE__*/_react.default.createElement(_item.default, {
           ref: this.saveRef(ind),
@@ -154,7 +121,6 @@ class Rating extends _baseComponent.default {
           onFocus: disabled || count !== ind ? _function.noop : this.handleStarFocusVisible,
           onBlur: disabled || count !== ind ? _function.noop : this.handleStarBlur
         });
-
         if (tooltips) {
           const text = tooltips[ind] ? tooltips[ind] : '';
           const showTips = hoverValue - 1 === ind;
@@ -165,12 +131,10 @@ class Rating extends _baseComponent.default {
             key: `${ind}-${showTips}`
           }, content);
         }
-
         return content;
       });
       return itemList;
     };
-
     const value = props.value === undefined ? props.defaultValue : props.value;
     this.stars = {};
     this.state = {
@@ -182,17 +146,14 @@ class Rating extends _baseComponent.default {
     };
     this.foundation = new _foundation.default(this.adapter);
   }
-
   static getDerivedStateFromProps(nextProps, state) {
     if ('value' in nextProps && nextProps.value !== undefined) {
       return Object.assign(Object.assign({}, state), {
         value: nextProps.value
       });
     }
-
     return state;
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       focus: () => {
@@ -203,15 +164,14 @@ class Rating extends _baseComponent.default {
         const {
           value
         } = this.state;
-
         if (!disabled) {
           const index = Math.ceil(value) - 1;
           this.stars[index < 0 ? count : index].starFocus();
         }
       },
       getStarDOM: index => {
-        const instance = this.stars && this.stars[index]; // eslint-disable-next-line react/no-find-dom-node
-
+        const instance = this.stars && this.stars[index];
+        // eslint-disable-next-line react/no-find-dom-node
         return _reactDom.default.findDOMNode(instance);
       },
       notifyHoverChange: (hoverValue, clearedValue) => {
@@ -228,13 +188,11 @@ class Rating extends _baseComponent.default {
         const {
           onChange
         } = this.props;
-
         if (!('value' in this.props)) {
           this.setState({
             value
           });
         }
-
         onChange(value);
       },
       clearValue: clearedValue => {
@@ -276,15 +234,12 @@ class Rating extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   render() {
     const {
       style,
@@ -325,9 +280,7 @@ class Rating extends _baseComponent.default {
       }, itemList)
     );
   }
-
 }
-
 exports.default = Rating;
 Rating.contextType = _context.default;
 Rating.propTypes = {

package/lib/cjs/rating/item.d.ts

@@ -4,7 +4,7 @@ import { strings } from '@douyinfe/semi-foundation/lib/cjs/rating/constants';
 import '@douyinfe/semi-foundation/lib/cjs/rating/rating.css';
 import { RatingItemFoundation, RatingItemAdapter } from '@douyinfe/semi-foundation/lib/cjs/rating/foundation';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-declare type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
+type ArrayElement<ArrayType extends readonly unknown[]> = ArrayType extends readonly (infer ElementType)[] ? ElementType : never;
 export interface RatingItemProps extends BaseProps {
     value: number;
     index: number;