tntd 3.0.0-beta.1 → 3.0.0-beta.2

package/es/empty/empty.js

@@ -1,61 +1,71 @@
-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 LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import classNames from 'classnames';
 import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as AntdEmpty } from 'antd/es/empty';
-import { Illustration403, Illustration404, Illustration500, IllustrationEmpty, IllustrationFailure, IllustrationNoAccess, IllustrationNoChart, IllustrationNoResult, IllustrationOffline, IllustrationSuccess, } from '../svg-components';
+import { Illustration403, Illustration404, Illustration500, IllustrationEmpty, IllustrationFailure, IllustrationNoAccess, IllustrationNoChart, IllustrationNoResult, IllustrationOffline, IllustrationSuccess } from '../svg-components';
 export * from 'antd/es/empty';
 // description map for evert type
 export const EmptyDescriptionMap = {
-    empty: 'noData',
-    'no-result': 'noData',
-    'no-chart': 'noGraphData',
-    'no-permission': 'noPermission',
-    failure: 'creationFailed',
-    success: 'createdSuccessfully',
-    offline: 'noNetwork',
-    403: undefined,
-    404: undefined,
-    500: undefined,
+  empty: 'noData',
+  'no-result': 'noData',
+  'no-chart': 'noGraphData',
+  'no-permission': 'noPermission',
+  failure: 'creationFailed',
+  success: 'createdSuccessfully',
+  offline: 'noNetwork',
+  403: undefined,
+  404: undefined,
+  500: undefined
 };
 const BuiltinEmptyImage = {
-    empty: React.createElement(IllustrationEmpty, null),
-    'no-result': React.createElement(IllustrationNoResult, null),
-    'no-chart': React.createElement(IllustrationNoChart, null),
-    'no-permission': React.createElement(IllustrationNoAccess, null),
-    failure: React.createElement(IllustrationFailure, null),
-    success: React.createElement(IllustrationSuccess, null),
-    offline: React.createElement(IllustrationOffline, null),
-    '403': React.createElement(Illustration403, null),
-    '404': React.createElement(Illustration404, null),
-    '500': React.createElement(Illustration500, null),
+  empty: React.createElement(IllustrationEmpty, null),
+  'no-result': React.createElement(IllustrationNoResult, null),
+  'no-chart': React.createElement(IllustrationNoChart, null),
+  'no-permission': React.createElement(IllustrationNoAccess, null),
+  failure: React.createElement(IllustrationFailure, null),
+  success: React.createElement(IllustrationSuccess, null),
+  offline: React.createElement(IllustrationOffline, null),
+  '403': React.createElement(Illustration403, null),
+  '404': React.createElement(Illustration404, null),
+  '500': React.createElement(Illustration500, null)
 };
 export function Empty(_a) {
-    var { className, description, size = 'middle', type = 'empty', locale } = _a, rest = __rest(_a, ["className", "description", "size", "type", "locale"]);
-    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
-        const prefixCls = getPrefixCls('empty');
-        return (React.createElement(LocaleReceiver, { componentName: "Empty", defaultLocale: locale }, (locale) => {
-            const defaultDescription = EmptyDescriptionMap[type]
-                ? locale[EmptyDescriptionMap[type]]
-                : undefined;
-            return (React.createElement(AntdEmpty, Object.assign({ className: classNames(prefixCls, className, {
-                    [`${prefixCls}-mini`]: size === 'mini',
-                    [`${prefixCls}-small`]: size === 'small',
-                    [`${prefixCls}-large`]: size === 'large',
-                    [`${prefixCls}-ultra`]: size === 'ultra',
-                }), image: BuiltinEmptyImage[type], description: description || defaultDescription }, rest)));
-        }));
-    }));
-}
-//# sourceMappingURL=empty.js.map
+  var {
+      className,
+      description,
+      size = 'middle',
+      type = 'empty',
+      locale
+    } = _a,
+    rest = __rest(_a, ["className", "description", "size", "type", "locale"]);
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('empty');
+    return React.createElement(LocaleReceiver, {
+      componentName: "Empty",
+      defaultLocale: locale
+    }, locale => {
+      const defaultDescription = EmptyDescriptionMap[type] ? locale[EmptyDescriptionMap[type]] : undefined;
+      return React.createElement(AntdEmpty, Object.assign({
+        className: classNames(prefixCls, className, {
+          [`${prefixCls}-mini`]: size === 'mini',
+          [`${prefixCls}-small`]: size === 'small',
+          [`${prefixCls}-large`]: size === 'large',
+          [`${prefixCls}-ultra`]: size === 'ultra'
+        }),
+        image: BuiltinEmptyImage[type],
+        description: description || defaultDescription
+      }, rest));
+    });
+  });
+}

package/es/empty/empty.stories.js

@@ -1,15 +1,14 @@
 import React from 'react';
 import styled from 'styled-components';
 import { Empty } from './empty';
-const Container = styled.div `
+const Container = styled.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 20px;
 `;
 export default {
-    component: Empty,
-    title: 'Empty',
+  component: Empty,
+  title: 'Empty'
 };
-export const Primary = (args) => React.createElement(Container, null);
-Primary.args = {};
-//# sourceMappingURL=empty.stories.js.map
+export const Primary = args => React.createElement(Container, null);
+Primary.args = {};

package/es/empty/index.js

@@ -2,5 +2,4 @@ import './style';
 import { Empty } from './empty';
 import './empty.less';
 export * from './empty';
-export default Empty;
-//# sourceMappingURL=index.js.map
+export default Empty;

package/es/empty/style/index.js

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

package/es/exception/exception.js

@@ -12,23 +12,36 @@ import React from 'react';
 import { ConfigConsumer } from 'antd/es/config-provider';
 import { default as Empty } from '../empty';
 export const ExceptionDescMap = {
-    '403': '403',
-    '404': '404',
-    '500': '500',
+  '403': '403',
+  '404': '404',
+  '500': '500'
 };
-export function Exception({ type = '404', style, title, desc, dom, className, }) {
-    return (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
-        const prefixCls = getPrefixCls('exception');
-        return (React.createElement(LocaleReceiver, { componentName: "Exception" }, (locale) => {
-            const defaultDescription = ExceptionDescMap[type]
-                ? locale[ExceptionDescMap[type]]
-                : undefined;
-            return (React.createElement("div", { className: classNames(prefixCls, className), style: style || {} },
-                React.createElement(Empty, { type: type, size: "ultra", description: React.createElement("div", { className: `${prefixCls}-desc` },
-                        React.createElement("h1", null, title || type),
-                        React.createElement("div", null, desc || defaultDescription)) }),
-                !!dom && dom));
-        }));
-    }));
-}
-//# sourceMappingURL=exception.js.map
+export function Exception({
+  type = '404',
+  style,
+  title,
+  desc,
+  dom,
+  className
+}) {
+  return React.createElement(ConfigConsumer, null, ({
+    getPrefixCls
+  }) => {
+    const prefixCls = getPrefixCls('exception');
+    return React.createElement(LocaleReceiver, {
+      componentName: "Exception"
+    }, locale => {
+      const defaultDescription = ExceptionDescMap[type] ? locale[ExceptionDescMap[type]] : undefined;
+      return React.createElement("div", {
+        className: classNames(prefixCls, className),
+        style: style || {}
+      }, React.createElement(Empty, {
+        type: type,
+        size: "ultra",
+        description: React.createElement("div", {
+          className: `${prefixCls}-desc`
+        }, React.createElement("h1", null, title || type), React.createElement("div", null, desc || defaultDescription))
+      }), !!dom && dom);
+    });
+  });
+}

package/es/exception/index.js

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

package/es/form/form.js

@@ -1,13 +1,10 @@
-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';
@@ -17,47 +14,65 @@ 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, { className: classNames(rest.className, 'tnt-form'), 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);
-        };
-        return React.createElement(WrappedComponent, Object.assign({}, props));
+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 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 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);
 };
 Form.createFormField = AntdForm.createFormField;
-Form.create = Create;
-//# sourceMappingURL=form.js.map
+Form.create = Create;

package/es/form/index.js

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

package/es/form/style/index.js

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

package/es/grid/RowContext.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+const RowContext = createContext({});
+export default RowContext;

package/es/grid/RowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.js","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAQrC,MAAM,UAAU,GAA6B,aAAa,CAAC,EAAE,CAAC,CAAA;AAE9D,eAAe,UAAU,CAAA","sourcesContent":["import type { Context } from 'react'\nimport { createContext } from 'react'\n\nexport interface RowContextState {\n  gutter?: [number, number]\n  wrap?: boolean\n  supportFlexGap?: boolean\n}\n\nconst RowContext: Context<RowContextState> = createContext({})\n\nexport default RowContext\n"]}

package/es/grid/col.js

@@ -0,0 +1,103 @@
+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;
+}
+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 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);
+});
+if (process.env.NODE_ENV !== 'production') {
+  Col.displayName = 'Col';
+}
+export default Col;

package/es/grid/col.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"col.js","sourceRoot":"","sources":["../../src/grid/col.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport RowContext from './RowContext'\n\n// https://github.com/ant-design/ant-design/issues/14324\ntype ColSpanType = number | string\n\ntype FlexType = number | 'none' | 'auto' | string\n\nexport interface ColSize {\n  flex?: FlexType\n  span?: ColSpanType\n  order?: ColSpanType\n  offset?: ColSpanType\n  push?: ColSpanType\n  pull?: ColSpanType\n}\n\nexport interface ColProps extends React.HTMLAttributes<HTMLDivElement> {\n  flex?: FlexType\n  span?: ColSpanType\n  order?: ColSpanType\n  offset?: ColSpanType\n  push?: ColSpanType\n  pull?: ColSpanType\n  xs?: ColSpanType | ColSize\n  sm?: ColSpanType | ColSize\n  md?: ColSpanType | ColSize\n  lg?: ColSpanType | ColSize\n  xl?: ColSpanType | ColSize\n  xxl?: ColSpanType | ColSize\n  prefixCls?: string\n}\n\nfunction parseFlex(flex: FlexType): string {\n  if (typeof flex === 'number') {\n    return `${flex} ${flex} auto`\n  }\n\n  if (/^\\d+(\\.\\d+)?(px|em|rem|%)$/.test(flex)) {\n    return `0 0 ${flex}`\n  }\n\n  return flex\n}\nconst sizes = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'] as const\nconst Col = React.forwardRef<HTMLDivElement, ColProps>((props, ref) => {\n  const { getPrefixCls, direction } = React.useContext(ConfigContext)\n  const { gutter, wrap, supportFlexGap } = React.useContext(RowContext)\n\n  const {\n    prefixCls: customizePrefixCls = 'tnt-col',\n    span,\n    order,\n    offset,\n    push,\n    pull,\n    className,\n    children,\n    flex,\n    style,\n    ...others\n  } = props\n\n  const prefixCls = getPrefixCls('col', customizePrefixCls)\n\n  let sizeClassObj = {}\n  sizes.forEach((size) => {\n    let sizeProps: ColSize = {}\n    const propSize = props[size]\n    if (typeof propSize === 'number') {\n      sizeProps.span = propSize\n    } else if (typeof propSize === 'object') {\n      sizeProps = propSize || {}\n    }\n\n    delete others[size]\n\n    sizeClassObj = {\n      ...sizeClassObj,\n      [`${prefixCls}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,\n      [`${prefixCls}-${size}-order-${sizeProps.order}`]: sizeProps.order || sizeProps.order === 0,\n      [`${prefixCls}-${size}-offset-${sizeProps.offset}`]:\n        sizeProps.offset || sizeProps.offset === 0,\n      [`${prefixCls}-${size}-push-${sizeProps.push}`]: sizeProps.push || sizeProps.push === 0,\n      [`${prefixCls}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull || sizeProps.pull === 0,\n      [`${prefixCls}-rtl`]: direction === 'rtl',\n    }\n  })\n\n  const classes = classNames(\n    prefixCls,\n    {\n      [`${prefixCls}-${span}`]: span !== undefined,\n      [`${prefixCls}-order-${order}`]: order,\n      [`${prefixCls}-offset-${offset}`]: offset,\n      [`${prefixCls}-push-${push}`]: push,\n      [`${prefixCls}-pull-${pull}`]: pull,\n    },\n    className,\n    sizeClassObj\n  )\n\n  const mergedStyle: React.CSSProperties = {}\n  // Horizontal gutter use padding\n  if (gutter && gutter[0] > 0) {\n    const horizontalGutter = gutter[0] / 2\n    mergedStyle.paddingLeft = horizontalGutter\n    mergedStyle.paddingRight = horizontalGutter\n  }\n\n  // Vertical gutter use padding when gap not support\n  if (gutter && gutter[1] > 0 && !supportFlexGap) {\n    const verticalGutter = gutter[1] / 2\n    mergedStyle.paddingTop = verticalGutter\n    mergedStyle.paddingBottom = verticalGutter\n  }\n\n  if (flex) {\n    mergedStyle.flex = parseFlex(flex)\n\n    // Hack for Firefox to avoid size issue\n    // https://github.com/ant-design/ant-design/pull/20023#issuecomment-564389553\n    if (wrap === false && !mergedStyle.minWidth) {\n      mergedStyle.minWidth = 0\n    }\n  }\n\n  return (\n    <div {...others} style={{ ...mergedStyle, ...style }} className={classes} ref={ref}>\n      {children}\n    </div>\n  )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n  Col.displayName = 'Col'\n}\n\nexport default Col\n"]}

package/es/grid/hooks/useBreakpoint.js

@@ -0,0 +1,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;
+}
+export default useBreakpoint;

package/es/grid/hooks/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAE7D,OAAO,iBAAiB,MAAM,+BAA+B,CAAA;AAE7D,SAAS,aAAa,CAAC,kBAA2B,IAAI;IACpD,MAAM,UAAU,GAAG,MAAM,CAAY,EAAE,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE,EAAE;YAC3D,UAAU,CAAC,OAAO,GAAG,cAAc,CAAA;YACnC,IAAI,eAAe,EAAE;gBACnB,WAAW,EAAE,CAAA;aACd;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAC,OAAO,CAAA;AAC3B,CAAC;AAED,eAAe,aAAa,CAAA","sourcesContent":["import { useEffect, useRef } from 'react'\nimport useForceUpdate from '../../_util/hooks/useForceUpdate'\nimport type { ScreenMap } from '../../_util/responsiveObserve'\nimport ResponsiveObserve from '../../_util/responsiveObserve'\n\nfunction useBreakpoint(refreshOnChange: boolean = true): ScreenMap {\n  const screensRef = useRef<ScreenMap>({})\n  const forceUpdate = useForceUpdate()\n\n  useEffect(() => {\n    const token = ResponsiveObserve.subscribe((supportScreens) => {\n      screensRef.current = supportScreens\n      if (refreshOnChange) {\n        forceUpdate()\n      }\n    })\n\n    return () => ResponsiveObserve.unsubscribe(token)\n  }, [])\n\n  return screensRef.current\n}\n\nexport default useBreakpoint\n"]}

package/es/grid/index.js

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