tntd 2.8.0-beta.3 → 3.0.0-beta.1

package/es/form/form.js

@@ -1,75 +1,63 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 import React, { forwardRef } from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdForm } from 'antd/es/form';
 import { doUpperTitle } from '../utils';
+import './form.less';
+import classNames from 'classnames';
 export * from 'antd/es/form';
 export const Form = forwardRef((_a, ref) => {
-  var rest = __rest(_a, []);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    return React.createElement(AntdForm, Object.assign({}, rest, {
-      ref: ref
+    var rest = __rest(_a, []);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        return React.createElement(AntdForm, Object.assign({}, rest, { className: classNames(rest.className, 'tnt-form'), ref: ref }));
     }));
-  });
 });
 Form.Item = forwardRef((_a, ref) => {
-  var {
-      label
-    } = _a,
-    rest = __rest(_a, ["label"]);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    return React.createElement(AntdForm.Item, Object.assign({}, rest, {
-      label: doUpperTitle(label),
-      ref: ref
+    var { label } = _a, rest = __rest(_a, ["label"]);
+    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+        return React.createElement(AntdForm.Item, Object.assign({}, rest, { label: doUpperTitle(label), ref: ref }));
     }));
-  });
 });
-const Create = options => WrappedComponent => {
-  const validateSubmitMap = {};
-  const CustomFormWrapper = props => {
-    const getFieldDecorator = props.form.getFieldDecorator;
-    props.form.getFieldDecorator = (name, options) => {
-      let opt = options || {};
-      if (opt.validateSubmit) {
-        opt = Object.assign(Object.assign({}, options), {
-          validateTrigger: 'noEvent'
-        });
-        validateSubmitMap[name] = true;
-      }
-      return getFieldDecorator(name, opt);
+const Create = (options) => (WrappedComponent) => {
+    const validateSubmitMap = {};
+    const CustomFormWrapper = (props) => {
+        const getFieldDecorator = props.form.getFieldDecorator;
+        props.form.getFieldDecorator = (name, options) => {
+            let opt = options || {};
+            if (opt.validateSubmit) {
+                opt = Object.assign(Object.assign({}, options), { validateTrigger: 'noEvent' });
+                validateSubmitMap[name] = true;
+            }
+            return getFieldDecorator(name, opt);
+        };
+        return React.createElement(WrappedComponent, Object.assign({}, props));
     };
-    return React.createElement(WrappedComponent, Object.assign({}, props));
-  };
-  return AntdForm.create(Object.assign(Object.assign({}, options), {
-    onValuesChange: (props, changedValues, allValues) => {
-      const keys = Object.keys(changedValues);
-      if (keys.length === 1) {
-        keys.forEach(name => {
-          if (validateSubmitMap[name]) {
-            props.form.setFields({
-              [name]: {
-                errors: undefined
-              }
-            });
-          }
-        });
-      }
-      if (options && options.onValuesChange) {
-        options.onValuesChange(props, changedValues, allValues);
-      }
-    }
-  }))(CustomFormWrapper);
+    return AntdForm.create(Object.assign(Object.assign({}, options), { onValuesChange: (props, changedValues, allValues) => {
+            const keys = Object.keys(changedValues);
+            if (keys.length === 1) {
+                keys.forEach((name) => {
+                    if (validateSubmitMap[name]) {
+                        props.form.setFields({
+                            [name]: { errors: undefined },
+                        });
+                    }
+                });
+            }
+            if (options && options.onValuesChange) {
+                options.onValuesChange(props, changedValues, allValues);
+            }
+        } }))(CustomFormWrapper);
 };
 Form.createFormField = AntdForm.createFormField;
-Form.create = Create;
+Form.create = Create;
+//# sourceMappingURL=form.js.map

package/es/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":"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","sourcesContent":["import type {\n  FormItemProps as AntdFormItemProps,\n  FormProps as AntdFormProps,\n  FormComponentProps,\n  FormCreateOption,\n} from 'antd/es/form'\nimport React, { forwardRef } from 'react'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\n\nimport { default as AntdForm } from 'antd/es/form'\nimport type AntdFormItem from 'antd/es/form/FormItem'\n\nimport { doUpperTitle } from '../utils'\n\nexport * from 'antd/es/form'\n\ninterface FormItemComponent\n  extends React.ForwardRefExoticComponent<AntdFormItemProps & React.RefAttributes<AntdFormItem>> {}\ninterface FormComponent\n  extends React.ForwardRefExoticComponent<AntdFormProps & React.RefAttributes<AntdForm>> {\n  Item: FormItemComponent\n  create: typeof AntdForm.create\n  createFormField: typeof AntdForm.createFormField\n}\n\nexport const Form = forwardRef<AntdForm, AntdFormProps>(({ ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdForm {...rest} ref={ref} />\n      }}\n    </ConfigConsumer>\n  )\n}) as FormComponent\n\nForm.Item = forwardRef<AntdFormItem, AntdFormItemProps>(({ label, ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdForm.Item {...rest} label={doUpperTitle(label)} ref={ref} />\n      }}\n    </ConfigConsumer>\n  )\n})\n\n// 定义 create 函数的类型\ntype CreateFunction = <TOwnProps extends FormComponentProps<any>>(\n  options?: FormCreateOption<TOwnProps>\n) => any\n\nconst Create: CreateFunction = (options: any) => (WrappedComponent: any) => {\n  const validateSubmitMap: any = {}\n  const CustomFormWrapper = (props: any) => {\n    const getFieldDecorator = props.form.getFieldDecorator\n    props.form.getFieldDecorator = (name: any, options: any) => {\n      let opt = options || {}\n      if (opt.validateSubmit) {\n        opt = {\n          ...options,\n          validateTrigger: 'noEvent',\n        }\n        validateSubmitMap[name] = true\n      }\n      return getFieldDecorator(name, opt)\n    }\n    return <WrappedComponent {...props} />\n  }\n\n  return AntdForm.create({\n    ...options,\n    onValuesChange: (props: any, changedValues: any, allValues: any) => {\n      const keys = Object.keys(changedValues)\n      if (keys.length === 1) {\n        keys.forEach((name: any) => {\n          if (validateSubmitMap[name]) {\n            props.form.setFields({\n              [name]: { errors: undefined },\n            })\n          }\n        })\n      }\n      if (options && options.onValuesChange) {\n        options.onValuesChange(props, changedValues, allValues)\n      }\n    },\n  })(CustomFormWrapper)\n}\n\nForm.createFormField = AntdForm.createFormField\nForm.create = Create\n"]}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/form/form.tsx"],"names":[],"mappings":";;;;;;;;;;;AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAGlD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,aAAa,CAAA;AACpB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,cAAc,cAAc,CAAA;AAW5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA0B,CAAC,EAAW,EAAE,GAAG,EAAE,EAAE;QAAf,IAAI,cAAT,EAAW,CAAF;IAChE,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,oBAAK,IAAI,IAAE,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAC5F,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA;AAEnB,IAAI,CAAC,IAAI,GAAG,UAAU,CAAkC,CAAC,EAAkB,EAAE,GAAG,EAAE,EAAE;QAA3B,EAAE,KAAK,OAAW,EAAN,IAAI,cAAhB,SAAkB,CAAF;IACvE,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,CAAC,IAAI,oBAAK,IAAI,IAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAC1E,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAOF,MAAM,MAAM,GAAmB,CAAC,OAAY,EAAE,EAAE,CAAC,CAAC,gBAAqB,EAAE,EAAE;IACzE,MAAM,iBAAiB,GAAQ,EAAE,CAAA;IACjC,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,EAAE;QACvC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAA;QACtD,KAAK,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,IAAS,EAAE,OAAY,EAAE,EAAE;YACzD,IAAI,GAAG,GAAG,OAAO,IAAI,EAAE,CAAA;YACvB,IAAI,GAAG,CAAC,cAAc,EAAE;gBACtB,GAAG,mCACE,OAAO,KACV,eAAe,EAAE,SAAS,GAC3B,CAAA;gBACD,iBAAiB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;aAC/B;YACD,OAAO,iBAAiB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QACrC,CAAC,CAAA;QACD,OAAO,oBAAC,gBAAgB,oBAAK,KAAK,EAAI,CAAA;IACxC,CAAC,CAAA;IAED,OAAO,QAAQ,CAAC,MAAM,iCACjB,OAAO,KACV,cAAc,EAAE,CAAC,KAAU,EAAE,aAAkB,EAAE,SAAc,EAAE,EAAE;YACjE,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;YACvC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;gBACrB,IAAI,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE;oBACzB,IAAI,iBAAiB,CAAC,IAAI,CAAC,EAAE;wBAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;4BACnB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;yBAC9B,CAAC,CAAA;qBACH;gBACH,CAAC,CAAC,CAAA;aACH;YACD,IAAI,OAAO,IAAI,OAAO,CAAC,cAAc,EAAE;gBACrC,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa,EAAE,SAAS,CAAC,CAAA;aACxD;QACH,CAAC,IACD,CAAC,iBAAiB,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAA;AAC/C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAA","sourcesContent":["import type {\n  FormItemProps as AntdFormItemProps,\n  FormProps as AntdFormProps,\n  FormComponentProps,\n  FormCreateOption,\n} from 'antd/es/form'\nimport React, { forwardRef } from 'react'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\n\nimport { default as AntdForm } from 'antd/es/form'\nimport type AntdFormItem from 'antd/es/form/FormItem'\n\nimport { doUpperTitle } from '../utils'\nimport './form.less'\nimport classNames from 'classnames'\nexport * from 'antd/es/form'\n\ninterface FormItemComponent\n  extends React.ForwardRefExoticComponent<AntdFormItemProps & React.RefAttributes<AntdFormItem>> {}\ninterface FormComponent\n  extends React.ForwardRefExoticComponent<AntdFormProps & React.RefAttributes<AntdForm>> {\n  Item: FormItemComponent\n  create: typeof AntdForm.create\n  createFormField: typeof AntdForm.createFormField\n}\n\nexport const Form = forwardRef<AntdForm, AntdFormProps>(({ ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdForm {...rest} className={classNames(rest.className, 'tnt-form')} ref={ref} />\n      }}\n    </ConfigConsumer>\n  )\n}) as FormComponent\n\nForm.Item = forwardRef<AntdFormItem, AntdFormItemProps>(({ label, ...rest }, ref) => {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdForm.Item {...rest} label={doUpperTitle(label)} ref={ref} />\n      }}\n    </ConfigConsumer>\n  )\n})\n\n// 定义 create 函数的类型\ntype CreateFunction = <TOwnProps extends FormComponentProps<any>>(\n  options?: FormCreateOption<TOwnProps>\n) => any\n\nconst Create: CreateFunction = (options: any) => (WrappedComponent: any) => {\n  const validateSubmitMap: any = {}\n  const CustomFormWrapper = (props: any) => {\n    const getFieldDecorator = props.form.getFieldDecorator\n    props.form.getFieldDecorator = (name: any, options: any) => {\n      let opt = options || {}\n      if (opt.validateSubmit) {\n        opt = {\n          ...options,\n          validateTrigger: 'noEvent',\n        }\n        validateSubmitMap[name] = true\n      }\n      return getFieldDecorator(name, opt)\n    }\n    return <WrappedComponent {...props} />\n  }\n\n  return AntdForm.create({\n    ...options,\n    onValuesChange: (props: any, changedValues: any, allValues: any) => {\n      const keys = Object.keys(changedValues)\n      if (keys.length === 1) {\n        keys.forEach((name: any) => {\n          if (validateSubmitMap[name]) {\n            props.form.setFields({\n              [name]: { errors: undefined },\n            })\n          }\n        })\n      }\n      if (options && options.onValuesChange) {\n        options.onValuesChange(props, changedValues, allValues)\n      }\n    },\n  })(CustomFormWrapper)\n}\n\nForm.createFormField = AntdForm.createFormField\nForm.create = Create\n"]}

package/es/form/form.less

@@ -0,0 +1,36 @@
+@form-prefix-cls: ~'@{ant-prefix}-form';
+
+.tnt-form{
+    .@{form-prefix-cls}-item{
+        min-height: @input-height-base;
+
+        .@{form-prefix-cls}-item-required::before {
+            top: 2px;
+            position: relative;
+        }
+
+        &-with-help {
+          margin-bottom: @form-item-margin-bottom;
+        }
+
+        &-control {
+            line-height: 1;
+            min-height: @input-height-base;
+        }
+
+        &-label {
+            line-height: @input-height-base;
+        }
+
+        &-children{
+            line-height: calc(@input-height-base - 2px);
+        }
+    }
+
+    .@{form-prefix-cls}-explain,
+    .@{form-prefix-cls}-extra {
+        margin-top: 4px;
+    }
+}
+
+

package/es/form/index.js

@@ -1,4 +1,5 @@
 import './style';
 import { Form } from './form';
 export * from './form';
-export default Form;
+export default Form;
+//# sourceMappingURL=index.js.map

package/es/form/style/index.js

@@ -1,4 +1,5 @@
 import '../../style/index.less';
 import './index.less';
 // style dependencies
-import '../../grid/style';
+import '../../grid/style';
+//# sourceMappingURL=index.js.map

package/es/grid/index.js

@@ -1,4 +1,5 @@
 import Grid from 'antd/es/grid';
 import './style';
 export * from 'antd/es/grid';
-export default Grid;
+export default Grid;
+//# sourceMappingURL=index.js.map

package/es/grid/style/index.js

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+//# sourceMappingURL=index.js.map

package/es/grid-v4/RowContext.js

@@ -1,3 +1,4 @@
 import { createContext } from 'react';
 const RowContext = createContext({});
-export default RowContext;
+export default RowContext;
+//# sourceMappingURL=RowContext.js.map

package/es/grid-v4/col.js

@@ -1,103 +1,78 @@
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 import classNames from 'classnames';
 import * as React from 'react';
 import { ConfigContext } from '../_util/context';
 import RowContext from './RowContext';
 function parseFlex(flex) {
-  if (typeof flex === 'number') {
-    return `${flex} ${flex} auto`;
-  }
-  if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
-    return `0 0 ${flex}`;
-  }
-  return flex;
+    if (typeof flex === 'number') {
+        return `${flex} ${flex} auto`;
+    }
+    if (/^\d+(\.\d+)?(px|em|rem|%)$/.test(flex)) {
+        return `0 0 ${flex}`;
+    }
+    return flex;
 }
 const sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
 const Col = React.forwardRef((props, ref) => {
-  const {
-    getPrefixCls,
-    direction
-  } = React.useContext(ConfigContext);
-  const {
-    gutter,
-    wrap,
-    supportFlexGap
-  } = React.useContext(RowContext);
-  const {
-      prefixCls: customizePrefixCls = 'tnt-col',
-      span,
-      order,
-      offset,
-      push,
-      pull,
-      className,
-      children,
-      flex,
-      style
-    } = props,
-    others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
-  const prefixCls = getPrefixCls('col', customizePrefixCls);
-  let sizeClassObj = {};
-  sizes.forEach(size => {
-    let sizeProps = {};
-    const propSize = props[size];
-    if (typeof propSize === 'number') {
-      sizeProps.span = propSize;
-    } else if (typeof propSize === 'object') {
-      sizeProps = propSize || {};
-    }
-    delete others[size];
-    sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), {
-      [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,
-      [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,
-      [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0,
-      [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,
-      [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,
-      [`${prefixCls}-rtl`]: direction === 'rtl'
+    const { getPrefixCls, direction } = React.useContext(ConfigContext);
+    const { gutter, wrap, supportFlexGap } = React.useContext(RowContext);
+    const { prefixCls: customizePrefixCls = 'tnt-col', span, order, offset, push, pull, className, children, flex, style } = props, others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children", "flex", "style"]);
+    const prefixCls = getPrefixCls('col', customizePrefixCls);
+    let sizeClassObj = {};
+    sizes.forEach((size) => {
+        let sizeProps = {};
+        const propSize = props[size];
+        if (typeof propSize === 'number') {
+            sizeProps.span = propSize;
+        }
+        else if (typeof propSize === 'object') {
+            sizeProps = propSize || {};
+        }
+        delete others[size];
+        sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), { [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined, [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0, [`${prefixCls}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset || sizeProps.offset === 0, [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0, [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0, [`${prefixCls}-rtl`]: direction === 'rtl' });
     });
-  });
-  const classes = classNames(prefixCls, {
-    [`${prefixCls}-${span}`]: span !== undefined,
-    [`${prefixCls}-order-${order}`]: order,
-    [`${prefixCls}-offset-${offset}`]: offset,
-    [`${prefixCls}-push-${push}`]: push,
-    [`${prefixCls}-pull-${pull}`]: pull
-  }, className, sizeClassObj);
-  const mergedStyle = {};
-  // Horizontal gutter use padding
-  if (gutter && gutter[0] > 0) {
-    const horizontalGutter = gutter[0] / 2;
-    mergedStyle.paddingLeft = horizontalGutter;
-    mergedStyle.paddingRight = horizontalGutter;
-  }
-  // Vertical gutter use padding when gap not support
-  if (gutter && gutter[1] > 0 && !supportFlexGap) {
-    const verticalGutter = gutter[1] / 2;
-    mergedStyle.paddingTop = verticalGutter;
-    mergedStyle.paddingBottom = verticalGutter;
-  }
-  if (flex) {
-    mergedStyle.flex = parseFlex(flex);
-    // Hack for Firefox to avoid size issue
-    // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
-    if (wrap === false && !mergedStyle.minWidth) {
-      mergedStyle.minWidth = 0;
+    const classes = classNames(prefixCls, {
+        [`${prefixCls}-${span}`]: span !== undefined,
+        [`${prefixCls}-order-${order}`]: order,
+        [`${prefixCls}-offset-${offset}`]: offset,
+        [`${prefixCls}-push-${push}`]: push,
+        [`${prefixCls}-pull-${pull}`]: pull,
+    }, className, sizeClassObj);
+    const mergedStyle = {};
+    // Horizontal gutter use padding
+    if (gutter && gutter[0] > 0) {
+        const horizontalGutter = gutter[0] / 2;
+        mergedStyle.paddingLeft = horizontalGutter;
+        mergedStyle.paddingRight = horizontalGutter;
+    }
+    // Vertical gutter use padding when gap not support
+    if (gutter && gutter[1] > 0 && !supportFlexGap) {
+        const verticalGutter = gutter[1] / 2;
+        mergedStyle.paddingTop = verticalGutter;
+        mergedStyle.paddingBottom = verticalGutter;
+    }
+    if (flex) {
+        mergedStyle.flex = parseFlex(flex);
+        // Hack for Firefox to avoid size issue
+        // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553
+        if (wrap === false && !mergedStyle.minWidth) {
+            mergedStyle.minWidth = 0;
+        }
     }
-  }
-  return React.createElement("div", Object.assign({}, others, {
-    style: Object.assign(Object.assign({}, mergedStyle), style),
-    className: classes,
-    ref: ref
-  }), children);
+    return (React.createElement("div", Object.assign({}, others, { style: Object.assign(Object.assign({}, mergedStyle), style), className: classes, ref: ref }), children));
 });
 if (process.env.NODE_ENV !== 'production') {
-  Col.displayName = 'Col';
+    Col.displayName = 'Col';
 }
-export default Col;
+export default Col;
+//# sourceMappingURL=col.js.map

package/es/grid-v4/hooks/useBreakpoint.js

@@ -2,17 +2,18 @@ import { useEffect, useRef } from 'react';
 import useForceUpdate from '../../_util/hooks/useForceUpdate';
 import ResponsiveObserve from '../../_util/responsiveObserve';
 function useBreakpoint(refreshOnChange = true) {
-  const screensRef = useRef({});
-  const forceUpdate = useForceUpdate();
-  useEffect(() => {
-    const token = ResponsiveObserve.subscribe(supportScreens => {
-      screensRef.current = supportScreens;
-      if (refreshOnChange) {
-        forceUpdate();
-      }
-    });
-    return () => ResponsiveObserve.unsubscribe(token);
-  }, []);
-  return screensRef.current;
+    const screensRef = useRef({});
+    const forceUpdate = useForceUpdate();
+    useEffect(() => {
+        const token = ResponsiveObserve.subscribe((supportScreens) => {
+            screensRef.current = supportScreens;
+            if (refreshOnChange) {
+                forceUpdate();
+            }
+        });
+        return () => ResponsiveObserve.unsubscribe(token);
+    }, []);
+    return screensRef.current;
 }
-export default useBreakpoint;
+export default useBreakpoint;
+//# sourceMappingURL=useBreakpoint.js.map

package/es/grid-v4/index.js

@@ -4,11 +4,10 @@ import Row from './row';
 import './style';
 // Do not export params
 function useBreakpoint() {
-  return useInternalBreakpoint();
+    return useInternalBreakpoint();
 }
 export {} from './col';
 export {} from './row';
 export { Row, Col };
-export default {
-  useBreakpoint
-};
+export default { useBreakpoint };
+//# sourceMappingURL=index.js.map