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

package/lib/cjs/timePicker/Combobox.js

@@ -4,57 +4,39 @@ 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 _dateFns = require("date-fns");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/timePicker/constants");
-
 var _index = _interopRequireDefault(require("../scrollList/index"));
-
 var _scrollItem = _interopRequireDefault(require("../scrollList/scrollItem"));
-
 var _ComboxFoundation = _interopRequireWildcard(require("@douyinfe/semi-foundation/lib/cjs/timePicker/ComboxFoundation"));
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 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 }; }
-
 /* eslint-disable max-len */
-
 /* eslint-disable react/no-did-update-set-state */
+
 class Combobox extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.cacheRefCurrent = (key, current) => {
       if (key && typeof key === 'string') {
         this.adapter.setCache(key, current);
       }
     };
-
     this.reselect = () => {
       const currentKeys = ['ampm', 'hour', 'minute', 'second'];
       currentKeys.forEach(key => {
         const current = this.adapter.getCache(key);
-
         if (current && current.scrollToIndex) {
           current.scrollToIndex();
         }
       });
     };
-
     this.onItemChange = _ref => {
       let {
         type,
@@ -69,8 +51,8 @@ class Combobox extends _baseComponent.default {
         format,
         timeStampValue
       } = this.props;
-      const transformValue = this.foundation.getDisplayDateFromTimeStamp(timeStampValue); // TODO: foundation
-
+      const transformValue = this.foundation.getDisplayDateFromTimeStamp(timeStampValue);
+      // TODO: foundation
       if (type === 'hour') {
         if (use12Hours) {
           if (isAM) {
@@ -85,13 +67,11 @@ class Combobox extends _baseComponent.default {
         transformValue.setMinutes(Number(value));
       } else if (type === 'ampm') {
         const ampm = value.toUpperCase();
-
         if (use12Hours) {
           if (ampm === 'PM') {
             isAM = false;
             transformValue.getHours() < 12 && transformValue.setHours(transformValue.getHours() % 12 + 12);
           }
-
           if (ampm === 'AM') {
             isAM = true;
             transformValue.getHours() >= 12 && transformValue.setHours(transformValue.getHours() - 12);
@@ -100,39 +80,33 @@ class Combobox extends _baseComponent.default {
       } else {
         transformValue.setSeconds(Number(value));
       }
-
       onChange && onChange({
         isAM,
         value: (0, _dateFns.format)(transformValue, format && format.replace(/(\s+)A/g, '$1a')),
         timeStampValue: Number(transformValue)
       });
     };
-
     this.onEnterSelectPanel = range => {
       const {
         onCurrentSelectPanelChange
       } = this.props;
       onCurrentSelectPanelChange(range);
     };
-
     this.getDisplayDateFromTimeStamp = timeStampValue => this.foundation.getDisplayDateFromTimeStamp(timeStampValue);
-
     this.foundation = new _ComboxFoundation.default(this.adapter);
     this.state = Object.assign({}, this.foundation.initData());
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (prevProps.timeStampValue !== this.props.timeStampValue || prevProps.format !== this.props.format) {
       this.setState(Object.assign({}, this.foundation.initData()));
     }
   }
-
-  componentWillUnmount() {// this.foundation.destroy();
+  componentWillUnmount() {
+    // this.foundation.destroy();
   }
-
-  componentDidMount() {// this.foundation.init();
+  componentDidMount() {
+    // this.foundation.init();
   }
-
   renderHourSelect(hour, locale) {
     const {
       prefixCls,
@@ -144,14 +118,11 @@ class Combobox extends _baseComponent.default {
       showHour,
       hourOptions
     } = this.state;
-
     if (!showHour) {
       return null;
     }
-
     const disabledOptions = disabledHours();
     let hourOptionsAdj, hourAdj;
-
     if (use12Hours) {
       hourOptionsAdj = [12].concat(hourOptions.filter(h => h < 12 && h > 0));
       hourAdj = hour % 12 || 12;
@@ -159,9 +130,7 @@ class Combobox extends _baseComponent.default {
       hourOptionsAdj = hourOptions;
       hourAdj = hour;
     }
-
     const transformHour = value => value + locale.hour;
-
     const className = `${prefixCls}-list-hour`;
     return /*#__PURE__*/_react.default.createElement(_scrollItem.default, Object.assign({
       ref: current => this.cacheRefCurrent('hour', current),
@@ -174,7 +143,6 @@ class Combobox extends _baseComponent.default {
       onSelect: this.onItemChange
     }, scrollItemProps));
   }
-
   renderMinuteSelect(minute, locale) {
     const {
       prefixCls,
@@ -186,17 +154,13 @@ class Combobox extends _baseComponent.default {
       showMinute,
       minuteOptions
     } = this.state;
-
     if (!showMinute) {
       return null;
     }
-
     const value = new Date(timeStampValue);
     const disabledOptions = disabledMinutes && disabledMinutes(value.getHours());
     const className = `${prefixCls}-list-minute`;
-
     const transformMinute = min => min + locale.minute;
-
     return /*#__PURE__*/_react.default.createElement(_scrollItem.default, Object.assign({
       ref: current => this.cacheRefCurrent('minute', current),
       mode: 'normal',
@@ -208,7 +172,6 @@ class Combobox extends _baseComponent.default {
       className: className
     }, scrollItemProps));
   }
-
   renderSecondSelect(second, locale) {
     const {
       prefixCls,
@@ -220,17 +183,13 @@ class Combobox extends _baseComponent.default {
       showSecond,
       secondOptions
     } = this.state;
-
     if (!showSecond) {
       return null;
     }
-
     const value = new Date(timeStampValue);
     const disabledOptions = disabledSeconds && disabledSeconds(value.getHours(), value.getMinutes());
     const className = `${prefixCls}-list-second`;
-
     const transformSecond = sec => String(sec) + locale.second;
-
     return /*#__PURE__*/_react.default.createElement(_scrollItem.default, Object.assign({
       ref: current => this.cacheRefCurrent('second', current),
       mode: 'normal',
@@ -242,7 +201,6 @@ class Combobox extends _baseComponent.default {
       onSelect: this.onItemChange
     }, scrollItemProps));
   }
-
   renderAMPMSelect(locale, localeCode) {
     const {
       prefixCls,
@@ -250,11 +208,9 @@ class Combobox extends _baseComponent.default {
       isAM,
       scrollItemProps
     } = this.props;
-
     if (!use12Hours) {
       return null;
     }
-
     const AMPMOptions = [{
       value: 'AM',
       text: locale.AM || '上午'
@@ -274,7 +230,6 @@ class Combobox extends _baseComponent.default {
       onSelect: this.onItemChange
     }, scrollItemProps));
   }
-
   render() {
     const {
       timeStampValue,
@@ -291,9 +246,7 @@ class Combobox extends _baseComponent.default {
       "x-semi-footer-alias": "panelFooter"
     }, this.renderAMPMSelect(locale, localeCode), this.renderHourSelect(value.getHours(), locale), this.renderMinuteSelect(value.getMinutes(), locale), this.renderSecondSelect(value.getSeconds(), locale)));
   }
-
 }
-
 Combobox.propTypes = {
   format: _propTypes.default.string,
   defaultOpenValue: _propTypes.default.object,

package/lib/cjs/timePicker/PanelShape.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PanelShapeDefaults = exports.PanelShape = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const PanelShape = {
   panelHeader: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string]),
   panelFooter: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.string])

package/lib/cjs/timePicker/TimeInput.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import InputFoundation, { TimeInputAdapter } from '@douyinfe/semi-foundation/lib/cjs/timePicker/inputFoundation';
 import { TimePickerProps } from './TimePicker';
-export declare type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus' | 'borderless' | 'preventScroll'> & BaseProps & {
+export type TimeInputProps = Pick<TimePickerProps, 'value' | 'format' | 'prefixCls' | 'placeholder' | 'clearText' | 'inputReadOnly' | 'disabled' | 'type' | 'timeZone' | 'defaultOpen' | 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'dateFnsLocale' | 'onFocus' | 'onBlur' | 'focusOnOpen' | 'locale' | 'localeCode' | 'insetLabel' | 'validateStatus' | 'borderless' | 'preventScroll'> & BaseProps & {
     onChange?: (value: string) => void;
     onEsc?: () => void;
     onClick?: React.MouseEventHandler;

package/lib/cjs/timePicker/TimeInput.js

@@ -4,32 +4,19 @@ 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/timePicker/constants");
-
 var _input = _interopRequireDefault(require("../input"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _inputFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/timePicker/inputFoundation"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 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]];
   }
@@ -37,38 +24,29 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable no-unused-vars */
 
-
 class TimeInput extends _baseComponent.default {
   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.default(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
@@ -78,24 +56,19 @@ class TimeInput extends _baseComponent.default {
       });
     }
   }
-
   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);
@@ -108,40 +81,38 @@ class TimeInput extends _baseComponent.default {
       }
     });
   }
-
   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 = (0, _classnames.default)(`${prefixCls}-input`, {
       [`${prefixCls}-input-invalid`]: invalid,
       [`${prefixCls}-input-readonly`]: inputReadOnly
@@ -165,7 +136,6 @@ class TimeInput extends _baseComponent.default {
       insetLabel: insetLabel
     }));
   }
-
   render() {
     const {
       prefixCls
@@ -174,9 +144,7 @@ class TimeInput extends _baseComponent.default {
       className: `${prefixCls}-input-wrap`
     }, this.getInput());
   }
-
 }
-
 TimeInput.propTypes = {
   borderless: _propTypes.default.bool,
   format: _propTypes.default.string,

package/lib/cjs/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'];