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

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

@@ -0,0 +1,184 @@
+"use strict";
+
+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 */
+
+/**
+ *
+ * @param {string|Date|number} input
+ * @param {string} formatToken
+ * @param {object} dateFnsLocale
+ * @returns {Date}
+ */
+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);
+
+    curDate = (0, _dateFns.parse)(input, formatToken, curDate, {
+      locale: dateFnsLocale
+    }); // console.log(curDate, formatToken);
+
+    return curDate;
+  }
+
+  return new Date();
+};
+/**
+ *
+ * @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;
+  return Number(parseToDate(input, formatToken, dateFnsLocale));
+};
+/**
+ *
+ * @param {Date|number} dateOrTimestamp
+ * @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;
+  return (0, _dateFns.format)(dateOrTimestamp, formatToken, {
+    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 [];
+  } else {
+    return [...value];
+  }
+};
+/**
+ * Determine whether the time length is the same as the format
+ * e.g.
+ *  format      | time      | return
+ *  HH:mm       | 12:00     | true
+ *  HH:mm:ss    | 12:00:00  | true
+ *  yyyy HH:mm  | 2021 12:00| true
+ *  HH          | 1         | false
+ *  HH:mm       | 12:0      | false
+ *  HH          | 1         | false
+ *  HH:mm:ss    | 12:00:0   | false
+ * @param {String} time  e.g. 12:0
+ * @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
+      // when i=1 => '0'.length < 'mm'.length
+
+      if (hmsReg.test(formatStr) && timeStr.length < formatStr.length) {
+        isLike = false;
+        break;
+      }
+    }
+  }
+
+  return isLike;
+};
+
+exports.isTimeFormatLike = isTimeFormatLike;

package/lib/cjs/timePicker/utils/localeDate.d.ts

@@ -0,0 +1,2 @@
+export declare function localeFormat(date: any, format: any, locale?: {}, options?: {}): string;
+export declare function localeParse(dateString: any, format: any, locale?: {}, defaultDate?: any, options?: {}): Date;

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.localeFormat = localeFormat;
+exports.localeParse = localeParse;
+
+var _dateFns = require("date-fns");
+
+/* istanbul ignore next */
+const replace = function replace(str, replacements) {
+  let _str = str;
+
+  for (const key of Object.keys(replacements)) {
+    if (typeof replacements[key] === 'string') {
+      _str = _str.replace(key, replacements[key]);
+    }
+  }
+
+  return _str;
+};
+/* istanbul ignore next */
+
+
+function localeFormat(date, format) {
+  let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  let str = (0, _dateFns.format)(date, format, options);
+  str = replace(str, locale);
+  return str;
+}
+/* istanbul ignore next */
+
+
+function localeParse(dateString, format) {
+  let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let defaultDate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+  let options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+
+  // const invertedLocale = invert(locale);
+  const _dateString = replace(dateString, locale);
+
+  return (0, _dateFns.parse)(_dateString, format, defaultDate, options);
+}

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

@@ -0,0 +1,10 @@
+declare const cssClasses: {
+    PREFIX: string;
+    ITEM: string;
+};
+declare const strings: {
+    MODE: string[];
+    ITEM_POS: string[];
+    ITEM_TYPE: string[];
+};
+export { cssClasses, strings };

package/lib/cjs/timeline/constants.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.strings = exports.cssClasses = void 0;
+
+var _constants = require("../base/constants");
+
+const cssClasses = {
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-timeline`,
+  ITEM: `${_constants.BASE_CLASS_PREFIX}-timeline-item`
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  MODE: ['left', 'alternate', 'right', 'center'],
+  ITEM_POS: ['left', 'right'],
+  ITEM_TYPE: ['ongoing', 'success', 'warning', 'error', 'default']
+};
+exports.strings = strings;

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

@@ -0,0 +1,14 @@
+declare const cssClasses: {
+    PREFIX: string;
+    WRAPPER: string;
+    LIST: string;
+};
+declare const strings: {
+    types: string[];
+    themes: string[];
+    directions: string[];
+};
+declare const numbers: {
+    duration: number;
+};
+export { cssClasses, strings, numbers };

package/lib/cjs/toast/constants.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.strings = exports.numbers = exports.cssClasses = void 0;
+
+var _constants = require("../base/constants");
+
+const PREFIX = `${_constants.BASE_CLASS_PREFIX}-toast`;
+const cssClasses = {
+  PREFIX,
+  WRAPPER: `${PREFIX}-wrapper`,
+  LIST: `${PREFIX}-list`
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  types: ['warning', 'success', 'info', 'error', 'default'],
+  themes: ['normal', 'light'],
+  directions: ['ltr', 'rtl']
+};
+exports.strings = strings;
+const numbers = {
+  duration: 3 // default close time, unit: s
+
+};
+exports.numbers = numbers;

package/lib/cjs/toast/toastFoundation.d.ts

@@ -0,0 +1,47 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export declare type ToastType = 'success' | 'warning' | 'error' | 'info' | 'default';
+export declare type ToastTheme = 'light' | 'normal';
+export declare type Directions = 'ltr' | 'rtl';
+export interface ConfigProps {
+    top?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    right?: number | string;
+    duration?: number;
+    zIndex?: number;
+    getPopupContainer?: () => HTMLElement | null;
+}
+export interface ToastProps extends ConfigProps {
+    onClose?: () => void;
+    content: any;
+    type?: ToastType;
+    textMaxWidth?: string | number;
+    style?: Record<string, any>;
+    className?: string;
+    showClose?: boolean;
+    icon?: any;
+    theme?: ToastTheme;
+    direction?: Directions;
+    close?: (id: string) => void;
+}
+export interface ToastInstance extends ToastProps {
+    id?: string;
+    motion?: boolean;
+}
+export interface ToastState {
+}
+export interface ToastAdapter extends DefaultAdapter<ToastProps, ToastState> {
+    notifyWrapperToRemove: (id: string) => void;
+    notifyClose: () => void;
+}
+export default class ToastFoundation extends BaseFoundation<ToastAdapter> {
+    _timer: ReturnType<typeof setTimeout>;
+    _id: string | null;
+    constructor(adapter: ToastAdapter);
+    init(): void;
+    destroy(): void;
+    startCloseTimer_(): void;
+    close(e?: any): void;
+    clearCloseTimer_(): void;
+    restartCloseTimer(): void;
+}

package/lib/cjs/toast/toastFoundation.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
+
+var _foundation = _interopRequireDefault(require("../base/foundation"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class ToastFoundation extends _foundation.default {
+  constructor(adapter) {
+    super(Object.assign(Object.assign({}, ToastFoundation.defaultAdapter), adapter));
+    this._timer = null;
+    this._id = null; // cache id
+  }
+
+  init() {
+    this.startCloseTimer_();
+    this._id = this._adapter.getProp('id');
+  }
+
+  destroy() {
+    this.clearCloseTimer_();
+  }
+
+  startCloseTimer_() {
+    // unit: s
+    const duration = this._adapter.getProp('duration');
+
+    if (duration && (0, _isNumber2.default)(duration)) {
+      this._timer = setTimeout(() => {
+        this.close(); // call parent to remove itself
+      }, duration * 1000);
+    }
+  }
+
+  close(e) {
+    if (e) {
+      e.stopPropagation();
+    }
+
+    this._adapter.notifyWrapperToRemove(this._id);
+
+    this._adapter.notifyClose();
+  }
+
+  clearCloseTimer_() {
+    if (this._timer) {
+      clearTimeout(this._timer);
+      this._timer = null;
+    }
+  }
+
+  restartCloseTimer() {
+    this.clearCloseTimer_();
+    this.startCloseTimer_();
+  }
+
+}
+
+exports.default = ToastFoundation;

package/lib/cjs/toast/toastListFoundation.d.ts

@@ -0,0 +1,20 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+import { ToastInstance, ToastProps } from '../toast/toastFoundation';
+export interface ToastListProps {
+}
+export interface ToastListState {
+    list: ToastInstance[];
+    removedItems: ToastInstance[];
+    updatedItems: ToastInstance[];
+}
+export interface ToastListAdapter extends DefaultAdapter<ToastListProps, ToastListState> {
+    updateToast: (list: ToastListState['list'], removedItems: ToastListState['removedItems'], updatedItems: ToastListState['updatedItems']) => void;
+}
+export default class ToastListFoundation extends BaseFoundation<ToastListAdapter> {
+    constructor(adapter: ToastListAdapter);
+    hasToast(id: string): boolean;
+    addToast(toastOpts: ToastProps): void;
+    updateToast(id: string, toastOpts: ToastProps): void;
+    removeToast(id: string): void;
+    destroyAll(): void;
+}

package/lib/cjs/toast/toastListFoundation.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _foundation = _interopRequireDefault(require("../base/foundation"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class ToastListFoundation extends _foundation.default {
+  constructor(adapter) {
+    super(Object.assign(Object.assign({}, ToastListFoundation.defaultAdapter), adapter));
+  }
+
+  hasToast(id) {
+    const toastList = this._adapter.getState('list');
+
+    return toastList.map(_ref => {
+      let {
+        id
+      } = _ref;
+      return id;
+    }).includes(id);
+  }
+
+  addToast(toastOpts) {
+    const toastList = this._adapter.getState('list'); // const id = getUuid('toast');
+    // let toastOpts = { ...opts, id };
+    // console.log(toastOpts);
+
+
+    toastList.push(toastOpts);
+
+    this._adapter.updateToast(toastList, [], []); // return id;
+
+  }
+
+  updateToast(id, toastOpts) {
+    let toastList = this._adapter.getState('list');
+
+    toastList = toastList.map(toast => toast.id === id ? Object.assign(Object.assign({}, toast), toastOpts) : toast);
+    const updatedItems = toastList.filter(toast => toast.id === id);
+
+    this._adapter.updateToast(toastList, [], updatedItems);
+  }
+
+  removeToast(id) {
+    let toastList = this._adapter.getState('list');
+
+    const removedItems = [];
+    toastList = toastList.filter(toastOpts => {
+      if (toastOpts.id === id) {
+        removedItems.push(toastOpts);
+        return false;
+      }
+
+      return true;
+    });
+
+    this._adapter.updateToast(toastList, removedItems, []);
+  }
+
+  destroyAll() {
+    const toastList = this._adapter.getState('list');
+
+    if (toastList.length > 0) {
+      this._adapter.updateToast([], toastList, []);
+    }
+  }
+
+}
+
+exports.default = ToastListFoundation;

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

@@ -0,0 +1,23 @@
+declare const cssClasses: {
+    readonly PREFIX: "semi-tooltip";
+};
+declare const strings: {
+    readonly POSITION_SET: readonly ["top", "topLeft", "topRight", "left", "leftTop", "leftBottom", "right", "rightTop", "rightBottom", "bottom", "bottomLeft", "bottomRight", "leftTopOver", "rightTopOver", "leftBottomOver", "rightBottomOver"];
+    readonly TRIGGER_SET: readonly ["hover", "focus", "click", "custom"];
+    readonly STATUS_DISABLED: "disabled";
+    readonly STATUS_LOADING: "loading";
+};
+declare const numbers: {
+    readonly ARROW_BOUNDING: {
+        readonly offsetX: 0;
+        readonly offsetY: 2;
+        readonly width: 24;
+        readonly height: 7;
+    };
+    readonly DEFAULT_Z_INDEX: 1060;
+    readonly MOUSE_ENTER_DELAY: 50;
+    readonly MOUSE_LEAVE_DELAY: 50;
+    readonly SPACING: 8;
+    readonly MARGIN: 0;
+};
+export { cssClasses, strings, numbers };

package/lib/cjs/tooltip/constants.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.strings = exports.numbers = exports.cssClasses = void 0;
+
+var _constants = require("../base/constants");
+
+const cssClasses = {
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-tooltip`
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver', 'leftBottomOver', 'rightBottomOver'],
+  TRIGGER_SET: ['hover', 'focus', 'click', 'custom'],
+  STATUS_DISABLED: 'disabled',
+  STATUS_LOADING: 'loading'
+};
+exports.strings = strings;
+const numbers = {
+  ARROW_BOUNDING: {
+    offsetX: 0,
+    offsetY: 2,
+    width: 24,
+    height: 7
+  },
+  DEFAULT_Z_INDEX: 1060,
+  MOUSE_ENTER_DELAY: 50,
+  MOUSE_LEAVE_DELAY: 50,
+  SPACING: 8,
+  MARGIN: 0
+};
+exports.numbers = numbers;