@douyinfe/semi-ui 2.1.0-next.0 → 2.1.0

package/lib/cjs/form/label.js

@@ -1,91 +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 _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
-
-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 Label extends _react.PureComponent {
-  render() {
-    const {
-      children,
-      required,
-      text,
-      disabled,
-      name,
-      width,
-      align,
-      style,
-      className,
-      extra
-    } = this.props;
-    const labelCls = (0, _classnames.default)(className, {
-      ["".concat(prefixCls, "-field-label")]: true,
-      ["".concat(prefixCls, "-field-label-left")]: align === 'left',
-      ["".concat(prefixCls, "-field-label-right")]: align === 'right',
-      ["".concat(prefixCls, "-field-label-required")]: required,
-      ["".concat(prefixCls, "-field-label-disabled")]: disabled,
-      ["".concat(prefixCls, "-field-label-with-extra")]: extra
-    });
-    const labelStyle = style ? style : {};
-    width ? labelStyle.width = width : null;
-
-    const textContent = /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-field-label-text")
-    }, typeof text !== 'undefined' ? text : children);
-
-    const contentWithExtra = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, textContent, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(prefixCls, "-field-label-extra")
-    }, extra));
-
-    return /*#__PURE__*/_react.default.createElement("label", {
-      className: labelCls,
-      htmlFor: name,
-      style: labelStyle
-    }, extra ? contentWithExtra : textContent);
-  }
-
-}
-
-exports.default = Label;
-Label.defaultProps = {
-  required: false,
-  name: '',
-  align: 'left',
-  className: ''
-};
-Label.propTypes = {
-  children: _propTypes.default.node,
-  required: _propTypes.default.bool,
-  text: _propTypes.default.node,
-  disabled: _propTypes.default.bool,
-  name: _propTypes.default.string,
-  align: _propTypes.default.string,
-  width: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  style: _propTypes.default.object,
-  className: _propTypes.default.string,
-  extra: _propTypes.default.node
-};

package/lib/cjs/form/section.d.ts

@@ -1,17 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-export interface SectionProps {
-    className?: string;
-    style?: React.CSSProperties;
-    text?: React.ReactNode | string;
-    children?: React.ReactNode;
-}
-export default class Section extends PureComponent<SectionProps> {
-    static propTypes: {
-        text: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    };
-    render(): JSX.Element;
-}

package/lib/cjs/form/section.js

@@ -1,60 +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 _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
-
-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; }
-
-/* eslint-disable prefer-template */
-const prefix = _constants.cssClasses.PREFIX;
-
-class Section extends _react.PureComponent {
-  render() {
-    const {
-      text,
-      className,
-      style,
-      children
-    } = this.props;
-    const cls = (0, _classnames.default)({
-      [prefix + '-section']: true
-    }, className);
-    const textCls = prefix + '-section-text';
-    return /*#__PURE__*/_react.default.createElement("section", {
-      className: cls,
-      style: style
-    }, /*#__PURE__*/_react.default.createElement("h5", {
-      className: textCls
-    }, text), children);
-  }
-
-}
-
-exports.default = Section;
-Section.propTypes = {
-  text: _propTypes.default.node,
-  className: _propTypes.default.string,
-  style: _propTypes.default.object,
-  children: _propTypes.default.node
-};

package/lib/cjs/form/slot.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { LabelProps } from './label';
-import { ErrorMessageProps } from './errorMessage';
-export interface SlotProps {
-    className?: string;
-    style?: React.CSSProperties;
-    label?: LabelProps | React.ReactNode | number | string;
-    noLabel?: boolean;
-    labelPosition?: 'top' | 'left';
-    error?: ErrorMessageProps;
-    children?: React.ReactNode;
-}
-declare const FormSlot: (props: SlotProps) => JSX.Element;
-export default FormSlot;

package/lib/cjs/form/slot.js

@@ -1,200 +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 _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 _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
-
-var _lodashEs = require("lodash-es");
-
-var _label = _interopRequireDefault(require("./label"));
-
-var _grid = require("../grid");
-
-var _context2 = require("./context");
-
-var _errorMessage = _interopRequireDefault(require("./errorMessage"));
-
-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; }
-
-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 max-lines-per-function, prefer-destructuring, prefer-const, @typescript-eslint/no-unused-vars */
-
-
-const prefix = _constants.cssClasses.PREFIX;
-
-const FormSlot = props => {
-  var _context;
-
-  let labelCol, wrapperCol, labelWidth, labelAlign, content;
-  let labelPosition = 'top';
-
-  try {
-    const updater = (0, _react.useContext)(_context2.FormUpdaterContext);
-    const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'labelCol', 'wrapperCol']);
-    labelCol = formProps.labelCol;
-    wrapperCol = formProps.wrapperCol;
-    labelWidth = formProps.labelWidth;
-    labelAlign = formProps.labelAlign;
-    labelPosition = formProps.labelPosition ? formProps.labelPosition : labelPosition;
-  } catch (error) {} // eslint-disable-next-line react/destructuring-assignment
-
-
-  props.labelPosition ? labelPosition = props.labelPosition : null;
-
-  let {
-    children,
-    label,
-    className,
-    style,
-    error,
-    noLabel
-  } = props,
-      rest = __rest(props, ["children", "label", "className", "style", "error", "noLabel"]);
-
-  const appendCol = labelCol && wrapperCol;
-  const slotCls = (0, _classnames.default)({
-    ["".concat(prefix, "-field")]: true,
-    ["".concat(prefix, "-slot")]: true
-  }, className);
-  const labelColCls = (0, _classnames.default)({
-    [(0, _concat.default)(_context = "".concat(prefix, "-col-")).call(_context, labelAlign)]: true
-  });
-
-  switch (true) {
-    case (0, _lodashEs.isObject)(label) && ! /*#__PURE__*/_react.default.isValidElement(label):
-      // do nothing
-      break;
-
-    case (0, _lodashEs.isString)(label) || (0, _lodashEs.isNumber)(label):
-      label = {
-        text: label
-      };
-      break;
-
-    case /*#__PURE__*/_react.default.isValidElement(label):
-      label = {
-        text: label
-      };
-      break;
-
-    default:
-      break;
-  }
-
-  let slotError = null;
-
-  if (typeof error !== undefined) {
-    let emProps = {};
-
-    switch (true) {
-      case (0, _lodashEs.isObject)(error) && ! /*#__PURE__*/_react.default.isValidElement(error):
-        // do nothing
-        emProps = error;
-        break;
-
-      case (0, _lodashEs.isString)(error) || (0, _lodashEs.isNumber)(error):
-        emProps = {
-          error
-        };
-        break;
-
-      case /*#__PURE__*/_react.default.isValidElement(error):
-        emProps = {
-          error
-        };
-        break;
-
-      default:
-        break;
-    }
-
-    slotError = /*#__PURE__*/_react.default.createElement(_errorMessage.default, (0, _assign.default)({}, emProps));
-  }
-
-  let mergeLabelProps = (0, _assign.default)({
-    align: labelAlign,
-    width: labelWidth
-  }, label);
-  let mainCls = (0, _classnames.default)({
-    ["".concat(prefix, "-field-main")]: true,
-    ["".concat(prefix, "-slot-main")]: true
-  });
-
-  switch (true) {
-    case !appendCol && !noLabel:
-      content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_label.default, (0, _assign.default)({}, mergeLabelProps)), /*#__PURE__*/_react.default.createElement("div", {
-        className: mainCls
-      }, children, slotError));
-      break;
-
-    case !appendCol && noLabel:
-      content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: mainCls
-      }, children, slotError));
-      break;
-
-    case appendCol && labelPosition === 'top':
-      // When labelPosition is top, you need to add an overflow hidden div to the label, otherwise it will be arranged horizontally
-      content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          overflow: 'hidden'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_grid.Col, (0, _assign.default)({}, labelCol, {
-        className: labelColCls
-      }), /*#__PURE__*/_react.default.createElement(_label.default, (0, _assign.default)({}, mergeLabelProps)))), /*#__PURE__*/_react.default.createElement(_grid.Col, null, children, slotError));
-      break;
-
-    case appendCol && labelPosition !== 'top':
-      content = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_grid.Col, (0, _assign.default)({}, labelCol, {
-        className: labelColCls
-      }), /*#__PURE__*/_react.default.createElement(_label.default, (0, _assign.default)({}, mergeLabelProps))), /*#__PURE__*/_react.default.createElement(_grid.Col, null, children, slotError));
-      break;
-
-    default:
-      break;
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: slotCls,
-    "x-label-pos": labelPosition,
-    style: style
-  }, content);
-};
-
-var _default = FormSlot;
-exports.default = _default;

package/lib/cjs/grid/col.d.ts

@@ -1,55 +0,0 @@
-/**
- * Implementation reference from: https://github.com/ant-design/ant-design/blob/master/components/grid/col.tsx
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface ColSize {
-    span?: number;
-    order?: number;
-    offset?: number;
-    push?: number;
-    pull?: number;
-}
-export interface ColProps {
-    span?: number;
-    order?: number;
-    offset?: number;
-    push?: number;
-    pull?: number;
-    className?: string;
-    prefixCls?: string;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-    xs?: number | ColSize;
-    sm?: number | ColSize;
-    md?: number | ColSize;
-    lg?: number | ColSize;
-    xl?: number | ColSize;
-    xxl?: number | ColSize;
-}
-declare class Col extends React.Component<ColProps> {
-    static contextType: React.Context<{
-        gutters: import("./row").Gutter | [import("./row").Gutter, import("./row").Gutter];
-    }>;
-    static propTypes: {
-        span: PropTypes.Requireable<number>;
-        order: PropTypes.Requireable<number>;
-        offset: PropTypes.Requireable<number>;
-        push: PropTypes.Requireable<number>;
-        pull: PropTypes.Requireable<number>;
-        className: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        xs: PropTypes.Requireable<number | object>;
-        sm: PropTypes.Requireable<number | object>;
-        md: PropTypes.Requireable<number | object>;
-        lg: PropTypes.Requireable<number | object>;
-        xl: PropTypes.Requireable<number | object>;
-        xxl: PropTypes.Requireable<number | object>;
-        prefixCls: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        prefixCls: string;
-    };
-    render(): JSX.Element;
-}
-export default Col;

package/lib/cjs/grid/col.js

@@ -1,146 +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 _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
-
-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 _row = require("./row");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _constants = require("@douyinfe/semi-foundation/lib/cjs/grid/constants");
-
-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;
-};
-/**
- * Implementation reference from: https://github.com/ant-design/ant-design/blob/master/components/grid/col.tsx
- */
-
-
-const objectOrNumber = _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.number]);
-
-class Col extends _react.default.Component {
-  render() {
-    var _context, _context12, _context13, _context14, _context15, _context16;
-
-    const {
-      props
-    } = this;
-
-    const {
-      prefixCls,
-      span,
-      order,
-      offset,
-      push,
-      pull,
-      className,
-      children
-    } = props,
-          others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children"]);
-
-    let sizeClassObj = {};
-    const prefix = "".concat(prefixCls, "-col");
-    (0, _forEach.default)(_context = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl']).call(_context, size => {
-      var _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11;
-
-      let sizeProps = {};
-
-      if (typeof props[size] === 'number') {
-        sizeProps.span = props[size];
-      } else if (typeof props[size] === 'object') {
-        sizeProps = props[size] || {};
-      }
-
-      delete others[size];
-      sizeClassObj = (0, _assign.default)((0, _assign.default)({}, sizeClassObj), {
-        [(0, _concat.default)(_context2 = (0, _concat.default)(_context3 = "".concat(prefix, "-")).call(_context3, size, "-")).call(_context2, sizeProps.span)]: sizeProps.span !== undefined,
-        [(0, _concat.default)(_context4 = (0, _concat.default)(_context5 = "".concat(prefix, "-")).call(_context5, size, "-order-")).call(_context4, sizeProps.order)]: sizeProps.order || sizeProps.order === 0,
-        [(0, _concat.default)(_context6 = (0, _concat.default)(_context7 = "".concat(prefix, "-")).call(_context7, size, "-offset-")).call(_context6, sizeProps.offset)]: sizeProps.offset || sizeProps.offset === 0,
-        [(0, _concat.default)(_context8 = (0, _concat.default)(_context9 = "".concat(prefix, "-")).call(_context9, size, "-push-")).call(_context8, sizeProps.push)]: sizeProps.push || sizeProps.push === 0,
-        [(0, _concat.default)(_context10 = (0, _concat.default)(_context11 = "".concat(prefix, "-")).call(_context11, size, "-pull-")).call(_context10, sizeProps.pull)]: sizeProps.pull || sizeProps.pull === 0
-      });
-    });
-    const classes = (0, _classnames.default)(prefix, {
-      [(0, _concat.default)(_context12 = "".concat(prefix, "-")).call(_context12, span)]: span !== undefined,
-      [(0, _concat.default)(_context13 = "".concat(prefix, "-order-")).call(_context13, order)]: order,
-      [(0, _concat.default)(_context14 = "".concat(prefix, "-offset-")).call(_context14, offset)]: offset,
-      [(0, _concat.default)(_context15 = "".concat(prefix, "-push-")).call(_context15, push)]: push,
-      [(0, _concat.default)(_context16 = "".concat(prefix, "-pull-")).call(_context16, pull)]: pull
-    }, className, sizeClassObj);
-    let {
-      style
-    } = others;
-    let gutters;
-
-    try {
-      gutters = this.context.gutters;
-    } catch (error) {
-      throw new Error('please make sure <Col> inside <Row>');
-    }
-
-    style = (0, _assign.default)((0, _assign.default)((0, _assign.default)({}, gutters[0] > 0 ? {
-      paddingLeft: gutters[0] / 2,
-      paddingRight: gutters[0] / 2
-    } : {}), gutters[1] > 0 ? {
-      paddingTop: gutters[1] / 2,
-      paddingBottom: gutters[1] / 2
-    } : {}), style);
-    return /*#__PURE__*/_react.default.createElement("div", (0, _assign.default)({}, others, {
-      style: style,
-      className: classes
-    }), children);
-  }
-
-}
-
-Col.contextType = _row.RowContext;
-Col.propTypes = {
-  span: _propTypes.default.number,
-  order: _propTypes.default.number,
-  offset: _propTypes.default.number,
-  push: _propTypes.default.number,
-  pull: _propTypes.default.number,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  xs: objectOrNumber,
-  sm: objectOrNumber,
-  md: objectOrNumber,
-  lg: objectOrNumber,
-  xl: objectOrNumber,
-  xxl: objectOrNumber,
-  prefixCls: _propTypes.default.string
-};
-Col.defaultProps = {
-  prefixCls: _constants.cssClasses.PREFIX
-};
-var _default = Col;
-exports.default = _default;

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

@@ -1,5 +0,0 @@
-import Row from './row';
-import Col from './col';
-export { Row, Col };
-export { ColSize, ColProps } from './col';
-export { Breakpoint, Gutter, RowProps } from './row';

package/lib/cjs/grid/index.js

@@ -1,27 +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
-});
-
-_Object$defineProperty(exports, "Col", {
-  enumerable: true,
-  get: function () {
-    return _col.default;
-  }
-});
-
-_Object$defineProperty(exports, "Row", {
-  enumerable: true,
-  get: function () {
-    return _row.default;
-  }
-});
-
-var _row = _interopRequireDefault(require("./row"));
-
-var _col = _interopRequireDefault(require("./col"));

package/lib/cjs/grid/row.d.ts

@@ -1,58 +0,0 @@
-/**
- * Implementation reference from: https://github.com/ant-design/ant-design/blob/master/components/grid/row.tsx
- */
-import React from 'react';
-import PropTypes from 'prop-types';
-import '@douyinfe/semi-foundation/lib/cjs/grid/grid.css';
-export declare const RowContext: React.Context<{
-    gutters: Gutter | [Gutter, Gutter];
-}>;
-export declare type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-export declare type Gutter = number | Partial<Record<Breakpoint, number>>;
-export interface RowProps {
-    type?: 'flex';
-    align?: 'top' | 'middle' | 'bottom';
-    justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
-    className?: string;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-    gutter?: Gutter | [Gutter, Gutter];
-    prefixCls?: string;
-}
-export interface RowState {
-    screens: Partial<Record<Breakpoint, boolean>>;
-}
-declare class Row extends React.Component<RowProps, RowState> {
-    static propTypes: {
-        type: PropTypes.Requireable<string>;
-        align: PropTypes.Requireable<string>;
-        justify: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        gutter: PropTypes.Requireable<number | object>;
-        prefixCls: PropTypes.Requireable<string>;
-    };
-    static defaultProps: {
-        prefixCls: string;
-    };
-    static RowContext: {
-        gutters: PropTypes.Requireable<any>;
-    };
-    state: {
-        screens: {
-            xs: boolean;
-            sm: boolean;
-            md: boolean;
-            lg: boolean;
-            xl: boolean;
-            xxl: boolean;
-        };
-    };
-    unRegisters: Array<() => void>;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    getGutter(): [number, number];
-    render(): JSX.Element;
-}
-export default Row;