@douyinfe/semi-foundation 2.28.0-beta.0 → 2.28.0

package/lib/es/tagInput/utils/getSplitedArray.js

@@ -0,0 +1,32 @@
+import _isNumber from "lodash/isNumber";
+import _isArray from "lodash/isArray";
+import _isString from "lodash/isString";
+
+/**
+ * Get the splited array.
+ * We expect separators to be string | string[] | null, but users
+ * are also allowed to pass in other types.
+ */
+const getSplitedArray = (originString, separators) => {
+  let splitedValue = [];
+
+  if (_isString(separators) || _isNumber(separators)) {
+    splitedValue = originString.split(separators);
+  } else if (_isArray(separators)) {
+    const tempChar = separators[0]; // temporary splitter
+
+    splitedValue = originString;
+
+    for (let i = 1; i < separators.length; i++) {
+      splitedValue = splitedValue.split(separators[i]).join(tempChar);
+    }
+
+    splitedValue = splitedValue.split(tempChar);
+  } else {
+    splitedValue.push(originString);
+  }
+
+  return splitedValue;
+};
+
+export default getSplitedArray;

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

@@ -0,0 +1,31 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export declare const formatOption: (option: number, disabledOptions: number[]) => {
+    value: string;
+    disabled: boolean;
+};
+declare class ComboboxFoundation extends BaseFoundation<DefaultAdapter> {
+    constructor(adapter: DefaultAdapter);
+    isAM(): any;
+    initData(): {
+        showHour: boolean;
+        showMinute: boolean;
+        showSecond: boolean;
+        hourOptions: any[];
+        minuteOptions: any[];
+        secondOptions: any[];
+    };
+    getPosition(): any;
+    getDefaultFormatIfNeed(): any;
+    disabledHours(): number[];
+    getValidFormat(format?: string): string;
+    /**
+     * from 13-bit timestamp  -> get display date
+     * by combobox use
+     */
+    getDisplayDateFromTimeStamp(timeStamp: Date | string): any;
+    /**
+     * create a date at 00:00:00
+     */
+    createDateDefault(): Date;
+}
+export default ComboboxFoundation;

package/lib/es/timePicker/ComboxFoundation.js

@@ -0,0 +1,156 @@
+import { strings } from './constants';
+import BaseFoundation from '../base/foundation';
+import { isValidDate } from '../datePicker/_utils/index';
+import isNullOrUndefined from '../utils/isNullOrUndefined';
+const HOUR = 1000 * 60 * 60;
+const DAY = 24 * HOUR; // TODO: move to utils
+
+export const formatOption = (option, disabledOptions) => {
+  let value = `${option}`;
+
+  if (option < 10) {
+    value = `0${option}`;
+  }
+
+  let disabled = false;
+
+  if (disabledOptions && disabledOptions.indexOf(option) >= 0) {
+    disabled = true;
+  }
+
+  return {
+    value,
+    disabled
+  };
+};
+
+function generateOptions(length, disabledOptions, hideDisabledOptions) {
+  let step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  const arr = [];
+
+  for (let value = 0; value < length; value += step) {
+    if (!disabledOptions || disabledOptions.indexOf(value) < 0 || !hideDisabledOptions) {
+      arr.push(value);
+    }
+  }
+
+  return arr;
+}
+
+class ComboboxFoundation extends BaseFoundation {
+  constructor(adapter) {
+    super(Object.assign({}, adapter));
+  }
+
+  isAM() {
+    return this.getProp('isAM');
+  }
+
+  initData() {
+    const {
+      timeStampValue,
+      hourStep,
+      disabledMinutes,
+      disabledSeconds,
+      hideDisabledOptions,
+      minuteStep,
+      secondStep
+    } = this.getProps();
+    const format = this.getValidFormat();
+    const dateTime = this.getDisplayDateFromTimeStamp(timeStampValue);
+    const disabledHourOptions = this.disabledHours();
+    const disabledMinuteOptions = disabledMinutes(dateTime ? dateTime.getHours() : null);
+    const disabledSecondOptions = disabledSeconds(dateTime ? dateTime.getHours() : null, dateTime ? dateTime.getMinutes() : null);
+    const hourOptions = generateOptions(24, disabledHourOptions, hideDisabledOptions, hourStep);
+    const minuteOptions = generateOptions(60, disabledMinuteOptions, hideDisabledOptions, minuteStep);
+    const secondOptions = generateOptions(60, disabledSecondOptions, hideDisabledOptions, secondStep);
+    return {
+      showHour: Boolean(format.match(/HH|hh|H|h/g)),
+      showMinute: Boolean(format.match(/mm/g)),
+      showSecond: Boolean(format.match(/ss/g)),
+      hourOptions,
+      minuteOptions,
+      secondOptions
+    };
+  }
+
+  getPosition() {
+    const position = this.getProp('position');
+    const type = this.getProp('type') || strings.DEFAULT_TYPE;
+    return position || strings.DEFAULT_POSITION[type];
+  }
+
+  getDefaultFormatIfNeed() {
+    if (this._isInProps('format')) {
+      return this.getProp('format');
+    } else if (this.getProp('use12Hours')) {
+      return strings.DEFAULT_FORMAT_A;
+    } else {
+      return strings.DEFAULT_FORMAT;
+    }
+  }
+
+  disabledHours() {
+    const {
+      use12Hours,
+      disabledHours
+    } = this.getProps();
+    let disabledOptions = disabledHours && disabledHours();
+
+    if (use12Hours && Array.isArray(disabledOptions)) {
+      if (this.isAM()) {
+        disabledOptions = disabledOptions.filter(h => h < 12).map(h => h === 0 ? 12 : h);
+      } else {
+        disabledOptions = disabledOptions.map(h => h === 12 ? 12 : h - 12);
+      }
+    }
+
+    return disabledOptions;
+  }
+
+  getValidFormat(format) {
+    let _format = isNullOrUndefined(format) ? this.getProp('format') : format;
+
+    _format = this.getDefaultFormatIfNeed();
+    _format = typeof _format === 'string' ? _format : strings.DEFAULT_FORMAT; // if (use12Hours) {
+    //     format = format.replace(/H/g, 'h');
+    //     if (!/(\s+)a/i.test(format)) {
+    //         format += ' a';
+    //     } else {
+    //         format = format.replace(/(\s+)A/i, '$1a');
+    //     }
+    // }
+
+    return _format;
+  }
+  /**
+   * from 13-bit timestamp  -> get display date
+   * by combobox use
+   */
+
+
+  getDisplayDateFromTimeStamp(timeStamp) {
+    let date;
+
+    if (timeStamp) {
+      date = new Date(timeStamp);
+    }
+
+    if (!timeStamp || !isValidDate(date)) {
+      return this.createDateDefault();
+    }
+
+    return date;
+  }
+  /**
+   * create a date at 00:00:00
+   */
+
+
+  createDateDefault() {
+    return new Date(parseInt(String(Date.now() / DAY), 10) * DAY - 8 * HOUR);
+  }
+
+}
+
+export default ComboboxFoundation;

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

@@ -0,0 +1,23 @@
+declare const cssClasses: {
+    PREFIX: string;
+    RANGE_PICKER: string;
+    RANGE_PANEL_LISTS: string;
+};
+declare const strings: {
+    TYPES: ("time" | "timeRange")[];
+    TYPE_TIME_PICKER: "time";
+    TYPE_TIME_RANGE_PICKER: "timeRange";
+    DEFAULT_TYPE: "time";
+    DEFAULT_RANGE_SEPARATOR: " ~ ";
+    DEFAULT_MULTIPLE_SEPARATOR: ",";
+    SIZE: readonly ["small", "large", "default"];
+    DEFAULT_FORMAT: string;
+    DEFAULT_FORMAT_A: string;
+    STATUS: readonly ["default", "error", "warning", "success"];
+    DEFAULT_POSITION: {
+        time: string;
+        timeRange: string;
+    };
+};
+declare const numbers: {};
+export { cssClasses, strings, numbers };

package/lib/es/timePicker/constants.js

@@ -0,0 +1,29 @@
+import { VALIDATE_STATUS, BASE_CLASS_PREFIX } from '../base/constants';
+import { strings as inputStrings } from '../input/constants';
+const TYPE_TIME_PICKER = 'time';
+const TYPE_TIME_RANGE_PICKER = 'timeRange';
+const DEFAULT_RANGE_SEPARATOR = ' ~ ';
+const DEFAULT_MULTIPLE_SEPARATOR = ',';
+const cssClasses = {
+  PREFIX: `${BASE_CLASS_PREFIX}-timepicker`,
+  RANGE_PICKER: `${BASE_CLASS_PREFIX}-timepicker-range-panel`,
+  RANGE_PANEL_LISTS: `${BASE_CLASS_PREFIX}-timepicker-lists`
+};
+const strings = {
+  TYPES: [TYPE_TIME_PICKER, TYPE_TIME_RANGE_PICKER],
+  TYPE_TIME_PICKER,
+  TYPE_TIME_RANGE_PICKER,
+  DEFAULT_TYPE: TYPE_TIME_PICKER,
+  DEFAULT_RANGE_SEPARATOR,
+  DEFAULT_MULTIPLE_SEPARATOR,
+  SIZE: inputStrings.SIZE,
+  DEFAULT_FORMAT: 'HH:mm:ss',
+  DEFAULT_FORMAT_A: 'a h:mm:ss',
+  STATUS: VALIDATE_STATUS,
+  DEFAULT_POSITION: {
+    [TYPE_TIME_PICKER]: 'bottomLeft',
+    [TYPE_TIME_RANGE_PICKER]: 'bottomLeft'
+  }
+};
+const numbers = {};
+export { cssClasses, strings, numbers };

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

@@ -0,0 +1,54 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export declare type Position = 'top' | 'topLeft' | 'topRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'leftTopOver' | 'rightTopOver';
+export interface TimePickerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+    togglePanel: (show: boolean) => void;
+    registerClickOutSide: () => void;
+    setInputValue: (inputValue: string, cb?: () => void) => void;
+    unregisterClickOutSide: () => void;
+    notifyOpenChange: (open: boolean) => void;
+    notifyChange(value: Date | Date[], input: string | string[]): void;
+    notifyChange(input: string | string[], value: Date | Date[]): void;
+    notifyFocus: (e: any) => void;
+    notifyBlur: (e: any) => void;
+    isRangePicker: () => boolean;
+}
+declare class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TimePickerAdapter<P, S>, P, S> {
+    constructor(adapter: TimePickerAdapter<P, S>);
+    init(): void;
+    getPosition(): Position;
+    isDisabledHMS({ hours, minutes, seconds }: {
+        hours: number;
+        minutes: number;
+        seconds: number;
+    }): boolean;
+    isValidTimeZone(timeZone?: string | number): boolean;
+    getDefaultFormatIfNeed(): string;
+    /**
+     * User input value => save timestamp
+     */
+    initDataFromDefaultValue(): void;
+    getValidFormat(validFormat?: string): string;
+    handlePanelChange(result: {
+        isAM: boolean;
+        value: string;
+        timeStampValue: number;
+    }, index?: number): void;
+    refreshProps(props?: any): void;
+    handleFocus(e: any): void;
+    setPanel(open: boolean): void;
+    destroy(): void;
+    handlePanelOpen(): void;
+    handlePanelClose(clickedOutside: boolean, e: any): void;
+    handleVisibleChange(visible: boolean): void;
+    handleInputChange(input: string): void;
+    doValidate(args: string | Array<Date>): boolean;
+    validateStr(inputValue?: string): boolean;
+    validateDates(dates?: Array<Date>): boolean;
+    handleInputBlur(e: any): void;
+    formatValue(dates: Date[]): string;
+    parseInput(str: string): Date[];
+    parseValue(value?: string | Date | Array<string | Date>): Date[];
+    _notifyChange(value: Date[], inputValue: string): void;
+    _hasChanged(dates?: Date[], oldDates?: Date[]): boolean;
+}
+export default TimePickerFoundation;