@douyinfe/semi-ui 2.0.7-alpha.0 → 2.0.9-alpha.2

package/lib/cjs/space/index.js

@@ -1,120 +0,0 @@
-"use strict";
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
-var _isArray2 = _interopRequireDefault(require("lodash/isArray"));
-
-var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/space/constants");
-
-require("@douyinfe/semi-foundation/lib/cjs/space/space.css");
-
-var _utils = require("./utils");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const prefixCls = _constants.cssClasses.PREFIX;
-
-class Space extends _react.PureComponent {
-  render() {
-    var _context;
-
-    const {
-      children = null,
-      style,
-      className,
-      spacing,
-      wrap,
-      align,
-      vertical
-    } = this.props;
-    const isWrap = wrap && vertical ? false : wrap;
-    const realStyle = (0, _assign.default)({}, style);
-    let spacingHorizontalType = '';
-    let spacingVerticalType = '';
-
-    if ((0, _isString2.default)(spacing)) {
-      spacingHorizontalType = spacing;
-      spacingVerticalType = spacing;
-    } else if ((0, _isNumber2.default)(spacing)) {
-      realStyle.rowGap = spacing;
-      realStyle.columnGap = spacing;
-    } else if ((0, _isArray2.default)(spacing)) {
-      if ((0, _isString2.default)(spacing[0])) {
-        spacingHorizontalType = spacing[0];
-      } else if ((0, _isNumber2.default)(spacing[0])) {
-        realStyle.columnGap = "".concat(spacing[0], "px");
-      }
-
-      if ((0, _isString2.default)(spacing[1])) {
-        spacingVerticalType = spacing[1];
-      } else if ((0, _isNumber2.default)(spacing[1])) {
-        realStyle.rowGap = "".concat(spacing[1], "px");
-      }
-    }
-
-    const classNames = (0, _classnames.default)(prefixCls, className, {
-      [(0, _concat.default)(_context = "".concat(prefixCls, "-align-")).call(_context, align)]: align,
-      ["".concat(prefixCls, "-vertical")]: vertical,
-      ["".concat(prefixCls, "-horizontal")]: !vertical,
-      ["".concat(prefixCls, "-wrap")]: isWrap,
-      ["".concat(prefixCls, "-tight-horizontal")]: spacingHorizontalType === _constants.strings.SPACING_TIGHT,
-      ["".concat(prefixCls, "-tight-vertical")]: spacingVerticalType === _constants.strings.SPACING_TIGHT,
-      ["".concat(prefixCls, "-medium-horizontal")]: spacingHorizontalType === _constants.strings.SPACING_MEDIUM,
-      ["".concat(prefixCls, "-medium-vertical")]: spacingVerticalType === _constants.strings.SPACING_MEDIUM,
-      ["".concat(prefixCls, "-loose-horizontal")]: spacingHorizontalType === _constants.strings.SPACING_LOOSE,
-      ["".concat(prefixCls, "-loose-vertical")]: spacingVerticalType === _constants.strings.SPACING_LOOSE
-    });
-    const childrenNodes = (0, _utils.flatten)(children);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classNames,
-      style: realStyle
-    }, childrenNodes);
-  }
-
-}
-
-Space.propTypes = {
-  wrap: _propTypes.default.bool,
-  align: _propTypes.default.oneOf(_constants.strings.ALIGN_SET),
-  vertical: _propTypes.default.bool,
-  spacing: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array]),
-  children: _propTypes.default.node,
-  style: _propTypes.default.object,
-  className: _propTypes.default.string
-};
-Space.defaultProps = {
-  vertical: false,
-  wrap: false,
-  spacing: 'tight',
-  align: 'center'
-};
-var _default = Space;
-exports.default = _default;

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

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Flatten the children and return the processed data
- */
-export declare const flatten: (children: ReactNode) => Array<ReactNode>;

package/lib/cjs/space/utils.js

@@ -1,54 +0,0 @@
-"use strict";
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.flatten = void 0;
-
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const REACT_FRAGMENT_TYPE = 'Symbol(react.fragment)';
-/**
- * Flatten the children and return the processed data
- */
-
-const flatten = children => {
-  var _context;
-
-  let res = [];
-  (0, _forEach.default)(_context = _react.default.Children).call(_context, children, child => {
-    if (child === undefined || child === null) {
-      return;
-    }
-
-    if ((0, _isArray.default)(child)) {
-      res = (0, _concat.default)(res).call(res, flatten(child));
-    } else if ( /*#__PURE__*/(0, _react.isValidElement)(child) && child.type && child.type.toString() === REACT_FRAGMENT_TYPE && child.props) {
-      res = (0, _concat.default)(res).call(res, flatten(child.props.children));
-    } else {
-      res.push(child);
-    }
-  });
-  return res;
-};
-
-exports.flatten = flatten;

package/lib/cjs/spin/icon.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface IconProps {
-    id?: number;
-    component?: React.ReactNode;
-    size?: number;
-    className?: string;
-    type?: string;
-}
-declare function Icon(props?: IconProps): JSX.Element;
-export default Icon;

package/lib/cjs/spin/icon.js

@@ -1,103 +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.default = void 0;
-
-var _indexOf = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/index-of"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && (0, _indexOf.default)(e).call(e, p) < 0) t[p] = s[p];
-
-  if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
-    if ((0, _indexOf.default)(e).call(e, p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-/* eslint-disable no-unused-vars */
-
-
-let _id = -1;
-
-function Icon() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  const {
-    id: propsId,
-    className
-  } = props,
-        rest = __rest(props, ["id", "className"]);
-
-  let _propsId = propsId;
-
-  if ((0, _isNullOrUndefined.default)(_propsId)) {
-    _id++;
-    _propsId = _id;
-  }
-
-  const id = "linearGradient-".concat(_propsId);
-  return /*#__PURE__*/_react.default.createElement("svg", (0, _assign.default)({}, rest, {
-    className: className,
-    width: "48",
-    height: "48",
-    viewBox: "0 0 36 36",
-    version: "1.1",
-    xmlns: "http://www.w3.org/2000/svg"
-  }), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
-    x1: "0%",
-    y1: "100%",
-    x2: "100%",
-    y2: "100%",
-    id: id
-  }, /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "currentColor",
-    stopOpacity: "0",
-    offset: "0%"
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "currentColor",
-    stopOpacity: "0.50",
-    offset: "39.9430698%"
-  }), /*#__PURE__*/_react.default.createElement("stop", {
-    stopColor: "currentColor",
-    offset: "100%"
-  }))), /*#__PURE__*/_react.default.createElement("g", {
-    id: "Artboard",
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/_react.default.createElement("rect", {
-    id: "Rectangle",
-    fillOpacity: "0.01",
-    fill: "#FFFFFF",
-    x: "0",
-    y: "0",
-    width: "36",
-    height: "36"
-  }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M34,18 C34,9.163444 26.836556,2 18,2 C11.6597233,2 6.18078805,5.68784135 3.59122325,11.0354951",
-    id: "Path",
-    stroke: "url(#".concat(id, ")"),
-    strokeWidth: "4",
-    strokeLinecap: "round"
-  })));
-}
-
-var _default = Icon;
-exports.default = _default;

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

@@ -1,63 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import BaseComponent from '../_base/baseComponent';
-import '@douyinfe/semi-foundation/lib/cjs/spin/spin.css';
-export declare type SpinSize = 'small' | 'large' | 'middle';
-export interface SpinProps {
-    size?: SpinSize;
-    spinning?: boolean;
-    indicator?: React.ReactNode;
-    delay?: number;
-    tip?: string;
-    wrapperClassName?: string;
-    style?: React.CSSProperties;
-    childStyle?: React.CSSProperties;
-    children?: React.ReactNode;
-}
-interface SpinState {
-    delay: number;
-    loading: boolean;
-}
-declare class Spin extends BaseComponent<SpinProps, SpinState> {
-    static propTypes: {
-        size: PropTypes.Requireable<string>;
-        spinning: PropTypes.Requireable<boolean>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        indicator: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        delay: PropTypes.Requireable<number>;
-        tip: PropTypes.Requireable<string>;
-        wrapperClassName: PropTypes.Requireable<string>;
-        childStyle: PropTypes.Requireable<object>;
-        style: PropTypes.Requireable<object>;
-    };
-    static defaultProps: SpinProps;
-    constructor(props: SpinProps);
-    static getDerivedStateFromProps(props: SpinProps): {
-        loading: boolean;
-        delay?: undefined;
-    } | {
-        delay: number;
-        loading: boolean;
-    } | {
-        delay: number;
-        loading?: undefined;
-    };
-    get adapter(): {
-        setLoading: (value: boolean) => void;
-        getContext(key: string): any;
-        getContexts(): any;
-        getProp(key: string): any;
-        getProps(): SpinProps;
-        getState(key: string): any;
-        getStates(): SpinState;
-        setState(s: Pick<SpinState, keyof SpinState>, callback?: any): void;
-        getCache(c: string): any;
-        getCaches(): any;
-        setCache(key: any, value: any): void;
-        stopPropagation(e: any): void;
-    };
-    componentWillUnmount(): void;
-    renderSpin(): JSX.Element;
-    render(): JSX.Element;
-}
-export default Spin;

package/lib/cjs/spin/index.js

@@ -1,145 +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.default = void 0;
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/spin/constants");
-
-var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/spin/foundation"));
-
-var _icon = _interopRequireDefault(require("./icon"));
-
-require("@douyinfe/semi-foundation/lib/cjs/spin/spin.css");
-
-const prefixCls = _constants.cssClasses.PREFIX;
-
-class Spin extends _baseComponent.default {
-  constructor(props) {
-    super(props);
-    this.foundation = new _foundation.default(this.adapter);
-    this.state = {
-      delay: props.delay,
-      loading: true
-    };
-  }
-
-  static getDerivedStateFromProps(props) {
-    if (!props.delay) {
-      return {
-        loading: props.spinning
-      };
-    }
-
-    if (props.spinning === false) {
-      return {
-        delay: 0,
-        loading: false
-      };
-    }
-
-    return {
-      delay: props.delay
-    };
-  }
-
-  get adapter() {
-    return (0, _assign.default)((0, _assign.default)({}, super.adapter), {
-      setLoading: value => {
-        this.setState({
-          loading: value
-        });
-      }
-    });
-  }
-
-  componentWillUnmount() {
-    this.foundation.destroy();
-  }
-
-  renderSpin() {
-    const {
-      indicator,
-      tip
-    } = this.props;
-    const {
-      loading
-    } = this.state;
-    const spinIconCls = (0, _classnames.default)({
-      ["".concat(prefixCls, "-animate")]: loading
-    });
-    return loading ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-wrapper")
-    }, indicator ? /*#__PURE__*/_react.default.createElement("div", {
-      className: spinIconCls
-    }, indicator) : /*#__PURE__*/_react.default.createElement(_icon.default, null), tip ? /*#__PURE__*/_react.default.createElement("div", null, tip) : null) : null;
-  }
-
-  render() {
-    var _context;
-
-    this.foundation.updateLoadingIfNeedDelay();
-    const {
-      children,
-      style,
-      wrapperClassName,
-      childStyle,
-      size
-    } = this.props;
-    const {
-      loading
-    } = this.state;
-    const spinCls = (0, _classnames.default)(prefixCls, wrapperClassName, {
-      [(0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, size)]: size,
-      ["".concat(prefixCls, "-block")]: children,
-      ["".concat(prefixCls, "-hidden")]: !loading
-    });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: spinCls,
-      style: style
-    }, this.renderSpin(), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-children"),
-      style: childStyle
-    }, children));
-  }
-
-}
-
-Spin.propTypes = {
-  size: _propTypes.default.oneOf(_constants.strings.SIZE),
-  spinning: _propTypes.default.bool,
-  children: _propTypes.default.node,
-  indicator: _propTypes.default.node,
-  delay: _propTypes.default.number,
-  tip: _propTypes.default.string,
-  wrapperClassName: _propTypes.default.string,
-  childStyle: _propTypes.default.object,
-  style: _propTypes.default.object
-};
-Spin.defaultProps = {
-  size: 'middle',
-  spinning: true,
-  children: null,
-  indicator: null,
-  delay: 0
-};
-var _default = Spin;
-exports.default = _default;

package/lib/cjs/steps/basicStep.d.ts

@@ -1,46 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export declare type Status = 'wait' | 'process' | 'finish' | 'error' | 'warning';
-export declare type Size = 'default' | 'small';
-export interface BasicStepProps {
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
-    status?: Status;
-    title?: React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-    active?: boolean;
-    prefixCls?: string;
-    stepNumber?: string;
-    size?: Size;
-    done?: boolean;
-    onChange?: () => void;
-    onClick?: React.MouseEventHandler<HTMLDivElement>;
-}
-export declare enum stepSizeMapIconSize {
-    small = "large",
-    default = "extra-large"
-}
-declare const BasicStep: {
-    (props: BasicStepProps): JSX.Element;
-    propTypes: {
-        prefixCls: PropTypes.Requireable<string>;
-        description: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        status: PropTypes.Requireable<string>;
-        title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        active: PropTypes.Requireable<boolean>;
-        done: PropTypes.Requireable<boolean>;
-    };
-    defaultProps: {
-        prefixCls: string;
-        active: boolean;
-        done: boolean;
-        status: string;
-        className: string;
-    };
-};
-export default BasicStep;