@douyinfe/semi-foundation 2.36.0-alpha.0 → 2.36.0

package/lib/cjs/timePicker/foundation.js

@@ -4,52 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _split2 = _interopRequireDefault(require("lodash/split"));
-
 var _constants = require("./constants");
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _utils = require("./utils");
-
 var _dateFns = require("date-fns");
-
 var _dateFnsExtra = require("../utils/date-fns-extra");
-
 var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
+
 // TODO: split, timePicker different components cannot share a foundation
 class TimePickerFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
   }
-
   init() {
     this.initDataFromDefaultValue();
     const open = this._isControlledComponent('open') ? this.getProp('open') : this.getProp('defaultOpen');
-
     if (open && !this._isControlledComponent('open')) {
       this._adapter.registerClickOutSide();
     }
   }
-
   getPosition() {
     const position = this.getProp('position');
-
-    const type = this.getProp('type') || _constants.strings.DEFAULT_TYPE; // rtl change default position
-
-
+    const type = this.getProp('type') || _constants.strings.DEFAULT_TYPE;
+    // rtl change default position
     const direction = this.getContext('direction');
     const rtlDirection = direction === 'rtl' ? 'bottomRight' : '';
     return position || rtlDirection || _constants.strings.DEFAULT_POSITION[type];
   }
-
   isDisabledHMS(_ref) {
     let {
       hours,
@@ -66,13 +51,9 @@ class TimePickerFoundation extends _foundation.default {
     const sDis = !(0, _isNullOrUndefined.default)(hours) && !(0, _isNullOrUndefined.default)(minutes) && !(0, _isNullOrUndefined.default)(seconds) && (0, _utils.secondIsDisabled)(disabledSeconds, hours, minutes, seconds);
     return hDis || mDis || sDis;
   }
-
   isValidTimeZone(timeZone) {
-    const _timeZone = timeZone === undefined ? this.getProp('timeZone') : timeZone;
-
-    return ['string', 'number'].includes(typeof _timeZone) && _timeZone !== '';
+    return ['string', 'number'].includes(typeof timeZone) && timeZone !== '';
   }
-
   getDefaultFormatIfNeed() {
     if (this._isInProps('format')) {
       return this.getProp('format');
@@ -85,8 +66,6 @@ class TimePickerFoundation extends _foundation.default {
   /**
    * User input value => save timestamp
    */
-
-
   initDataFromDefaultValue() {
     const defaultValue = this.getProp('defaultValue');
     let value = this.getProp('value');
@@ -97,41 +76,33 @@ class TimePickerFoundation extends _foundation.default {
       dateFnsLocale
     } = this.getProps();
     value = value || defaultValue;
-
     if (!Array.isArray(value)) {
       value = value ? [value] : [];
     }
-
     const parsedValues = [];
     let invalid = false;
     value.forEach(v => {
       const pv = (0, _utils.parseToDate)(v, formatToken, dateFnsLocale);
-
       if (!isNaN(pv.getTime())) {
-        parsedValues.push(this.isValidTimeZone() ? (0, _dateFnsExtra.utcToZonedTime)(pv, timeZone) : pv);
+        parsedValues.push(this.isValidTimeZone(timeZone) ? (0, _dateFnsExtra.utcToZonedTime)(pv, timeZone) : pv);
       }
     });
     const isAM = [true, false];
     parsedValues.map((item, idx) => {
       isAM[idx] = (0, _dateFns.getHours)(item) < 12;
     });
-
     if (parsedValues.length === value.length) {
       value = parsedValues;
     } else {
       value = [];
-
       if (value.length) {
         invalid = true;
       }
     }
-
     let inputValue = '';
-
     if (!invalid) {
       inputValue = value.map(v => (0, _utils.formatToString)(v, formatToken, dateFnsLocale)).join(rangeSeparator);
     }
-
     this.setState({
       isAM,
       value,
@@ -139,21 +110,16 @@ class TimePickerFoundation extends _foundation.default {
       invalid
     });
   }
-
   getValidFormat(validFormat) {
     let _format = validFormat;
-
     if ((0, _isNullOrUndefined.default)(_format)) {
       _format = this.getDefaultFormatIfNeed();
     }
-
     if (typeof _format !== 'string') {
       _format = _constants.strings.DEFAULT_FORMAT;
     }
-
     return _format;
   }
-
   handlePanelChange(result) {
     let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     // console.log(result, index);
@@ -163,20 +129,17 @@ class TimePickerFoundation extends _foundation.default {
     let isAM = this.getState('isAM');
     const value = (0, _utils.transformToArray)(oldValue);
     isAM = (0, _utils.transformToArray)(isAM);
-
     if (result) {
       const panelIsAM = Boolean(result.isAM);
       const date = (0, _utils.parseToDate)(result.timeStampValue, formatToken, dateFnsLocale);
       value[index] = date;
       isAM[index] = panelIsAM;
       const inputValue = this.formatValue(value);
-
       if (this.getState('isAM')[index] !== result.isAM) {
         this.setState({
           isAM
         });
       }
-
       if (!this._isControlledComponent('value')) {
         const invalid = this.validateDates(value);
         this.setState({
@@ -186,13 +149,11 @@ class TimePickerFoundation extends _foundation.default {
           invalid
         });
       }
-
       if (this._hasChanged(value, oldValue)) {
         this._notifyChange(value, inputValue);
       }
     }
   }
-
   refreshProps() {
     let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     const {
@@ -202,12 +163,10 @@ class TimePickerFoundation extends _foundation.default {
     } = props;
     let dates = this.parseValue(value);
     const invalid = this.validateDates(dates);
-
     if (!invalid) {
       if (this.isValidTimeZone(timeZone)) {
         dates = dates.map(date => (0, _dateFnsExtra.utcToZonedTime)(this.isValidTimeZone(__prevTimeZone) ? (0, _dateFnsExtra.zonedTimeToUtc)(date, __prevTimeZone) : date, timeZone));
       }
-
       const inputValue = this.formatValue(dates);
       this.setState({
         value: dates,
@@ -216,58 +175,42 @@ class TimePickerFoundation extends _foundation.default {
       });
     }
   }
-
   handleFocus(e) {
     if (!this.getState('open')) {
       this.handlePanelOpen();
     }
-
     this._adapter.notifyFocus(e);
   }
-
   setPanel(open) {
     this._adapter.togglePanel(open);
   }
-
   destroy() {
     this._adapter.unregisterClickOutSide();
   }
-
   handlePanelOpen() {
     if (!this._isControlledComponent('open')) {
       this._adapter.registerClickOutSide();
-
       this.setPanel(true);
     }
-
     this._adapter.notifyOpenChange(true);
   }
-
   handlePanelClose(clickedOutside, e) {
     if (!this._isControlledComponent('open')) {
       this._adapter.unregisterClickOutSide();
-
       this.setPanel(false);
     }
-
     this._adapter.notifyOpenChange(false);
-
     this._adapter.notifyBlur(e);
   }
   /* istanbul ignore next */
-
-
   handleVisibleChange(visible) {
     if (!this._isControlledComponent('open')) {
       this._adapter.togglePanel(visible);
     }
-
     this._adapter.notifyOpenChange(visible);
   }
-
   handleInputChange(input) {
     this._adapter.setInputValue(input);
-
     const rangeSeparator = this.getProp('rangeSeparator');
     const inputValues = (0, _split2.default)(input, rangeSeparator);
     const formatToken = this.getValidFormat();
@@ -280,11 +223,9 @@ class TimePickerFoundation extends _foundation.default {
      *  special case
      *  -when emptying, the input is "', at this time you need to skip isTimeFormatLike judgment
      */
-
     if (input !== '' && inputValues.some(time => !(0, _utils.isTimeFormatLike)(time, formatToken))) {
       return;
     }
-
     const dates = this.parseInput(input);
     const invalid = this.validateDates(dates);
     const states = {
@@ -292,43 +233,34 @@ class TimePickerFoundation extends _foundation.default {
     };
     const oldValue = this.getState('value');
     let value = (0, _utils.transformToArray)(oldValue);
-
     if (!invalid) {
       states.value = dates;
       value = [...dates];
     }
-
     if (!this._isControlledComponent('value')) {
       this.setState(states);
     }
-
     if (this._hasChanged(value, oldValue)) {
       this._notifyChange(value, input);
     }
   }
   /* istanbul ignore next */
-
-
   doValidate(args) {
     if (typeof args === 'string') {
       return this.validateStr(args);
     } else if (Array.isArray(args)) {
       return this.validateDates(args);
     }
-
     return undefined;
   }
-
   validateStr() {
     let inputValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     const dates = this.parseInput(inputValue);
     return this.validateDates(dates);
   }
-
   validateDates() {
     let dates = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let invalid = dates.some(d => isNaN(Number(d)));
-
     if (!invalid) {
       invalid = dates.some(d => this.isDisabledHMS({
         hours: d.getHours(),
@@ -336,15 +268,12 @@ class TimePickerFoundation extends _foundation.default {
         seconds: d.getSeconds()
       }));
     }
-
     return invalid;
   }
-
   handleInputBlur(e) {
     const invalid = this.getState('invalid');
     const inputValue = this.getState('inputValue');
     const value = this.getState('value');
-
     if (inputValue) {
       if (invalid) {
         this.setState({
@@ -364,80 +293,62 @@ class TimePickerFoundation extends _foundation.default {
       });
     }
   }
-
   formatValue(dates) {
     const validFormat = this.getValidFormat();
     const rangeSeparator = this.getProp('rangeSeparator');
     const dateFnsLocale = this.getProp('dateFnsLocale');
     let _dates = dates;
-
     if (_dates && !Array.isArray(_dates)) {
       _dates = _dates[_dates];
     }
-
     if (_dates && Array.isArray(_dates)) {
       const result = _dates.map(date => {
         let str;
-
         if ((0, _isUndefined2.default)(date)) {
           str = '';
         } else {
           str = (0, _utils.formatToString)(date, validFormat, dateFnsLocale);
         }
-
         return str;
       });
-
       return result.join(rangeSeparator);
     }
-
     return undefined;
   }
-
   parseInput(str) {
     const validFormat = this.getValidFormat();
     const rangeSeparator = this.getProp('rangeSeparator');
     const dateFnsLocale = this.getProp('dateFnsLocale');
-
     if (str && typeof str === 'string') {
       return (0, _split2.default)(str, rangeSeparator).map(v => (0, _utils.parseToDate)(v, validFormat, dateFnsLocale));
     }
-
     return [];
   }
-
   parseValue() {
     let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     const formatToken = this.getValidFormat();
     const dateFnsLocale = this.getProp('dateFnsLocale');
     let _value = value;
-
     if (!Array.isArray(_value)) {
       _value = _value ? [_value] : [];
     }
-
     if (Array.isArray(_value)) {
       return _value.map(v => (0, _utils.parseToDate)(v, formatToken, dateFnsLocale));
     }
-
     return [];
   }
-
   _notifyChange(value, inputValue) {
     let str = inputValue;
     let _value = value;
     const timeZone = this.getProp('timeZone');
-
     if (this._adapter.isRangePicker()) {
       const rangeSeparator = this.getProp('rangeSeparator');
       str = (0, _split2.default)(inputValue, rangeSeparator);
     } else {
       _value = Array.isArray(_value) ? _value[0] : _value;
     }
-
-    if (this.isValidTimeZone() && _value) {
+    if (this.isValidTimeZone(timeZone) && _value) {
       const formatToken = this.getValidFormat();
-
       if (Array.isArray(_value)) {
         _value = _value.map(v => (0, _dateFnsExtra.zonedTimeToUtc)(v, timeZone));
         str = _value.map(v => (0, _dateFns.format)(v, formatToken));
@@ -446,16 +357,13 @@ class TimePickerFoundation extends _foundation.default {
         str = (0, _dateFns.format)(_value, formatToken);
       }
     }
-
     const onChangeWithDateFirst = this.getProp('onChangeWithDateFirst');
-
     if (onChangeWithDateFirst) {
       this._adapter.notifyChange(_value, str);
     } else {
       this._adapter.notifyChange(str, _value);
     }
   }
-
   _hasChanged() {
     let dates = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     let oldDates = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -463,16 +371,12 @@ class TimePickerFoundation extends _foundation.default {
     const dateFnsLocale = this.getProp('dateFnsLocale');
     return dates.length !== oldDates.length || dates.some((date, index) => {
       const oldDate = oldDates[index];
-
       if ((0, _dateFns.isValid)(date) && (0, _dateFns.isValid)(oldDate) && (0, _utils.formatToString)(date, formatToken, dateFnsLocale) === (0, _utils.formatToString)(oldDate, formatToken, dateFnsLocale)) {
         return false;
       }
-
       return true;
     });
   }
-
 }
-
 var _default = TimePickerFoundation;
 exports.default = _default;

package/lib/cjs/timePicker/inputFoundation.js

@@ -4,73 +4,54 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class TimePickerFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign({}, adapter));
-  } // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
-  init() {} // eslint-disable-next-line @typescript-eslint/no-empty-function
-
-
+  }
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  init() {}
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   destroy() {}
-
   handleFocus(e) {
     this.storeCursor();
-
     this._adapter.notifyFocus(e);
   }
-
   handleChange(v) {
     this.storeCursor();
-
     this._adapter.notifyChange(v);
   }
-
   handleBlur(e) {
     this.clearCursor();
-
     this._adapter.notifyBlur(e);
   }
-
   storeCursor() {
     const inputNode = this.getCache('inputNode');
-
     if (inputNode) {
       const {
         selectionStart: start
-      } = inputNode; // const beforeStr = typeof value === 'string' ? value.substr(0, start) : null;
+      } = inputNode;
+      // const beforeStr = typeof value === 'string' ? value.substr(0, start) : null;
       // const afterStr = typeof value === 'string' ? value.substr(start, value.length - start + 1) : null;
       // console.log(start, beforeStr, afterStr);
-
       this.setCache('cursorIndex', start);
     }
   }
-
   restoreCursor() {
     const inputNode = this.getCache('inputNode');
     const cursorIndex = this.getCache('cursorIndex');
-
     if (inputNode && !(0, _isNullOrUndefined.default)(cursorIndex)) {
       inputNode.selectionStart = cursorIndex;
       inputNode.selectionEnd = cursorIndex;
     }
   }
-
   clearCursor() {
     this.setCache('cursorIndex', null);
     this.setCache('beforeStr', null);
     this.setCache('afterStr', null);
   }
-
 }
-
 var _default = TimePickerFoundation;
 exports.default = _default;

package/lib/cjs/timePicker/utils/index.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformToArray = exports.secondIsDisabled = exports.parseToTimestamp = exports.parseToDate = exports.minuteIsDisabled = exports.isTimeFormatLike = exports.hourIsDisabled = exports.formatToString = void 0;
-
 var _toNumber2 = _interopRequireDefault(require("lodash/toNumber"));
-
 var _dateFns = require("date-fns");
-
 var _constants = require("../constants");
-
 var _isNullOrUndefined = _interopRequireDefault(require("../../utils/isNullOrUndefined"));
-
 var _locale = require("date-fns/locale");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
 
 /**
@@ -29,21 +22,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const parseToDate = function (input) {
   let formatToken = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.DEFAULT_FORMAT;
   let dateFnsLocale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _locale.zhCN;
-
   if (input instanceof Date) {
     return input;
   } else if (typeof input === 'number' || !isNaN(Number(input))) {
     return new Date((0, _toNumber2.default)(input));
   } else if (typeof input === 'string') {
-    let curDate = new Date(); // console.log(input, formatToken);
-
+    let curDate = new Date();
+    // console.log(input, formatToken);
     curDate = (0, _dateFns.parse)(input, formatToken, curDate, {
       locale: dateFnsLocale
-    }); // console.log(curDate, formatToken);
-
+    });
+    // console.log(curDate, formatToken);
     return curDate;
   }
-
   return new Date();
 };
 /**
@@ -51,10 +42,7 @@ const parseToDate = function (input) {
  * @param {string|Date|number} input
  * @returns {number}
  */
-
-
 exports.parseToDate = parseToDate;
-
 const parseToTimestamp = function (input) {
   let formatToken = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.DEFAULT_FORMAT;
   let dateFnsLocale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _locale.zhCN;
@@ -66,10 +54,7 @@ const parseToTimestamp = function (input) {
  * @param {string} formatToken
  * @returns {string}
  */
-
-
 exports.parseToTimestamp = parseToTimestamp;
-
 const formatToString = function (dateOrTimestamp) {
   let formatToken = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.strings.DEFAULT_FORMAT;
   let dateFnsLocale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _locale.zhCN;
@@ -77,51 +62,37 @@ const formatToString = function (dateOrTimestamp) {
     locale: dateFnsLocale
   });
 };
-
 exports.formatToString = formatToString;
-
 const hourIsDisabled = (disabledHours, hour) => {
   if (typeof disabledHours === 'function') {
     const disabledOptions = disabledHours();
-
     if (Array.isArray(disabledOptions) && !(0, _isNullOrUndefined.default)(hour) && disabledOptions.some(v => (0, _toNumber2.default)(v) === (0, _toNumber2.default)(hour))) {
       return true;
     }
   }
-
   return false;
 };
-
 exports.hourIsDisabled = hourIsDisabled;
-
 const minuteIsDisabled = (disabledMinutes, hour, minute) => {
   if (typeof disabledMinutes === 'function') {
     const disabledOptions = disabledMinutes(hour);
-
     if (Array.isArray(disabledOptions) && !(0, _isNullOrUndefined.default)(hour) && !(0, _isNullOrUndefined.default)(minute) && disabledOptions.some(v => (0, _toNumber2.default)(v) === (0, _toNumber2.default)(minute))) {
       return true;
     }
   }
-
   return false;
 };
-
 exports.minuteIsDisabled = minuteIsDisabled;
-
 const secondIsDisabled = (disabledSeconds, hour, minute, second) => {
   if (typeof disabledSeconds === 'function') {
     const disabledOptions = disabledSeconds(hour, minute);
-
     if (Array.isArray(disabledOptions) && !(0, _isNullOrUndefined.default)(hour) && !(0, _isNullOrUndefined.default)(minute) && !(0, _isNullOrUndefined.default)(second) && disabledOptions.some(v => (0, _toNumber2.default)(v) === (0, _toNumber2.default)(second))) {
       return true;
     }
   }
-
   return false;
 };
-
 exports.secondIsDisabled = secondIsDisabled;
-
 const transformToArray = value => {
   if (!Array.isArray(value)) {
     return [];
@@ -144,41 +115,31 @@ const transformToArray = value => {
  * @param {String} formatToken e.g. HH:mm
  * @returns {Boolean}
  */
-
-
 exports.transformToArray = transformToArray;
-
 const isTimeFormatLike = (time, formatToken) => {
   let isLike = true;
   const dateFnsSupportFormatCh = 'BDEGHKLMOPQRSTXYabcehimopqstuwxyz'; // dateFns support format character
-
   const formatSupportChReg = new RegExp(`[${dateFnsSupportFormatCh}]`, 'g');
   const formatNotSupportChReg = new RegExp(`[^${dateFnsSupportFormatCh}]`, 'g');
   const hmsReg = /[H|m|s]{1,2}/;
   const formatSplitted = formatToken.split(formatNotSupportChReg); // => ['HH', 'mm'];
-
   const timeSeparator = formatToken.replace(formatSupportChReg, ''); // => :
-
   const timeReg = new RegExp(`[${timeSeparator}]`, 'g'); // => /[:]/g
-
   const timeSplitted = time.split(timeReg); // => ['12', '0]
-
   if (formatSplitted.length !== timeSplitted.length) {
     isLike = false;
   } else {
     for (let i = 0, len = timeSplitted.length; i < len; i++) {
       const formatStr = formatSplitted[i];
-      const timeStr = timeSplitted[i]; // Returns false if the current character corresponds to minutes and seconds and the length is less than format
+      const timeStr = timeSplitted[i];
+      // Returns false if the current character corresponds to minutes and seconds and the length is less than format
       // when i=1 => '0'.length < 'mm'.length
-
       if (hmsReg.test(formatStr) && timeStr.length < formatStr.length) {
         isLike = false;
         break;
       }
     }
   }
-
   return isLike;
 };
-
 exports.isTimeFormatLike = isTimeFormatLike;