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

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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,109 @@
+"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,21 @@
+"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}-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

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

package/lib/cjs/banner/constants.js

@@ -0,0 +1,17 @@
+"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}-banner`
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  TYPE: ['info', 'success', 'danger', 'warning']
+};
+exports.strings = strings;

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,25 @@
+"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,18 @@
+"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

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

package/lib/cjs/base/env.js

@@ -0,0 +1,8 @@
+"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

@@ -0,0 +1,62 @@
+/**
+ * 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<K extends keyof S>(s: Pick<S, K>, 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<K extends keyof S>(states: Pick<S, K>, 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

@@ -0,0 +1,157 @@
+"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

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

package/lib/cjs/base/index.js

@@ -0,0 +1,15 @@
+"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

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

package/lib/cjs/breadcrumb/constants.js

@@ -0,0 +1,17 @@
+"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}-breadcrumb`
+};
+exports.cssClasses = cssClasses;
+const strings = {
+  MORE_TYPE: ['default', 'popover']
+};
+exports.strings = strings;

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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,57 @@
+"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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,26 @@
+"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

@@ -0,0 +1,14 @@
+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 };