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

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

@@ -1,21 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export declare type BackTopClickEvent = any;
-export declare type Target = any;
-export interface BackTopAdapter extends DefaultAdapter {
-    updateVisible: (visible: boolean) => void;
-    notifyClick: (e: BackTopClickEvent) => void;
-    targetIsWindow: (target: any) => boolean;
-    isWindowUndefined: () => boolean;
-    targetScrollToTop: (targetNode: any, scrollTop: number) => void;
-}
-export default class BackTopFoundation extends BaseFoundation<BackTopAdapter> {
-    animation: any;
-    constructor(adapter: BackTopAdapter);
-    init(): void;
-    destroy(): void;
-    getScroll(target: Target): any;
-    scrollTo: (targetNode: Target, from: number, to: number) => void;
-    setScrollTop(to: number): void;
-    handleScroll: () => void;
-    onClick(e: BackTopClickEvent): void;
-}

package/lib/cjs/backtop/foundation.js

@@ -1,109 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-var _semiAnimation = require("@douyinfe/semi-animation");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class BackTopFoundation extends _foundation.default {
-  constructor(adapter) {
-    super(Object.assign({}, adapter));
-
-    this.scrollTo = (targetNode, from, to) => {
-      const {
-        duration
-      } = this.getProps();
-      this.animation = new _semiAnimation.Animation({
-        from: {
-          scrollTop: from
-        },
-        to: {
-          scrollTop: to
-        }
-      }, {
-        duration,
-        easing: 'easeInOutCubic'
-      });
-      this.animation.on('frame', _ref => {
-        let {
-          scrollTop
-        } = _ref;
-
-        this._adapter.targetScrollToTop(targetNode, scrollTop);
-      });
-      this.animation.start();
-    };
-
-    this.handleScroll = () => {
-      const {
-        target,
-        visibilityHeight
-      } = this.getProps();
-      const targetNode = target();
-
-      const update = () => {
-        const scrollTop = this.getScroll(targetNode);
-
-        this._adapter.updateVisible(scrollTop > visibilityHeight);
-      };
-
-      requestAnimationFrame(update);
-    };
-  }
-
-  init() {
-    const {
-      target
-    } = this.getProps();
-    const targetNode = target();
-    targetNode.addEventListener('scroll', this.handleScroll);
-    this.handleScroll();
-  }
-
-  destroy() {
-    const {
-      target
-    } = this.getProps();
-    const targetNode = target();
-    targetNode && targetNode.removeEventListener('scroll', this.handleScroll);
-    this.animation && this.animation.destroy();
-  }
-
-  getScroll(target) {
-    if (this._adapter.isWindowUndefined()) {
-      return 0;
-    }
-
-    const prop = 'pageYOffset';
-    const method = 'scrollTop';
-
-    const isWindow = this._adapter.targetIsWindow(target);
-
-    const scroll = isWindow ? target[prop] : target[method];
-    return scroll;
-  }
-
-  setScrollTop(to) {
-    const {
-      target
-    } = this.getProps();
-    const targetNode = target();
-    const from = this.getScroll(targetNode);
-    this.scrollTo(targetNode, from, to);
-  }
-
-  onClick(e) {
-    this.setScrollTop(0);
-
-    this._adapter.notifyClick(e);
-  }
-
-}
-
-exports.default = BackTopFoundation;

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

@@ -1,10 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    TYPE_SET: string[];
-    THEME_SET: string[];
-    POS_SET: string[];
-};
-declare const numbers: {};
-export { cssClasses, strings, numbers };

package/lib/cjs/badge/constants.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.strings = exports.numbers = exports.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-badge")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  TYPE_SET: ['primary', 'secondary', 'tertiary', 'warning', 'danger'],
-  THEME_SET: ['solid', 'light', 'inverted'],
-  POS_SET: ['leftTop', 'leftBottom', 'rightTop', 'rightBottom']
-};
-exports.strings = strings;
-const numbers = {};
-exports.numbers = numbers;

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

@@ -1,7 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    TYPE: string[];
-};
-export { cssClasses, strings };

package/lib/cjs/banner/constants.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.strings = exports.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-banner")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  TYPE: ['info', 'success', 'danger', 'warning']
-};
-exports.strings = strings;

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

@@ -1,9 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export interface BannerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    setVisible: () => void;
-    notifyClose: (e: any) => void;
-}
-export default class BannerFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<BannerAdapter<P, S>, P, S> {
-    constructor(adapter: BannerAdapter<P, S>);
-    removeBanner(e: any): void;
-}

package/lib/cjs/banner/foundation.js

@@ -1,25 +0,0 @@
-"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 BannerFoundation extends _foundation.default {
-  constructor(adapter) {
-    super(Object.assign(Object.assign({}, BannerFoundation.defaultAdapter), adapter));
-  }
-
-  removeBanner(e) {
-    this._adapter.notifyClose(e);
-
-    this._adapter.setVisible();
-  }
-
-}
-
-exports.default = BannerFoundation;

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

@@ -1,3 +0,0 @@
-import { BASE_CLASS_PREFIX } from './env';
-declare const VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
-export { BASE_CLASS_PREFIX, VALIDATE_STATUS };

package/lib/cjs/base/constants.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BASE_CLASS_PREFIX", {
-  enumerable: true,
-  get: function () {
-    return _env.BASE_CLASS_PREFIX;
-  }
-});
-exports.VALIDATE_STATUS = void 0;
-
-var _env = require("./env");
-
-const VALIDATE_STATUS = ['default', 'error', 'warning', 'success']; // const VALIDATE_STATUS = ['default', 'error', 'warning', 'success', 'validating'] as const;
-
-exports.VALIDATE_STATUS = VALIDATE_STATUS;

package/lib/cjs/base/env.d.ts

@@ -1 +0,0 @@
-export declare const BASE_CLASS_PREFIX = "semi";

package/lib/cjs/base/env.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BASE_CLASS_PREFIX = void 0;
-const BASE_CLASS_PREFIX = 'semi';
-exports.BASE_CLASS_PREFIX = BASE_CLASS_PREFIX;

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

@@ -1,62 +0,0 @@
-/**
- * The Semi Foundation / Adapter architecture split was inspired by Material Component For Web. （https://github.com/material-components/material-components-web）
- * We re-implemented our own code based on the principle and added more functions we need according to actual needs.
- *
- */
-export declare type noopFunction = (...args: any) => any;
-export interface DefaultAdapter<P = Record<string, any>, S = Record<string, any>> {
-    getContext(key: string): any;
-    getContexts(): any;
-    getProp(key: string): any;
-    getProps(): P;
-    getState(key: string): any;
-    getStates(): S;
-    setState(s: Pick<S, keyof S>, callback?: any): void;
-    getCache(c: string): any;
-    getCaches(): any;
-    setCache(key: any, value: any): void;
-    stopPropagation(e: any): void;
-    persistEvent: (event: any) => void;
-}
-declare class BaseFoundation<T extends Partial<DefaultAdapter<P, S>>, P = Record<string, any>, S = Record<string, any>> {
-    /** @return enum{css className} */
-    static get cssClasses(): {};
-    /** @return enum{strings} */
-    static get strings(): {};
-    /** @return enum{numbers} */
-    static get numbers(): {};
-    static get defaultAdapter(): {
-        getProp: (...args: any[]) => void;
-        getProps: (...args: any[]) => void;
-        getState: (...args: any[]) => void;
-        getStates: (...args: any[]) => void;
-        setState: (...args: any[]) => void;
-        getContext: (...args: any[]) => void;
-        getContexts: (...args: any[]) => void;
-        getCache: (...args: any[]) => void;
-        setCache: (...args: any[]) => void;
-        getCaches: (...args: any[]) => void;
-        stopPropagation: (...args: any[]) => void;
-        persistEvent: (...args: any[]) => void;
-    };
-    _adapter: T;
-    constructor(adapter: T);
-    getProp(key: string): any;
-    getProps(): any;
-    getState(key: string): any;
-    getStates(): any;
-    setState(states: S, cb?: (...args: any) => void): void;
-    getContext(key: string): any;
-    getContexts(): any;
-    getCaches(): any;
-    getCache(key: string): any;
-    setCache(key: string, value: any): void;
-    stopPropagation(e: any): void;
-    _isControlledComponent(key?: string): boolean;
-    _isInProps(key: string): boolean;
-    init(lifecycle?: any): void;
-    destroy(): void;
-    log(text: string, ...rest: any): void;
-    _persistEvent(e: any): void;
-}
-export default BaseFoundation;

package/lib/cjs/base/foundation.js

@@ -1,157 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
-var _log = _interopRequireDefault(require("../utils/log"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * The Semi Foundation / Adapter architecture split was inspired by Material Component For Web. （https://github.com/material-components/material-components-web）
- * We re-implemented our own code based on the principle and added more functions we need according to actual needs.
- *
- */
-class BaseFoundation {
-  constructor(adapter) {
-    this._adapter = Object.assign(Object.assign({}, BaseFoundation.defaultAdapter), adapter);
-  }
-  /** @return enum{css className} */
-
-  /* istanbul ignore next */
-
-
-  static get cssClasses() {
-    // Classes extending Foundation should implement this method to return an object which exports every
-    // CSS class the foundation class needs as a property. e.g. {ACTIVE: 'component--active'}
-    return {};
-  }
-  /** @return enum{strings} */
-
-  /* istanbul ignore next */
-
-
-  static get strings() {
-    // Classes extending Foundation should implement this method to return an object which exports all
-    // semantic strings as constants. e.g. {ARIA_ROLE: 'tablist'}
-    return {};
-  }
-  /** @return enum{numbers} */
-
-  /* istanbul ignore next */
-
-
-  static get numbers() {
-    // Classes extending Foundation should implement this method to return an object which exports all
-    // of its semantic numbers as constants. e.g. {ANIMATION_DELAY_MS: 350}
-    return {};
-  }
-
-  static get defaultAdapter() {
-    return {
-      getProp: _noop2.default,
-      getProps: _noop2.default,
-      getState: _noop2.default,
-      getStates: _noop2.default,
-      setState: _noop2.default,
-      getContext: _noop2.default,
-      getContexts: _noop2.default,
-      getCache: _noop2.default,
-      setCache: _noop2.default,
-      getCaches: _noop2.default,
-      stopPropagation: _noop2.default,
-      persistEvent: _noop2.default
-    };
-  }
-
-  getProp(key) {
-    return this._adapter.getProp(key);
-  }
-
-  getProps() {
-    return this._adapter.getProps();
-  }
-
-  getState(key) {
-    return this._adapter.getState(key);
-  }
-
-  getStates() {
-    return this._adapter.getStates();
-  }
-
-  setState(states, cb) {
-    return this._adapter.setState(Object.assign({}, states), cb);
-  }
-
-  getContext(key) {
-    return this._adapter.getContext(key);
-  }
-  /* istanbul ignore next */
-
-
-  getContexts() {
-    return this._adapter.getContexts();
-  }
-  /* istanbul ignore next */
-
-
-  getCaches() {
-    return this._adapter.getCaches();
-  }
-
-  getCache(key) {
-    return this._adapter.getCache(key);
-  }
-
-  setCache(key, value) {
-    return key && this._adapter.setCache(key, value);
-  }
-
-  stopPropagation(e) {
-    this._adapter.stopPropagation(e);
-  } // Determine whether a controlled component
-
-
-  _isControlledComponent() {
-    let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'value';
-    const props = this.getProps();
-    const isControlComponent = (key in props);
-    return isControlComponent;
-  } // Does the user have incoming props, eg: _isInProps (value)
-
-
-  _isInProps(key) {
-    const props = this.getProps();
-    return key in props;
-  }
-
-  init(lifecycle) {// Subclasses should override this method to perform initialization routines (registering events, etc.)
-  }
-
-  destroy() {// Subclasses should override this method to perform de-initialization routines (de-registering events, etc.)
-  }
-  /* istanbul ignore next */
-
-
-  log(text) {
-    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      rest[_key - 1] = arguments[_key];
-    }
-
-    (0, _log.default)(text, ...rest);
-  }
-
-  _persistEvent(e) {
-    // only work for react adapter for now
-    this._adapter.persistEvent(e);
-  }
-
-}
-
-var _default = BaseFoundation;
-exports.default = _default;

package/lib/cjs/base/index.d.ts

@@ -1,5 +0,0 @@
-import BaseFoundation from './foundation';
-declare const _default: {
-    BaseFoundation: typeof BaseFoundation;
-};
-export default _default;

package/lib/cjs/base/index.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _foundation = _interopRequireDefault(require("./foundation"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = {
-  BaseFoundation: _foundation.default
-};
-exports.default = _default;

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

@@ -1,7 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    MORE_TYPE: string[];
-};
-export { cssClasses, strings };

package/lib/cjs/breadcrumb/constants.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.strings = exports.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-breadcrumb")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  MORE_TYPE: ['default', 'popover']
-};
-exports.strings = strings;

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

@@ -1,28 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import { BreadcrumbItemInfo, Route } from './itemFoundation';
-export interface BreadcrumbAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    notifyClick: (itemInfo: BreadcrumbItemInfo, event: any) => void;
-    expandCollapsed: (clickEvent?: any) => void;
-}
-export default class BreadcrumbFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<BreadcrumbAdapter<P, S>, P, S> {
-    constructor(adapter: BreadcrumbAdapter<P, S>);
-    handleClick(info: BreadcrumbItemInfo, event: any): void;
-    handleExpand(clickEvent: any): void;
-    /**
-     * A11y: simulate clear button click
-     */
-    handleExpandEnterPress(keyboardEvent: any): void;
-    genRoutes(routes: Array<Route>): ({
-        name: never;
-        _origin: {
-            name: never;
-        };
-    } | {
-        [x: string]: any;
-        path?: string;
-        href?: string;
-        name?: string;
-        icon?: any;
-        _origin?: undefined;
-    })[];
-}

package/lib/cjs/breadcrumb/foundation.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-var _isEnterPress = _interopRequireDefault(require("../utils/isEnterPress"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable prefer-const */
-class BreadcrumbFoundation extends _foundation.default {
-  constructor(adapter) {
-    super(Object.assign({}, adapter));
-  }
-
-  handleClick(info, event) {
-    this._adapter.notifyClick(info, event);
-  }
-
-  handleExpand(clickEvent) {
-    this._adapter.expandCollapsed(clickEvent);
-  }
-  /**
-   * A11y: simulate clear button click
-   */
-
-
-  handleExpandEnterPress(keyboardEvent) {
-    if ((0, _isEnterPress.default)(keyboardEvent)) {
-      this.handleExpand(keyboardEvent);
-    }
-  }
-
-  genRoutes(routes) {
-    return routes.map(route => {
-      if (typeof route !== 'object') {
-        return {
-          name: route,
-          _origin: {
-            name: route
-          }
-        };
-      }
-
-      let config = {};
-      config._origin = route;
-      return Object.assign(Object.assign({}, config), route);
-    });
-  }
-
-}
-
-exports.default = BreadcrumbFoundation;

package/lib/cjs/breadcrumb/itemFoundation.d.ts

@@ -1,22 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export interface BreadcrumbItemInfo {
-    name?: any;
-    href?: string;
-    icon?: any;
-    path?: string;
-}
-export interface Route {
-    [x: string]: any;
-    path?: string;
-    href?: string;
-    name?: string;
-    icon?: any;
-}
-export interface BreadcrumbItemAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    notifyClick: (item: BreadcrumbItemInfo, e: any) => void;
-    notifyParent: (item: BreadcrumbItemInfo, e: any) => void;
-}
-export default class BreadcrumbItemFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<BreadcrumbItemAdapter<P, S>, P, S> {
-    constructor(adapter: BreadcrumbItemAdapter<P, S>);
-    handleClick(item: BreadcrumbItemInfo, e: any): void;
-}

package/lib/cjs/breadcrumb/itemFoundation.js

@@ -1,26 +0,0 @@
-"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 BreadcrumbItemFoundation extends _foundation.default {
-  constructor(adapter) {
-    super(Object.assign({}, adapter));
-  }
-
-  handleClick(item, e) {
-    // Trigger its own onClick first, then trigger the parent
-    this._adapter.notifyClick(item, e);
-
-    this._adapter.notifyParent(item, e);
-  }
-
-}
-
-exports.default = BreadcrumbItemFoundation;

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

@@ -1,14 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    readonly sizes: readonly ["default", "small", "large"];
-    readonly iconPositions: readonly ["left", "right"];
-    readonly htmlTypes: readonly ["button", "reset", "submit"];
-    readonly btnTypes: readonly ["primary", "secondary", "tertiary", "warning", "danger"];
-    readonly themes: readonly ["solid", "borderless", "light"];
-    readonly DEFAULT_ICON_SIZE: "default";
-    readonly DEFAULT_ICON_POSITION: "left";
-};
-declare const numbers: {};
-export { cssClasses, strings, numbers };