@douyinfe/semi-ui 2.1.0-beta.2 → 2.1.0-next.2

package/lib/cjs/form/label.js

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

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

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

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

@@ -0,0 +1,204 @@
+"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 _isObject2 = _interopRequireDefault(require("lodash/isObject"));
+
+var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
+
+var _isString2 = _interopRequireDefault(require("lodash/isString"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _constants = require("@douyinfe/semi-foundation/lib/cjs/form/constants");
+
+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, _isObject2.default)(label) && ! /*#__PURE__*/_react.default.isValidElement(label):
+      // do nothing
+      break;
+
+    case (0, _isString2.default)(label) || (0, _isNumber2.default)(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, _isObject2.default)(error) && ! /*#__PURE__*/_react.default.isValidElement(error):
+        // do nothing
+        emProps = error;
+        break;
+
+      case (0, _isString2.default)(error) || (0, _isNumber2.default)(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

@@ -0,0 +1,55 @@
+/**
+ * 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

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

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

@@ -0,0 +1,27 @@
+"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"));