@douyinfe/semi-foundation 2.1.1 → 2.1.5

package/lib/cjs/upload/variables.scss

@@ -0,0 +1,81 @@
+// Color
+$color-upload-text: var(--semi-color-text-0); // 上传文件卡片等默认文本颜色
+$color-upload_assist-text: var(--semi-color-text-2); // 上传辅助文本颜色
+$color-upload-border: var(--semi-color-border); // 上传描边颜色
+$color-upload_card-bg-hover: var(--semi-color-fill-1); // 上传文件卡片背景色 - 悬浮
+$color-upload_card-bg: var(--semi-color-fill-0); // 上传文件卡片背景色 - 默认
+$color-upload_card_fail-bg-hover: var(--semi-color-danger-light-hover); // 上传失败文件卡片背景色 - 悬浮
+$color-upload_card_fail-bg: var(--semi-color-danger-light-default); // 上传失败文件卡片背景色 - 默认
+$color-upload_clear-text: var(--semi-color-primary); // 上传清空按钮文本颜色
+$color-upload_drag_area-bg-hover: var(--semi-color-primary-light-default); // 上传可拖拽区域背景颜色 - 悬浮
+$color-upload_drag_area-border-hover: var(--semi-color-primary); // 上传可拖拽区域描边颜色 - 悬浮
+$color-upload_drag_area_disabled-text: var(--semi-color-disabled-text); // 上传可拖拽区域禁用文本颜色
+$color-upload_drag_area-bg: var(--semi-color-tertiary-light-default); // 上传可拖拽区域背景颜色 - 默认
+$color-upload_drag_area_icon: var(--semi-color-primary); // 上传可拖拽区域图标颜色
+$color-upload_drag_area_tips-text: var(--semi-color-primary); // 上传可拖拽区域背景颜色 - 悬浮
+$color-upload_file_card_fail_info-text: var(--semi-color-danger); // 上传文件卡片失败提示信息文本颜色
+$color-upload_file_card_preview_placeholder-bg: rgba(var(--semi-grey-3), 1); // 文件卡片默认预览背景颜色
+$color-upload_file_card_preview_placeholder-text: rgba(var(--semi-white), 1); // 文件卡片默认预览图颜色
+$color-upload_file_card_retry-bg: #fff; // 重新上传按钮背景颜色
+$color-upload_file_card_retry-text: var(--semi-color-primary); // 重新上传按钮文本颜色
+$color-upload-icon: var(--semi-color-tertiary); // 图片墙上传图标加号颜色
+$color-upload_pic_add-bg-active: var(--semi-color-fill-2); // 图片墙上传背景色 - 按下
+$color-upload_pic_add-bg-hover: var(--semi-color-fill-1); // 图片墙上传背景色 - 悬浮
+$color-upload_pic_add-bg: var(--semi-color-fill-0); // 图片墙上传背景色 - 默认
+$color-upload_pic_remove-bg: var(--semi-color-overlay-bg); // 图片墙上传移除图标颜色
+$color-upload_picture_file_card_loading_error-icon: var(--semi-color-danger); // 图片墙上传移除图标颜色
+$color-upload_preview-icon: var(--semi-color-text-2); // 上传文件卡片文本颜色
+$color-upload_retry-text: var(--semi-color-primary); // 上传文件卡片重新上传按钮文本颜色
+$color-upload_replace-text: var(--semi-color-white); // 上传文件卡片重新替换按钮文本颜色
+// Width/Height
+$height-upload_file_card: 52px; // 上传文件卡片高度
+$width-upload_file_card: 250px; // 上传文件卡片宽度
+$height-upload_file_pic_card: 96px; // 图片墙上传卡片高度
+$width-upload_file_pic_card: 96px; // 图片墙上传卡片宽度
+$width-upload_file_card_preview: 36px; // 文件卡片预览图标宽度
+$height-upload_file_card_preview: 36px; // 文件卡片预览图标高度
+$width-upload_file_card_preview_img: 36px; // 文件卡片预览图片宽度
+$width-upload_file_card_info_name: 106px; // 文件卡片信息名称
+$width-upload_file_card-icon: 11px; // 文件卡片图标宽度
+$width-upload_picture_add-border: 2px; // 文件卡片图标宽度
+$width-upload_picture_file_card_img: 96px; // 图片墙上传卡片宽度
+$width-upload_picture_file_card_close: 16px; // 图片墙上传卡片删除annual宽度
+$width-upload_file_card_retry: 24px; // 重新上传按钮宽度
+$width-upload_file_card_retry-icon: 13px; // 重新上传按钮图标宽度
+$height-upload_file_card_retry-icon: 14px; // 重新上传按钮图标高度
+$width-upload_picture_file_card_loading-icon: 14px; // 上传加载 spin 宽度
+$width-upload_drag_area-border: 2px; // 可拖拽上传描边宽度
+
+// Spacing
+$spacing-upload_title_choosen-marginRight: $spacing-tight; // 已选择文件标题右侧外边距
+$spacing-upload_title-marginBottom: $spacing-extra-tight; // 文件列表标题底部外边距
+$spacing-upload_file_card_preview-margin: $spacing-tight; // 上传文件卡片预览外边距
+$spacing-upload_file_card_info_size-marginLeft: $spacing-tight; // 上传文件卡片文件大小文本左侧外边距
+$spacing-upload_file_card_info_retry-marginLeft: $spacing-tight; // 上传文件卡片重新上传按钮左侧外边距
+$spacing-upload_file_card_info_progress-marginTop: 4px; // 上传文件卡片进度顶部外边距
+$spacing-upload_file_card_close-marginLeft: $spacing-tight; // 上传文件卡片删除按钮左侧外边距
+$spacing-upload_file_card_close-marginRight: $spacing-tight; // 上传文件卡片删除按钮右侧外边距
+$spacing-upload_file_card_icon-marginRight: $spacing-super-tight; // 上传文件卡片图标右侧外边距
+$spacing-upload_picture_file_card-marginRight: $spacing-tight; // 图片墙上传卡片右侧外边距
+$spacing-upload_picture_file_card-marginBottom: $spacing-tight; // 图片墙上传卡片底部外边距
+$spacing-upload_picture_file_card_close-top: 8px; // 图片墙上传卡片删除按钮顶部位置
+$spacing-upload_picture_file_card_close-right: 8px; // 图片墙上传卡片删除右侧位置
+$spacing-upload_picture_file_card_loading_error-bottom: 6px; // 图片墙上传卡片加载中图标底部位置
+$spacing-upload_picture_file_card_loading_error-right: 6px; // 图片墙上传卡片报错图标底部位置
+$spacing-upload_picture_file_card_icon_error-top: -1px; // 图片墙上传卡片加载中图标顶部位置
+$spacing-upload_drag_area-padding: $spacing-base-tight; // 可拖拽上传拖拽区域内边距
+$spacing-upload_drag_area_main_text-marginBottom: $spacing-extra-tight; // 可拖拽上传拖拽标题底部外边距
+
+// Radius
+$radius-upload_file_card: var(--semi-border-radius-medium); // 上传文件卡片圆角
+$radius-upload_file_card_preview: var(--semi-border-radius-small); // 上传文件卡片预览图圆角
+$radius-upload_picture_add: var(--semi-border-radius-small); // 图片墙上传文件添加按钮圆角
+$radius-upload_picture_file_card_img: var(--semi-border-radius-small); // 图片墙上传卡片圆角
+$radius-upload_picture_file_card_close: var(--semi-border-radius-circle); // 图片墙上传卡片删除按钮圆角
+$radius-upload_file_card_retry: var(--semi-border-radius-circle); // 上传文件卡片重新上传圆角
+$radius-upload_drag_area: var(--semi-border-radius-small); // 可拖拽上传拖拽区域圆角
+
+// Font
+$font-upload_file_card_info_name-fontWeight: $font-weight-bold; // 上传文件卡片文件名字重
+$font-upload_file_card_info_size-fontWeight: $font-weight-regular; // 上传文件卡片文件尺寸字重
+$font-upload_drag_area_tips-fontWeight: 600; // 可拖拽上传提示文本字重

package/lib/cjs/utils/Event.d.ts

@@ -0,0 +1,7 @@
+export default class Event {
+    _eventMap: Map<string, ((...arg: any) => void)[]>;
+    on(event: string, callback: (...arg: any) => void): this;
+    once(event: string, callback: (...arg: any) => void): void;
+    off(event: string, callback: null | (() => void)): this;
+    emit(event: string, ...args: any[]): boolean;
+}

package/lib/cjs/utils/Event.js

@@ -0,0 +1,91 @@
+"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.default = void 0;
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/map"));
+
+var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
+
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
+
+var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _isNullOrUndefined = _interopRequireDefault(require("./isNullOrUndefined"));
+
+class Event {
+  constructor() {
+    this._eventMap = new _map.default();
+  }
+
+  on(event, callback) {
+    if (event && typeof callback === 'function') {
+      this._eventMap.has(event) || this._eventMap.set(event, []);
+
+      this._eventMap.get(event).push(callback);
+    }
+
+    return this;
+  }
+
+  once(event, callback) {
+    var _this = this;
+
+    if (event && typeof callback === 'function') {
+      const fn = function () {
+        callback(...arguments);
+
+        _this.off(event, fn);
+      };
+
+      this.on(event, fn);
+    }
+  }
+
+  off(event, callback) {
+    if (event) {
+      if (typeof callback === 'function') {
+        const callbacks = this._eventMap.get(event);
+
+        if ((0, _isArray.default)(callbacks) && callbacks.length) {
+          let index = -1; // eslint-disable-next-line max-depth
+
+          while ((index = (0, _findIndex.default)(callbacks).call(callbacks, cb => cb === callback)) > -1) {
+            (0, _splice.default)(callbacks).call(callbacks, index, 1);
+          }
+        }
+      } else if ((0, _isNullOrUndefined.default)(callback)) {
+        this._eventMap.delete(event);
+      }
+    }
+
+    return this;
+  }
+
+  emit(event) {
+    var _context;
+
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    if (!this._eventMap.has(event)) {
+      return false;
+    }
+
+    (0, _forEach.default)(_context = this._eventMap.get(event)).call(_context, callback => callback(...args));
+    return true;
+  }
+
+}
+
+exports.default = Event;

package/lib/cjs/utils/Logger.d.ts

@@ -0,0 +1,15 @@
+declare class Logger {
+    _prefix: string;
+    /**
+     * specify prefix
+     * @param {string} prefix
+     */
+    constructor(prefix: string);
+    _isEmpty(value: any): boolean;
+    _baseLog(method?: string, ...args: any[]): void;
+    log(...args: any[]): void;
+    warn(...args: any[]): void;
+    error(...args: any[]): void;
+    info(...args: any[]): void;
+}
+export default Logger;

package/lib/cjs/utils/Logger.js

@@ -0,0 +1,77 @@
+"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;
+
+class Logger {
+  /**
+   * specify prefix
+   * @param {string} prefix
+   */
+  constructor(prefix) {
+    this._prefix = prefix;
+  }
+
+  _isEmpty(value) {
+    return value === null || value === undefined || value === '';
+  }
+
+  _baseLog() {
+    let method = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'log';
+
+    if (typeof console[method] === 'function') {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      const messages = [...args];
+
+      if (!this._isEmpty(this._prefix)) {
+        messages.unshift(this._prefix, ':');
+      }
+
+      console[method](...messages);
+    }
+  }
+
+  log() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    this._baseLog('log', ...args);
+  }
+
+  warn() {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+
+    this._baseLog('warn', ...args);
+  }
+
+  error() {
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
+    }
+
+    this._baseLog('error', ...args);
+  }
+
+  info() {
+    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      args[_key5] = arguments[_key5];
+    }
+
+    this._baseLog('info', ...args);
+  }
+
+}
+
+var _default = Logger;
+exports.default = _default;

package/lib/cjs/utils/Store.d.ts

@@ -0,0 +1,9 @@
+declare class Store<T = Record<string, any>> {
+    _state: T;
+    _listeners: any[];
+    constructor(initialState: T);
+    subscribe(listener: (state: T) => () => void): () => void;
+    setState(state: T): void;
+    getState(): T;
+}
+export default Store;

package/lib/cjs/utils/Store.js

@@ -0,0 +1,60 @@
+"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.default = void 0;
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+
+class Store {
+  constructor(initialState) {
+    this._state = (0, _assign.default)({}, initialState);
+    this._listeners = [];
+  }
+
+  subscribe(listener) {
+    this._listeners.push(listener);
+
+    const unsubscribe = () => {
+      var _context;
+
+      const index = (0, _indexOf.default)(_context = this._listeners).call(_context, listener);
+
+      if (index > -1) {
+        var _context2;
+
+        (0, _splice.default)(_context2 = this._listeners).call(_context2, index, 1);
+      }
+    };
+
+    return unsubscribe;
+  }
+
+  setState(state) {
+    (0, _assign.default)(this._state, (0, _assign.default)({}, state));
+
+    for (const listener of this._listeners) {
+      if (typeof listener === 'function') {
+        listener(this._state);
+      }
+    }
+  }
+
+  getState() {
+    return this._state;
+  }
+
+}
+
+var _default = Store;
+exports.default = _default;

package/lib/cjs/utils/array.d.ts

@@ -0,0 +1,22 @@
+/**
+ * arrayA remove arrayB
+ * @param {array} arrayA
+ * @param {array} arrayB
+ * @returns {array}  new array
+ *
+ * const arrayA = ['a', 'b', 'c', 'a', 'b', 'c'];
+ *
+ * const result = pullAll(arrayA, ['a', 'c'])
+ * console.log(result);
+ * => ['b', 'b']
+ */
+export declare function pullAll(arrayA: any[], arrayB: any[]): any[];
+declare type CompareFn<T> = (a: T, b: T) => number;
+/**
+ * Adapt the descending order
+ * @param {Function} fn
+ * @param {String} order
+ * @returns
+ */
+export declare function withOrderSort<T = any>(fn: CompareFn<T>, order?: string): CompareFn<T>;
+export {};

package/lib/cjs/utils/array.js

@@ -0,0 +1,64 @@
+"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.pullAll = pullAll;
+exports.withOrderSort = withOrderSort;
+
+var _set = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set"));
+
+var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
+
+var _set2 = require("./set");
+
+/**
+ * arrayA remove arrayB
+ * @param {array} arrayA
+ * @param {array} arrayB
+ * @returns {array}  new array
+ *
+ * const arrayA = ['a', 'b', 'c', 'a', 'b', 'c'];
+ *
+ * const result = pullAll(arrayA, ['a', 'c'])
+ * console.log(result);
+ * => ['b', 'b']
+ */
+function pullAll(arrayA, arrayB) {
+  if (arrayA !== null && arrayA.length && arrayB !== null && arrayB.length) {
+    const setA = new _set.default(arrayA);
+    const setB = new _set.default(arrayB);
+    const resultSet = (0, _set2.pullAll)(setA, setB);
+    return (0, _from.default)(resultSet);
+  }
+
+  return arrayA;
+}
+/**
+ * Adapt the descending order
+ * @param {Function} fn
+ * @param {String} order
+ * @returns
+ */
+
+
+function withOrderSort(fn) {
+  let order = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ascend';
+
+  switch (order) {
+    case 'descend':
+      return (a, b) => {
+        const result = Number(fn(a, b));
+        return result !== 0 ? -result : result;
+      };
+
+    case 'ascend':
+    default:
+      return fn;
+  }
+}

package/lib/cjs/utils/classnames.d.ts

@@ -0,0 +1,4 @@
+import { Argument } from 'classnames';
+declare function addClass(rawCls: Argument, ...srcClss: Argument[]): string;
+declare function removeClass(rawCls: Argument, ...srcClss: Argument[]): string;
+export { addClass, removeClass };

package/lib/cjs/utils/classnames.js

@@ -0,0 +1,54 @@
+"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.addClass = addClass;
+exports.removeClass = removeClass;
+
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+
+var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
+
+var _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
+
+var _map2 = _interopRequireDefault(require("lodash/map"));
+
+var _filter2 = _interopRequireDefault(require("lodash/filter"));
+
+var _split2 = _interopRequireDefault(require("lodash/split"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function addClass(rawCls) {
+  const clss = (0, _split2.default)(rawCls, /\s+/);
+
+  for (var _len = arguments.length, srcClss = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    srcClss[_key - 1] = arguments[_key];
+  }
+
+  const validClss = (0, _filter2.default)(srcClss, cls => !(0, _includes.default)(clss).call(clss, cls));
+  return (0, _classnames.default)(rawCls, ...validClss);
+}
+
+function removeClass(rawCls) {
+  const clss = (0, _split2.default)(rawCls, /\s+/);
+
+  for (var _len2 = arguments.length, srcClss = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    srcClss[_key2 - 1] = arguments[_key2];
+  }
+
+  (0, _map2.default)(srcClss, cls => {
+    const index = (0, _indexOf.default)(clss).call(clss, cls);
+
+    if (index > -1) {
+      (0, _splice.default)(clss).call(clss, index, 1);
+    }
+  });
+  return (0, _classnames.default)(...clss);
+}

package/lib/cjs/utils/date-fns-extra.d.ts

@@ -0,0 +1,55 @@
+import { OptionsWithTZ } from 'date-fns-tz';
+/**
+ * Need to be IANA logo without daylight saving time
+ */
+export declare const IANAOffsetMap: (number | string[])[][];
+/**
+ *
+ * @param {string|number} tz
+ * @returns {number|undefined}
+ */
+export declare const toIANA: (tz: string | number) => any;
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} formatToken
+ * @param {object} [options]
+ * @param {string} [options.timeZone]
+ * @returns {Date}
+ */
+declare const parse: (date: string | number | Date, formatToken: string, options?: any) => Date;
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} formatToken
+ * @param {object} [options]
+ * @param {string} [options.timeZone]
+ */
+declare const format: (date: string | number | Date, formatToken: string, options?: any) => string;
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} timeZone
+ * @param {object} options
+ * @returns {Date}
+ */
+declare const utcToZonedTime: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+/**
+ *
+ * @param {string | number | Date} date
+ * @param {string} timeZone
+ * @param {object} options
+ * @returns {Date}
+ */
+declare const zonedTimeToUtc: (date: string | number | Date, timeZone: string, options?: OptionsWithTZ) => Date;
+/**
+ * return current system hour offset based on utc:
+ *
+ * ```
+ * 8 => "GMT+08:00"
+ * -9.5 => "GMT-09:30"
+ * -8 => "GMT-08:00"
+ * ```
+ */
+declare const getCurrentTimeZone: () => number;
+export { format, parse, utcToZonedTime, zonedTimeToUtc, getCurrentTimeZone };