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

package/lib/es/timePicker/TimeInput.js

@@ -1,18 +1,13 @@
 import _noop from "lodash/noop";
-
 var __rest = this && this.__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;
 };
 /* eslint-disable no-unused-vars */
-
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -21,38 +16,29 @@ import Input from '../input';
 import BaseComponent from '../_base/baseComponent';
 import InputFoundation from '@douyinfe/semi-foundation/lib/es/timePicker/inputFoundation';
 import { IconClock } from '@douyinfe/semi-icons';
-
 class TimeInput extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.setRef = node => this.adapter.setCache('inputNode', node);
-
     this.handleClick = e => this.props.onClick(e);
-
     this.handleFocus = e => this.foundation.handleFocus(e);
-
     this.handleBlur = e => this.foundation.handleBlur(e);
-
     this.handleChange = v => this.foundation.handleChange(v);
-
     this.foundation = new InputFoundation(this.adapter);
-    this.state = {// focusing: props.focusOnOpen,
+    this.state = {
+      // focusing: props.focusOnOpen,
     };
   }
-
   componentDidMount() {
     super.componentDidMount();
     const {
       focusOnOpen,
       preventScroll
     } = this.props;
-
     if (focusOnOpen) {
       const requestAnimationFrame = window.requestAnimationFrame || window.setTimeout;
       requestAnimationFrame(() => {
         const inputNode = this.adapter.getCache('inputNode');
-
         if (inputNode) {
           inputNode.focus({
             preventScroll
@@ -62,24 +48,19 @@ class TimeInput extends BaseComponent {
       });
     }
   }
-
   componentDidUpdate(prevProps) {
     const {
       timeStampValue
     } = this.props;
-
     if (this.isControlled('timeStampValue') && timeStampValue !== this.state.timeStampValue) {
       this.foundation.restoreCursor();
     }
-
     if (this.props.value !== prevProps.value) {
       this.foundation.restoreCursor();
     }
   }
-
   get adapter() {
     var _this = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       notifyChange: function () {
         return _this.props.onChange(...arguments);
@@ -92,40 +73,38 @@ class TimeInput extends BaseComponent {
       }
     });
   }
-
   getInput() {
     const _a = this.props,
-          {
-      prefixCls,
-      placeholder,
-      inputReadOnly,
-      onFocus,
-      disabled,
-      type,
-      locale,
-      localeCode,
-      insetLabel,
-      validateStatus,
-      value,
-      onChange,
-      invalid,
-      format,
-      clearText,
-      disabledHours,
-      disabledMinutes,
-      disabledSeconds,
-      onEsc,
-      defaultOpenValue,
-      currentSelectPanel,
-      focusOnOpen,
-      timeStampValue,
-      timeZone,
-      defaultOpen,
-      dateFnsLocale
-    } = _a,
-          rest = __rest(_a, ["prefixCls", "placeholder", "inputReadOnly", "onFocus", "disabled", "type", "locale", "localeCode", "insetLabel", "validateStatus", "value", "onChange", "invalid", "format", "clearText", "disabledHours", "disabledMinutes", "disabledSeconds", "onEsc", "defaultOpenValue", "currentSelectPanel", "focusOnOpen", "timeStampValue", "timeZone", "defaultOpen", "dateFnsLocale"]); // const { focusing } = this.state;
-
-
+      {
+        prefixCls,
+        placeholder,
+        inputReadOnly,
+        onFocus,
+        disabled,
+        type,
+        locale,
+        localeCode,
+        insetLabel,
+        validateStatus,
+        value,
+        onChange,
+        invalid,
+        format,
+        clearText,
+        disabledHours,
+        disabledMinutes,
+        disabledSeconds,
+        onEsc,
+        defaultOpenValue,
+        currentSelectPanel,
+        focusOnOpen,
+        timeStampValue,
+        timeZone,
+        defaultOpen,
+        dateFnsLocale
+      } = _a,
+      rest = __rest(_a, ["prefixCls", "placeholder", "inputReadOnly", "onFocus", "disabled", "type", "locale", "localeCode", "insetLabel", "validateStatus", "value", "onChange", "invalid", "format", "clearText", "disabledHours", "disabledMinutes", "disabledSeconds", "onEsc", "defaultOpenValue", "currentSelectPanel", "focusOnOpen", "timeStampValue", "timeZone", "defaultOpen", "dateFnsLocale"]);
+    // const { focusing } = this.state;
     const inputCls = classNames(`${prefixCls}-input`, {
       [`${prefixCls}-input-invalid`]: invalid,
       [`${prefixCls}-input-readonly`]: inputReadOnly
@@ -149,7 +128,6 @@ class TimeInput extends BaseComponent {
       insetLabel: insetLabel
     }));
   }
-
   render() {
     const {
       prefixCls
@@ -158,9 +136,7 @@ class TimeInput extends BaseComponent {
       className: `${prefixCls}-input-wrap`
     }, this.getInput());
   }
-
 }
-
 TimeInput.propTypes = {
   borderless: PropTypes.bool,
   format: PropTypes.string,

package/lib/es/timePicker/TimePicker.d.ts

@@ -12,9 +12,9 @@ export interface Panel {
     panelHeader?: React.ReactNode | React.ReactNode[];
     panelFooter?: React.ReactNode | React.ReactNode[];
 }
-export declare type BaseValueType = string | number | Date;
-export declare type Type = 'time' | 'timeRange';
-export declare type TimePickerProps = {
+export type BaseValueType = string | number | Date;
+export type Type = 'time' | 'timeRange';
+export type TimePickerProps = {
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];
     'aria-errormessage'?: React.AriaAttributes['aria-errormessage'];
     'aria-invalid'?: React.AriaAttributes['aria-invalid'];

package/lib/es/timePicker/TimePicker.js

@@ -1,19 +1,14 @@
 import _get from "lodash/get";
 import _noop from "lodash/noop";
-
 var __rest = this && this.__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;
 };
 /* eslint-disable no-unused-vars */
-
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -33,20 +28,15 @@ import Trigger from '../trigger';
 export default class TimePicker extends BaseComponent {
   constructor(props) {
     var _this;
-
     super(props);
     _this = this;
-
     this.onCurrentSelectPanelChange = currentSelectPanel => {
       this.setState({
         currentSelectPanel
       });
     };
-
     this.handlePanelChange = (value, index) => this.foundation.handlePanelChange(value, index);
-
     this.handleInput = value => this.foundation.handleInputChange(value);
-
     this.createPanelProps = function () {
       let index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
       const {
@@ -59,7 +49,6 @@ export default class TimePicker extends BaseComponent {
         panelHeader,
         panelFooter
       };
-
       if (_this.adapter.isRangePicker()) {
         const defaultHeaderMap = {
           0: locale.begin,
@@ -68,26 +57,18 @@ export default class TimePicker extends BaseComponent {
         panelProps.panelHeader = _get(panels, index, isNullOrUndefined(panelHeader) ? _get(defaultHeaderMap, index, null) : Array.isArray(panelHeader) ? panelHeader[index] : panelHeader);
         panelProps.panelFooter = _get(panels, index, Array.isArray(panelFooter) ? panelFooter[index] : panelFooter);
       }
-
       return panelProps;
     };
     /* istanbul ignore next */
-
-
     this.handlePanelVisibleChange = visible => this.foundation.handleVisibleChange(visible);
-
     this.openPanel = () => {
       this.foundation.handlePanelOpen();
     };
-
     this.handleFocus = e => {
       this.foundation.handleFocus(e);
     };
-
     this.handleBlur = e => this.foundation.handleInputBlur(e);
-
     this.setTimePickerRef = node => this.timePickerRef.current = node;
-
     const {
       format = strings.DEFAULT_FORMAT
     } = props;
@@ -106,10 +87,8 @@ export default class TimePicker extends BaseComponent {
     this.timePickerRef = /*#__PURE__*/React.createRef();
     this.savePanelRef = /*#__PURE__*/React.createRef();
   }
-
   get adapter() {
     var _this2 = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       togglePanel: show => {
         this.setState({
@@ -120,18 +99,15 @@ export default class TimePicker extends BaseComponent {
         if (this.clickOutSideHandler) {
           this.adapter.unregisterClickOutSide();
         }
-
         this.clickOutSideHandler = e => {
           const panel = this.savePanelRef && this.savePanelRef.current;
           const isInPanel = e.target && panel && panel.contains(e.target);
           const isInTimepicker = this.timePickerRef && this.timePickerRef.current && this.timePickerRef.current.contains(e.target);
-
           if (!isInTimepicker && !isInPanel) {
             const clickedOutside = true;
             this.foundation.handlePanelClose(clickedOutside, e);
           }
         };
-
         document.addEventListener('mousedown', this.clickOutSideHandler);
       },
       setInputValue: (inputValue, cb) => this.setState({
@@ -156,17 +132,14 @@ export default class TimePicker extends BaseComponent {
       isRangePicker: () => this.props.type === strings.TYPE_TIME_RANGE_PICKER
     });
   }
-
   static getDerivedStateFromProps(nextProps, prevState) {
     if ('open' in nextProps && nextProps.open !== prevState.open) {
       return {
         open: nextProps.open
       };
     }
-
     return null;
   }
-
   componentDidUpdate(prevProps) {
     // if (this.isControlled('open') && this.props.open != null && this.props.open !== prevProps.open) {
     //     this.foundation.setPanel(this.props.open);
@@ -181,7 +154,6 @@ export default class TimePicker extends BaseComponent {
       });
     }
   }
-
   getPanelElement() {
     const {
       prefixCls,
@@ -201,7 +173,6 @@ export default class TimePicker extends BaseComponent {
       onChange: v => this.handlePanelChange(v, 0),
       onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
     }, this.createPanelProps(0)))];
-
     if (type === strings.TYPE_TIME_RANGE_PICKER) {
       timePanels.push( /*#__PURE__*/React.createElement(Combobox, Object.assign({}, this.props, {
         key: 1,
@@ -213,7 +184,6 @@ export default class TimePicker extends BaseComponent {
         onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
       }, this.createPanelProps(1))));
     }
-
     const wrapCls = classNames({
       [cssClasses.RANGE_PANEL_LISTS]: this.adapter.isRangePicker()
     });
@@ -222,7 +192,6 @@ export default class TimePicker extends BaseComponent {
       className: wrapCls
     }, timePanels.map(panel => panel));
   }
-
   getPopupClassName() {
     const {
       use12Hours,
@@ -235,75 +204,68 @@ export default class TimePicker extends BaseComponent {
       showSecond
     } = this.state;
     let selectColumnCount = 0;
-
     if (showHour) {
       selectColumnCount += 1;
     }
-
     if (showMinute) {
       selectColumnCount += 1;
     }
-
     if (showSecond) {
       selectColumnCount += 1;
     }
-
     if (use12Hours) {
       selectColumnCount += 1;
     }
-
     return classNames(`${prefixCls}-panel`, popupClassName, {
       [`${prefixCls}-panel-narrow`]: (!showHour || !showMinute || !showSecond) && !use12Hours,
       [cssClasses.RANGE_PICKER]: this.adapter.isRangePicker()
     }, `${prefixCls}-panel-column-${selectColumnCount}`);
   }
-
-  focus() {// TODO this.picker is undefined, confirm keep this func or not
+  focus() {
+    // TODO this.picker is undefined, confirm keep this func or not
     // this.picker.focus();
   }
-
-  blur() {// TODO this.picker is undefined, confirm keep this func or not
+  blur() {
+    // TODO this.picker is undefined, confirm keep this func or not
     // this.picker.blur();
   }
-
   render() {
     const _a = this.props,
-          {
-      prefixCls,
-      placeholder,
-      disabled,
-      defaultValue,
-      dropdownMargin,
-      className,
-      popupStyle,
-      size,
-      style,
-      locale,
-      localeCode,
-      zIndex,
-      getPopupContainer,
-      insetLabel,
-      insetLabelId,
-      inputStyle,
-      showClear,
-      panelHeader,
-      panelFooter,
-      rangeSeparator,
-      onOpenChange,
-      onChangeWithDateFirst,
-      popupClassName: propPopupClassName,
-      hideDisabledOptions,
-      use12Hours,
-      minuteStep,
-      hourStep,
-      secondStep,
-      scrollItemProps,
-      triggerRender,
-      motion,
-      autoAdjustOverflow
-    } = _a,
-          rest = __rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "dropdownMargin", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "onChangeWithDateFirst", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
-
+      {
+        prefixCls,
+        placeholder,
+        disabled,
+        defaultValue,
+        dropdownMargin,
+        className,
+        popupStyle,
+        size,
+        style,
+        locale,
+        localeCode,
+        zIndex,
+        getPopupContainer,
+        insetLabel,
+        insetLabelId,
+        inputStyle,
+        showClear,
+        panelHeader,
+        panelFooter,
+        rangeSeparator,
+        onOpenChange,
+        onChangeWithDateFirst,
+        popupClassName: propPopupClassName,
+        hideDisabledOptions,
+        use12Hours,
+        minuteStep,
+        hourStep,
+        secondStep,
+        scrollItemProps,
+        triggerRender,
+        motion,
+        autoAdjustOverflow
+      } = _a,
+      rest = __rest(_a, ["prefixCls", "placeholder", "disabled", "defaultValue", "dropdownMargin", "className", "popupStyle", "size", "style", "locale", "localeCode", "zIndex", "getPopupContainer", "insetLabel", "insetLabelId", "inputStyle", "showClear", "panelHeader", "panelFooter", "rangeSeparator", "onOpenChange", "onChangeWithDateFirst", "popupClassName", "hideDisabledOptions", "use12Hours", "minuteStep", "hourStep", "secondStep", "scrollItemProps", "triggerRender", "motion", "autoAdjustOverflow"]);
     const format = this.foundation.getDefaultFormatIfNeed();
     const position = this.foundation.getPosition();
     const useCustomTrigger = typeof triggerRender === 'function';
@@ -340,11 +302,9 @@ export default class TimePicker extends BaseComponent {
       onBlur: this.handleBlur
     });
     const outerProps = {};
-
     if (useCustomTrigger) {
       outerProps.onClick = this.openPanel;
     }
-
     return /*#__PURE__*/React.createElement("div", Object.assign({
       ref: this.setTimePickerRef,
       className: classNames({
@@ -377,7 +337,6 @@ export default class TimePicker extends BaseComponent {
       className: headerPrefix
     }, /*#__PURE__*/React.createElement(TimeInput, Object.assign({}, inputProps)))));
   }
-
 }
 TimePicker.contextType = ConfigContext;
 TimePicker.propTypes = Object.assign(Object.assign({

package/lib/es/timePicker/TimeShape.js

@@ -7,6 +7,5 @@ const PlainTimeShape = [PropTypes.string, PropTypes.number, PropTypes.instanceOf
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-
 const TimeShape = PropTypes.oneOfType([...PlainTimeShape, PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number), PropTypes.arrayOf(PropTypes.instanceOf(Date))]);
 export { TimeShape };

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

@@ -5,7 +5,7 @@ import type { ScrollItemProps } from '../scrollList/scrollItem';
 export type { TimeInputProps } from './TimeInput';
 export type { TimePickerProps } from './TimePicker';
 export type { BaseValueType, ScrollItemProps, ValidateStatus };
-export declare type LocalePickerProps = BasePickerProps;
+export type LocalePickerProps = BasePickerProps;
 export default class LocaleTimePicker extends React.PureComponent<LocalePickerProps> {
     static propTypes: {
         inputStyle: import("prop-types").Requireable<object>;

package/lib/es/timePicker/index.js

@@ -24,7 +24,6 @@ export default class LocaleTimePicker extends React.PureComponent {
       })));
     });
   }
-
 }
 LocaleTimePicker.propTypes = BaseTimePicker.propTypes;
 LocaleTimePicker.defaultProps = BaseTimePicker.defaultProps;

package/lib/es/timeline/index.js

@@ -6,43 +6,33 @@ import { cssClasses, strings } from '@douyinfe/semi-foundation/lib/es/timeline/c
 import ConfigContext from '../configProvider/context';
 import Item from './item';
 const prefixCls = cssClasses.PREFIX;
-
 class Timeline extends PureComponent {
   constructor() {
     super(...arguments);
-
     this.getPosCls = (ele, idx) => {
       const {
         mode
       } = this.props;
-
       if (mode === 'alternate') {
         if (ele.props.position) {
           return `${prefixCls}-item-${ele.props.position}`;
         }
-
         return idx % 2 === 0 ? `${prefixCls}-item-left` : `${prefixCls}-item-right`;
       }
-
       if (mode === 'center') {
         if (ele.props.position) {
           return `${prefixCls}-item-${ele.props.position}`;
         }
-
         return `${prefixCls}-item-left`;
       }
-
       if (mode === 'left' || mode === 'right') {
         return `${prefixCls}-item-${mode}`;
       }
-
       if (ele.props.position) {
         return `${prefixCls}-item-${ele.props.position}`;
       }
-
       return '';
     };
-
     this.addClassName = items => React.Children.map(items, (ele, idx) => {
       if ( /*#__PURE__*/React.isValidElement(ele)) {
         return /*#__PURE__*/React.cloneElement(ele, {
@@ -50,11 +40,9 @@ class Timeline extends PureComponent {
           className: cls(ele.props.className, this.getPosCls(ele, idx))
         });
       }
-
       return ele;
     });
   }
-
   render() {
     const {
       children,
@@ -67,14 +55,12 @@ class Timeline extends PureComponent {
       [`${prefixCls}-${mode}`]: mode
     });
     let childrenList;
-
     if (dataSource && dataSource.length) {
       const items = dataSource.map((item, index) => /*#__PURE__*/React.createElement(Item, Object.assign({
         key: `timeline-item-${index}`
       }, item), item.content));
       childrenList = this.addClassName(items);
     }
-
     const items = childrenList || this.addClassName(children);
     return /*#__PURE__*/React.createElement("ul", {
       "aria-label": this.props['aria-label'],
@@ -82,9 +68,7 @@ class Timeline extends PureComponent {
       className: classString
     }, items);
   }
-
 }
-
 Timeline.contextType = ConfigContext;
 Timeline.Item = Item;
 Timeline.propTypes = {

package/lib/es/timeline/item.js

@@ -47,7 +47,6 @@ export default class Item extends PureComponent {
       className: `${prefixCls}-content-time`
     }, time)));
   }
-
 }
 Item.propTypes = {
   color: PropTypes.string,