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

package/lib/cjs/timePicker/TimePicker.js

@@ -4,50 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/timePicker/constants");
-
 var _popover = _interopRequireDefault(require("../popover"));
-
 var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/popover/constants");
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/timePicker/foundation"));
-
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
 var _Combobox = _interopRequireDefault(require("./Combobox"));
-
 var _TimeInput = _interopRequireDefault(require("./TimeInput"));
-
 var _PanelShape = require("./PanelShape");
-
 var _TimeShape = require("./TimeShape");
-
 require("@douyinfe/semi-foundation/lib/cjs/timePicker/timePicker.css");
-
 var _trigger = _interopRequireDefault(require("../trigger"));
-
 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]];
   }
@@ -55,24 +33,18 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable no-unused-vars */
 
-
 class TimePicker extends _baseComponent.default {
   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 {
@@ -85,7 +57,6 @@ class TimePicker extends _baseComponent.default {
         panelHeader,
         panelFooter
       };
-
       if (_this.adapter.isRangePicker()) {
         const defaultHeaderMap = {
           0: locale.begin,
@@ -94,26 +65,18 @@ class TimePicker extends _baseComponent.default {
         panelProps.panelHeader = (0, _get2.default)(panels, index, (0, _isNullOrUndefined.default)(panelHeader) ? (0, _get2.default)(defaultHeaderMap, index, null) : Array.isArray(panelHeader) ? panelHeader[index] : panelHeader);
         panelProps.panelFooter = (0, _get2.default)(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 = _constants.strings.DEFAULT_FORMAT
     } = props;
@@ -132,10 +95,8 @@ class TimePicker extends _baseComponent.default {
     this.timePickerRef = /*#__PURE__*/_react.default.createRef();
     this.savePanelRef = /*#__PURE__*/_react.default.createRef();
   }
-
   get adapter() {
     var _this2 = this;
-
     return Object.assign(Object.assign({}, super.adapter), {
       togglePanel: show => {
         this.setState({
@@ -146,18 +107,15 @@ class TimePicker extends _baseComponent.default {
         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({
@@ -182,17 +140,14 @@ class TimePicker extends _baseComponent.default {
       isRangePicker: () => this.props.type === _constants.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);
@@ -207,7 +162,6 @@ class TimePicker extends _baseComponent.default {
       });
     }
   }
-
   getPanelElement() {
     const {
       prefixCls,
@@ -227,7 +181,6 @@ class TimePicker extends _baseComponent.default {
       onChange: v => this.handlePanelChange(v, 0),
       onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
     }, this.createPanelProps(0)))];
-
     if (type === _constants.strings.TYPE_TIME_RANGE_PICKER) {
       timePanels.push( /*#__PURE__*/_react.default.createElement(_Combobox.default, Object.assign({}, this.props, {
         key: 1,
@@ -239,7 +192,6 @@ class TimePicker extends _baseComponent.default {
         onCurrentSelectPanelChange: this.onCurrentSelectPanelChange
       }, this.createPanelProps(1))));
     }
-
     const wrapCls = (0, _classnames.default)({
       [_constants.cssClasses.RANGE_PANEL_LISTS]: this.adapter.isRangePicker()
     });
@@ -248,7 +200,6 @@ class TimePicker extends _baseComponent.default {
       className: wrapCls
     }, timePanels.map(panel => panel));
   }
-
   getPopupClassName() {
     const {
       use12Hours,
@@ -261,75 +212,68 @@ class TimePicker extends _baseComponent.default {
       showSecond
     } = this.state;
     let selectColumnCount = 0;
-
     if (showHour) {
       selectColumnCount += 1;
     }
-
     if (showMinute) {
       selectColumnCount += 1;
     }
-
     if (showSecond) {
       selectColumnCount += 1;
     }
-
     if (use12Hours) {
       selectColumnCount += 1;
     }
-
     return (0, _classnames.default)(`${prefixCls}-panel`, popupClassName, {
       [`${prefixCls}-panel-narrow`]: (!showHour || !showMinute || !showSecond) && !use12Hours,
       [_constants.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';
@@ -366,11 +310,9 @@ class TimePicker extends _baseComponent.default {
       onBlur: this.handleBlur
     });
     const outerProps = {};
-
     if (useCustomTrigger) {
       outerProps.onClick = this.openPanel;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
       ref: this.setTimePickerRef,
       className: (0, _classnames.default)({
@@ -403,9 +345,7 @@ class TimePicker extends _baseComponent.default {
       className: headerPrefix
     }, /*#__PURE__*/_react.default.createElement(_TimeInput.default, Object.assign({}, inputProps)))));
   }
-
 }
-
 exports.default = TimePicker;
 TimePicker.contextType = _context.default;
 TimePicker.propTypes = Object.assign(Object.assign({

package/lib/cjs/timePicker/TimeShape.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TimeShape = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const PlainTimeShape = [_propTypes.default.string, _propTypes.default.number, _propTypes.default.instanceOf(Date)];
 /**
  * Can be
@@ -17,7 +14,5 @@ const PlainTimeShape = [_propTypes.default.string, _propTypes.default.number, _p
  * - \[12:00:12, 12:21:12]
  * - \[[12:00:12, 12:21:12], [12:11:12, 12:32:12]]
  */
-
 const TimeShape = _propTypes.default.oneOfType([...PlainTimeShape, _propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date))]);
-
 exports.TimeShape = TimeShape;

package/lib/cjs/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/cjs/timePicker/index.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 var _TimePicker = _interopRequireDefault(require("./TimePicker"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class LocaleTimePicker extends _react.default.PureComponent {
   render() {
     const {
@@ -38,9 +31,7 @@ class LocaleTimePicker extends _react.default.PureComponent {
       })));
     });
   }
-
 }
-
 exports.default = LocaleTimePicker;
 LocaleTimePicker.propTypes = _TimePicker.default.propTypes;
 LocaleTimePicker.defaultProps = _TimePicker.default.defaultProps;

package/lib/cjs/timeline/index.js

@@ -4,65 +4,44 @@ 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"));
-
 require("@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css");
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/timeline/constants");
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _item = _interopRequireDefault(require("./item"));
-
 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 Timeline extends _react.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.default.Children.map(items, (ele, idx) => {
       if ( /*#__PURE__*/_react.default.isValidElement(ele)) {
         return /*#__PURE__*/_react.default.cloneElement(ele, {
@@ -70,11 +49,9 @@ class Timeline extends _react.PureComponent {
           className: (0, _classnames.default)(ele.props.className, this.getPosCls(ele, idx))
         });
       }
-
       return ele;
     });
   }
-
   render() {
     const {
       children,
@@ -87,14 +64,12 @@ class Timeline extends _react.PureComponent {
       [`${prefixCls}-${mode}`]: mode
     });
     let childrenList;
-
     if (dataSource && dataSource.length) {
       const items = dataSource.map((item, index) => /*#__PURE__*/_react.default.createElement(_item.default, Object.assign({
         key: `timeline-item-${index}`
       }, item), item.content));
       childrenList = this.addClassName(items);
     }
-
     const items = childrenList || this.addClassName(children);
     return /*#__PURE__*/_react.default.createElement("ul", {
       "aria-label": this.props['aria-label'],
@@ -102,9 +77,7 @@ class Timeline extends _react.PureComponent {
       className: classString
     }, items);
   }
-
 }
-
 Timeline.contextType = _context.default;
 Timeline.Item = _item.default;
 Timeline.propTypes = {

package/lib/cjs/timeline/item.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/timeline/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/timeline/timeline.css");
-
 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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixCls = _constants.cssClasses.ITEM;
-
 class Item extends _react.PureComponent {
   render() {
     const {
@@ -67,9 +56,7 @@ class Item extends _react.PureComponent {
       className: `${prefixCls}-content-time`
     }, time)));
   }
-
 }
-
 exports.default = Item;
 Item.propTypes = {
   color: _propTypes.default.string,