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

package/lib/cjs/popconfirm/index.js

@@ -4,46 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/popconfirm/constants");
-
 var _popconfirmFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/popconfirm/popconfirmFoundation"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _popover = _interopRequireDefault(require("../popover"));
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 require("@douyinfe/semi-foundation/lib/cjs/popconfirm/popconfirm.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
@@ -51,21 +31,14 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable max-len */
 
-
 class Popconfirm extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleCancel = e => this.foundation.handleCancel(e && e.nativeEvent);
-
     this.handleConfirm = e => this.foundation.handleConfirm(e && e.nativeEvent);
-
     this.handleVisibleChange = visible => this.foundation.handleVisibleChange(visible);
-
     this.handleClickOutSide = e => this.foundation.handleClickOutSide(e);
-
     this.stopImmediatePropagation = e => e && e.nativeEvent && e.nativeEvent.stopImmediatePropagation();
-
     this.renderConfirmPopCard = _ref => {
       let {
         initialFocusRef
@@ -89,7 +62,6 @@ class Popconfirm extends _baseComponent.default {
       const showContent = !(content === null || typeof content === 'undefined');
       return (
         /*#__PURE__*/
-
         /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */
         _react.default.createElement("div", {
           className: popCardCls,
@@ -125,7 +97,6 @@ class Popconfirm extends _baseComponent.default {
         }, this.renderControls())))
       );
     };
-
     this.state = {
       cancelLoading: false,
       confirmLoading: false,
@@ -135,20 +106,16 @@ class Popconfirm extends _baseComponent.default {
     this.footerRef = /*#__PURE__*/_react.default.createRef();
     this.popoverRef = /*#__PURE__*/_react.default.createRef();
   }
-
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
     const {
       hasOwnProperty
     } = Object.prototype;
-
     if (hasOwnProperty.call(props, 'visible')) {
       willUpdateStates.visible = props.visible;
     }
-
     return willUpdateStates;
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setVisible: visible => this.setState({
@@ -166,7 +133,6 @@ class Popconfirm extends _baseComponent.default {
       notifyClickOutSide: e => this.props.onClickOutSide(e),
       focusCancelButton: () => {
         var _a, _b;
-
         const buttonNode = (_b = (_a = this.footerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.querySelector('[data-type=cancel]');
         buttonNode === null || buttonNode === void 0 ? void 0 : buttonNode.focus({
           preventScroll: true
@@ -174,7 +140,6 @@ class Popconfirm extends _baseComponent.default {
       },
       focusOkButton: () => {
         var _a, _b;
-
         const buttonNode = (_b = (_a = this.footerRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.querySelector('[data-type=ok]');
         buttonNode === null || buttonNode === void 0 ? void 0 : buttonNode.focus({
           preventScroll: true
@@ -182,12 +147,10 @@ class Popconfirm extends _baseComponent.default {
       },
       focusPrevFocusElement: () => {
         var _a;
-
         (_a = this.popoverRef.current) === null || _a === void 0 ? void 0 : _a.focusTrigger();
       }
     });
   }
-
   renderControls() {
     const {
       okText,
@@ -216,29 +179,25 @@ class Popconfirm extends _baseComponent.default {
       loading: confirmLoading
     }, (0, _omit2.default)(okButtonProps, 'autoFocus')), okText || (0, _get2.default)(locale, 'confirm'))));
   }
-
   render() {
     // rtl changes the default position
     const {
       direction
     } = this.context;
     const defaultPosition = direction === 'rtl' ? 'bottomRight' : 'bottomLeft';
-
     const _a = this.props,
-          {
-      className,
-      prefixCls,
-      disabled,
-      children,
-      style,
-      position = defaultPosition
-    } = _a,
-          attrs = __rest(_a, ["className", "prefixCls", "disabled", "children", "style", "position"]);
-
+      {
+        className,
+        prefixCls,
+        disabled,
+        children,
+        style,
+        position = defaultPosition
+      } = _a,
+      attrs = __rest(_a, ["className", "prefixCls", "disabled", "children", "style", "position"]);
     if (disabled) {
       return children;
     }
-
     const {
       visible
     } = this.state;
@@ -247,11 +206,9 @@ class Popconfirm extends _baseComponent.default {
       className: _constants.cssClasses.POPOVER,
       onClickOutSide: this.handleClickOutSide
     };
-
     if (this.isControlled('visible')) {
       popProps.trigger = 'custom';
     }
-
     return /*#__PURE__*/_react.default.createElement(_popover.default, Object.assign({
       ref: this.popoverRef
     }, attrs, {
@@ -269,9 +226,7 @@ class Popconfirm extends _baseComponent.default {
       position: position
     }, popProps), children);
   }
-
 }
-
 exports.default = Popconfirm;
 Popconfirm.contextType = _context.default;
 Popconfirm.propTypes = {

package/lib/cjs/popover/Arrow.js

@@ -4,41 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 const Arrow = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
   const {
-    position = '',
-    className,
-    arrowStyle,
-    popStyle
-  } = props,
-        rest = __rest(props, ["position", "className", "arrowStyle", "popStyle"]);
-
+      position = '',
+      className,
+      arrowStyle,
+      popStyle
+    } = props,
+    rest = __rest(props, ["position", "className", "arrowStyle", "popStyle"]);
   const isVertical = position.indexOf('top') === 0 || position.indexOf('bottom') === 0;
   const cls = (0, _classnames.default)(className, _constants.cssClasses.ARROW);
   const borderOpacity = (0, _get2.default)(arrowStyle, 'borderOpacity', _constants.strings.DEFAULT_ARROW_STYLE.borderOpacity);
@@ -66,7 +54,6 @@ const Arrow = function () {
     fill: bgColor
   }));
 };
-
 Arrow.propTypes = {
   position: _propTypes.default.string,
   className: _propTypes.default.string,

package/lib/cjs/popover/index.js

@@ -4,56 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
-
 var _index = _interopRequireDefault(require("../tooltip/index"));
-
 var _Arrow = _interopRequireDefault(require("./Arrow"));
-
 require("@douyinfe/semi-foundation/lib/cjs/popover/popover.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 const positionSet = _constants.strings.POSITION_SET;
 const triggerSet = _constants.strings.TRIGGER_SET;
-
 class Popover extends _react.default.PureComponent {
   constructor(props) {
     super(props);
     /**
      * focus on tooltip trigger
      */
-
     this.focusTrigger = () => {
       var _a;
-
       (_a = this.tooltipRef.current) === null || _a === void 0 ? void 0 : _a.focusTrigger();
     };
-
     this.renderPopCard = _ref => {
       let {
         initialFocusRef
@@ -79,7 +60,6 @@ class Popover extends _react.default.PureComponent {
         className: `${prefixCls}-content`
       }, contentNode));
     };
-
     this.renderContentNode = props => {
       const {
         initialFocusRef,
@@ -90,24 +70,21 @@ class Popover extends _react.default.PureComponent {
       };
       return !(0, _isFunction2.default)(content) ? content : content(contentProps);
     };
-
     this.tooltipRef = /*#__PURE__*/_react.default.createRef();
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      prefixCls,
-      showArrow,
-      arrowStyle = {},
-      arrowBounding,
-      position,
-      style,
-      trigger
-    } = _a,
-          attr = __rest(_a, ["children", "prefixCls", "showArrow", "arrowStyle", "arrowBounding", "position", "style", "trigger"]);
-
+      {
+        children,
+        prefixCls,
+        showArrow,
+        arrowStyle = {},
+        arrowBounding,
+        position,
+        style,
+        trigger
+      } = _a,
+      attr = __rest(_a, ["children", "prefixCls", "showArrow", "arrowStyle", "arrowBounding", "position", "style", "trigger"]);
     let {
       spacing
     } = this.props;
@@ -118,11 +95,9 @@ class Popover extends _react.default.PureComponent {
       arrowStyle
     };
     const arrow = showArrow ? /*#__PURE__*/_react.default.createElement(_Arrow.default, Object.assign({}, arrowProps)) : false;
-
     if (typeof spacing !== 'number') {
       spacing = showArrow ? _constants.numbers.SPACING_WITH_ARROW : _constants.numbers.SPACING;
     }
-
     const role = trigger === 'click' || trigger === 'custom' ? 'dialog' : 'tooltip';
     return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({
       guardFocus: true,
@@ -139,9 +114,7 @@ class Popover extends _react.default.PureComponent {
       role: role
     }), children);
   }
-
 }
-
 Popover.contextType = _context.default;
 Popover.propTypes = {
   children: _propTypes.default.node,

package/lib/cjs/progress/index.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/progress/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/progress/progress.css");
-
 var _semiAnimation = require("@douyinfe/semi-animation");
-
 var _generates = require("@douyinfe/semi-foundation/lib/cjs/progress/generates");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 Progress extends _react.Component {
   constructor(props) {
     super(props);
@@ -34,7 +22,6 @@ class Progress extends _react.Component {
     this._mounted = true;
     this.state = {
       percentNumber: this.props.percent // Specially used for animation of numbers
-
     };
   }
 
@@ -43,7 +30,6 @@ class Progress extends _react.Component {
       throw new Error('[Semi Progress]:percent can not be NaN');
       return;
     }
-
     if (prevProps.percent !== this.props.percent) {
       if (!this.props.motion) {
         // eslint-disable-next-line
@@ -52,11 +38,9 @@ class Progress extends _react.Component {
         });
         return;
       }
-
       if (this.animation && this.animation.destroy) {
         this.animation.destroy();
       }
-
       this.animation = new _semiAnimation.Animation({
         from: {
           value: prevProps.percent
@@ -73,9 +57,8 @@ class Progress extends _react.Component {
         // prevent setState while component is unmounted but this timer is called
         if (this._mounted === false) {
           return;
-        } // let percentNumber = Number.isInteger(props.value) ? props.value : Math.floor(props.value * 100) / 100;
-
-
+        }
+        // let percentNumber = Number.isInteger(props.value) ? props.value : Math.floor(props.value * 100) / 100;
         const percentNumber = parseInt(props.value);
         this.setState({
           percentNumber
@@ -86,7 +69,6 @@ class Progress extends _react.Component {
         if (this._mounted === false) {
           return;
         }
-
         this.setState({
           percentNumber: this.props.percent
         });
@@ -94,12 +76,10 @@ class Progress extends _react.Component {
       this.animation.start();
     }
   }
-
   componentWillUnmount() {
     this.animation && this.animation.destroy();
     this._mounted = false;
   }
-
   renderCircleProgress() {
     const {
       strokeLinecap,
@@ -129,24 +109,19 @@ class Progress extends _react.Component {
     const perc = this.calcPercent(percent);
     const percNumber = this.calcPercent(percentNumber);
     let width;
-
     if (this.props.width) {
       width = this.props.width;
     } else {
       size === _constants.strings.DEFAULT_SIZE ? width = 72 : width = 24;
-    } // parse stroke & generate gradients
-
-
-    const _stroke = this.selectStroke(stroke, percent, strokeGradient); // cx, cy is circle center
-
-
+    }
+    // parse stroke & generate gradients
+    const _stroke = this.selectStroke(stroke, percent, strokeGradient);
+    // cx, cy is circle center
     const cy = width / 2;
     const cx = width / 2;
     const radius = (width - strokeWidth) / 2; // radius
-
     const circumference = radius * 2 * Math.PI;
     const strokeDashoffset = (1 - perc / 100) * circumference; // Offset
-
     const strokeDasharray = `${circumference} ${circumference}`;
     const text = format(percNumber);
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -193,10 +168,8 @@ class Progress extends _react.Component {
       className: `${prefixCls}-circle-text`
     }, text) : null);
   }
-
   calcPercent(percent) {
     let perc;
-
     if (percent > 100) {
       perc = 100;
     } else if (percent < 0) {
@@ -204,24 +177,18 @@ class Progress extends _react.Component {
     } else {
       perc = percent;
     }
-
     return perc;
   }
-
   selectStroke(stroke, percent, strokeGradient) {
     if (typeof stroke === 'string') {
       return stroke;
     }
-
     const color = (0, _generates.generateColor)(stroke, percent, strokeGradient);
-
     if (typeof color !== 'undefined') {
       return color;
     }
-
     return _constants.strings.STROKE_DEFAULT;
   }
-
   renderLineProgress() {
     const {
       className,
@@ -252,20 +219,17 @@ class Progress extends _react.Component {
     });
     const innerCls = (0, _classnames.default)(`${prefixCls}-track-inner`);
     const perc = this.calcPercent(percent);
-    const percNumber = this.calcPercent(percentNumber); // parse stroke & generate gradients
-
+    const percNumber = this.calcPercent(percentNumber);
+    // parse stroke & generate gradients
     const _stroke = this.selectStroke(stroke, percent, strokeGradient);
-
     const innerStyle = {
       background: _stroke
     };
-
     if (direction === _constants.strings.DEFAULT_DIRECTION) {
       innerStyle.width = `${perc}%`;
     } else {
       innerStyle.height = `${perc}%`;
     }
-
     const text = format(percNumber);
     return /*#__PURE__*/_react.default.createElement("div", {
       id: id,
@@ -292,21 +256,17 @@ class Progress extends _react.Component {
       className: `${prefixCls}-line-text`
     }, text) : null);
   }
-
   render() {
     const {
       type
     } = this.props;
-
     if (type === 'line') {
       return this.renderLineProgress();
     } else {
       return this.renderCircleProgress();
     }
   }
-
 }
-
 Progress.propTypes = {
   'aria-label': _propTypes.default.string,
   'aria-labelledby': _propTypes.default.string,

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

@@ -2,8 +2,8 @@ import React from 'react';
 import { RadioChangeEvent } from '@douyinfe/semi-foundation/lib/cjs/radio/radioInnerFoundation';
 import { strings } from '@douyinfe/semi-foundation/lib/cjs/radio/constants';
 import { ArrayElement } from '../_base/base';
-export declare type RadioGroupButtonSize = ArrayElement<typeof strings.BUTTON_SIZE>;
-export declare type RadioMode = ArrayElement<typeof strings.MODE>;
+export type RadioGroupButtonSize = ArrayElement<typeof strings.BUTTON_SIZE>;
+export type RadioMode = ArrayElement<typeof strings.MODE>;
 export interface RadioContextValue {
     mode?: RadioMode;
     radioGroup?: {

package/lib/cjs/radio/context.js

@@ -4,12 +4,8 @@ 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 Context = /*#__PURE__*/_react.default.createContext(null);
-
 var _default = Context;
 exports.default = _default;

package/lib/cjs/radio/index.js

@@ -10,15 +10,10 @@ Object.defineProperty(exports, "Radio", {
   }
 });
 exports.default = exports.RadioWithGroup = void 0;
-
 var _radioGroup = _interopRequireDefault(require("./radioGroup"));
-
 var _radio = _interopRequireDefault(require("./radio"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class RadioWithGroup extends _radio.default {}
-
 exports.RadioWithGroup = RadioWithGroup;
 RadioWithGroup.Group = _radioGroup.default;
 var _default = RadioWithGroup;

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

@@ -7,9 +7,9 @@ import '@douyinfe/semi-foundation/lib/cjs/radio/radio.css';
 import BaseComponent from '../_base/baseComponent';
 import RadioInner from './radioInner';
 import { RadioContextValue, RadioMode } from './context';
-export declare type RadioDisplayMode = 'vertical' | '';
-export declare type RadioType = typeof strings.TYPE_DEFAULT | typeof strings.TYPE_BUTTON | typeof strings.TYPE_CARD | typeof strings.TYPE_PURECARD;
-export declare type RadioProps = {
+export type RadioDisplayMode = 'vertical' | '';
+export type RadioType = typeof strings.TYPE_DEFAULT | typeof strings.TYPE_BUTTON | typeof strings.TYPE_CARD | typeof strings.TYPE_PURECARD;
+export type RadioProps = {
     autoFocus?: boolean;
     checked?: boolean;
     children?: React.ReactNode;