@douyinfe/semi-foundation 2.1.0-next.0 → 2.1.0

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

@@ -1,41 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _lodashEs = require("lodash-es");
-
-/**
- * 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 ((0, _lodashEs.isString)(separators) || (0, _lodashEs.isNumber)(separators)) {
-    splitedValue = originString.split(separators);
-  } else if ((0, _lodashEs.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;
-};
-
-var _default = getSplitedArray;
-exports.default = _default;

package/lib/cjs/tagInput/variables.scss

@@ -1,39 +0,0 @@
-$color-tagInput-icon-default: var(--semi-color-text-2); // 标签输入框图标颜色 - 默认
-$color-tagInput-maxTagCount-default: var(--semi-color-text-0); // 标签输入框限制标签展示数量文字颜色
-$color-tagInput-icon-hover: var(--semi-color-primary-hover); // 标签输入框图标颜色 - 悬浮
-$color-tagInput_disabled-text-default: var(--semi-color-disabled-text); // 标签输入框禁用文字颜色
-$color-tagInput_default-bg-focus: var(--semi-color-fill-0); // 标签输入框背景颜色 - 选中态
-$color-tagInput_default-border-focus: var(--semi-color-focus-border); // 标签输入框描边颜色 - 选中态
-$color-tagInput_prefix-default: var(--semi-color-text-2); // 标签输入框 prefix 颜色
-$color-tagInput_suffix-default: var(--semi-color-text-1); // 标签输入框 suffix 颜色
-
-$color-tagInput_default-bg-default: var(--semi-color-fill-0); // 标签输入框背景颜色 - 默认
-$color-tagInput_default-bg-hover: var(--semi-color-fill-1); // 标签输入框背景颜色 - 悬浮
-$color-textarea-border-default: transparent; // 标签输入框描边颜色 - 默认
-
-$color-tagInput_warning-bg-default: var(--semi-color-warning-light-default); // 警告标签输入框背景颜色 - 默认
-$color-tagInput_warning-border-default: var(--semi-color-warning-light-default); // 警告标签输入框描边颜色 - 默认
-$color-tagInput_warning-bg-hover: var(--semi-color-warning-light-hover); // 警告标签输入框背景颜色 - 悬浮
-$color-tagInput_warning-border-hover: var(--semi-color-warning-light-hover); // 警告标签输入框描边颜色 - 悬浮
-$color-tagInput_warning-bg-focus: var(--semi-color-warning-light-default); // 警告标签输入框背景颜色 - 选中
-$color-tagInput_warning-border-focus: var(--semi-color-warning); // 警告标签输入框描边颜色 - 选中
-
-$color-tagInput_danger-bg-default: var(--semi-color-danger-light-default); // 危险标签输入框背景颜色 - 默认
-$color-tagInput_danger-border-default: var(--semi-color-danger-light-default); // 危险标签输入框描边颜色 - 默认
-$color-tagInput_danger-bg-hover: var(--semi-color-danger-light-hover); // 危险标签输入框背景颜色 - 悬浮
-$color-tagInput_danger-border-hover: var(--semi-color-danger-light-hover); // 危险标签输入框描边颜色 - 悬浮
-$color-tagInput_danger-bg-focus: var(--semi-color-danger-light-default); // 危险标签输入框背景颜色 - 选中
-$color-tagInput_danger-border-focus: var(--semi-color-danger); // 危险标签输入框描边颜色 - 选中
-
-$spacing-tagInput_small-Y: 1px; // 小尺寸标签输入框标签顶部外边距
-$spacing-tagInput_default-Y: $spacing-super-tight; // 默认尺寸标签输入框标签顶部外边距
-$spacing-tagInput_large-Y: 3px; // 大尺寸标签输入框标签顶部外边距
-$spacing-tagInput_wrapper_n_paddingX: $spacing-tight; //标签输入框标签容器水平内边距
-
-$height-tagInput-large: $height-control-large; // 大尺寸标签输入框高度
-$height-tagInput-default: $height-control-default; // 默认尺寸标签输入框高度
-$height-tagInput-small: $height-control-small; // 小尺寸标签输入框高度
-
-$width-tagInput-clear-medium: $width-icon-medium * 2; // 标签输入框清空按钮宽度
-
-$radius-tagInput: var(--semi-border-radius-small); // 标签输入框圆角

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

@@ -1,31 +0,0 @@
-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/cjs/timePicker/ComboxFoundation.js

@@ -1,193 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.formatOption = exports.default = void 0;
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
-var _parseInt2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/parse-int"));
-
-var _now = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/date/now"));
-
-var _constants = require("./constants");
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-var _index = require("../datePicker/_utils/index");
-
-var _isNullOrUndefined = _interopRequireDefault(require("../utils/isNullOrUndefined"));
-
-const HOUR = 1000 * 60 * 60;
-const DAY = 24 * HOUR; // TODO: move to utils
-
-const formatOption = (option, disabledOptions) => {
-  let value = "".concat(option);
-
-  if (option < 10) {
-    value = "0".concat(option);
-  }
-
-  let disabled = false;
-
-  if (disabledOptions && (0, _indexOf.default)(disabledOptions).call(disabledOptions, option) >= 0) {
-    disabled = true;
-  }
-
-  return {
-    value,
-    disabled
-  };
-};
-
-exports.formatOption = formatOption;
-
-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 || (0, _indexOf.default)(disabledOptions).call(disabledOptions, value) < 0 || !hideDisabledOptions) {
-      arr.push(value);
-    }
-  }
-
-  return arr;
-}
-
-class ComboboxFoundation extends _foundation.default {
-  constructor(adapter) {
-    super((0, _assign.default)({}, 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') || _constants.strings.DEFAULT_TYPE;
-
-    return position || _constants.strings.DEFAULT_POSITION[type];
-  }
-
-  getDefaultFormatIfNeed() {
-    if (this._isInProps('format')) {
-      return this.getProp('format');
-    } else if (this.getProp('use12Hours')) {
-      return _constants.strings.DEFAULT_FROMAT_A;
-    } else {
-      return _constants.strings.DEFAULT_FORMAT;
-    }
-  }
-
-  disabledHours() {
-    const {
-      use12Hours,
-      disabledHours
-    } = this.getProps();
-    let disabledOptions = disabledHours && disabledHours();
-
-    if (use12Hours && (0, _isArray.default)(disabledOptions)) {
-      if (this.isAM()) {
-        var _context;
-
-        disabledOptions = (0, _map.default)(_context = (0, _filter.default)(disabledOptions).call(disabledOptions, h => h < 12)).call(_context, h => h === 0 ? 12 : h);
-      } else {
-        disabledOptions = (0, _map.default)(disabledOptions).call(disabledOptions, h => h === 12 ? 12 : h - 12);
-      }
-    }
-
-    return disabledOptions;
-  }
-
-  getValidFormat(format) {
-    let _format = (0, _isNullOrUndefined.default)(format) ? this.getProp('format') : format;
-
-    _format = this.getDefaultFormatIfNeed();
-    _format = typeof _format === 'string' ? _format : _constants.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 || !(0, _index.isValidDate)(date)) {
-      return this.createDateDefault();
-    }
-
-    return date;
-  }
-  /**
-   * create a date at 00:00:00
-   */
-
-
-  createDateDefault() {
-    return new Date((0, _parseInt2.default)(String((0, _now.default)() / DAY), 10) * DAY - 8 * HOUR);
-  }
-
-}
-
-var _default = ComboboxFoundation;
-exports.default = _default;

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

@@ -1,23 +0,0 @@
-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_FROMAT_A: string;
-    STATUS: readonly ["default", "error", "warning", "success"];
-    DEFAULT_POSITION: {
-        time: string;
-        timeRange: string;
-    };
-};
-declare const numbers: {};
-export { cssClasses, strings, numbers };

package/lib/cjs/timePicker/constants.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.strings = exports.numbers = exports.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-var _constants2 = require("../input/constants");
-
-const TYPE_TIME_PICKER = 'time';
-const TYPE_TIME_RANGE_PICKER = 'timeRange';
-const DEFAULT_RANGE_SEPARATOR = ' ~ ';
-const DEFAULT_MULTIPLE_SEPARATOR = ',';
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-timepicker"),
-  RANGE_PICKER: "".concat(_constants.BASE_CLASS_PREFIX, "-timepicker-range-panel"),
-  RANGE_PANEL_LISTS: "".concat(_constants.BASE_CLASS_PREFIX, "-timepicker-lists")
-};
-exports.cssClasses = cssClasses;
-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: _constants2.strings.SIZE,
-  DEFAULT_FORMAT: 'HH:mm:ss',
-  DEFAULT_FROMAT_A: 'a h:mm:ss',
-  STATUS: _constants.VALIDATE_STATUS,
-  DEFAULT_POSITION: {
-    [TYPE_TIME_PICKER]: 'bottomLeft',
-    [TYPE_TIME_RANGE_PICKER]: 'bottomLeft'
-  }
-};
-exports.strings = strings;
-const numbers = {};
-exports.numbers = numbers;

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

@@ -1,53 +0,0 @@
-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;
-    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;
-    hanldePanelClose(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;