tntd 2.7.28 → 2.7.29-beta.1

package/lib/_util/styleChecker.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.detectFlexGapSupported = exports.isStyleSupport = exports.canUseDocElement = void 0;
+const canUseDom_1 = __importDefault(require("rc-util/lib/Dom/canUseDom"));
+const styleChecker_1 = require("rc-util/lib/Dom/styleChecker");
+Object.defineProperty(exports, "isStyleSupport", { enumerable: true, get: function () { return styleChecker_1.isStyleSupport; } });
+const canUseDocElement = () => (0, canUseDom_1.default)() && window.document.documentElement;
+exports.canUseDocElement = canUseDocElement;
+let flexGapSupported;
+const detectFlexGapSupported = () => {
+    if (!(0, exports.canUseDocElement)()) {
+        return false;
+    }
+    if (flexGapSupported !== undefined) {
+        return flexGapSupported;
+    }
+    // create flex container with row-gap set
+    const flex = document.createElement('div');
+    flex.style.display = 'flex';
+    flex.style.flexDirection = 'column';
+    flex.style.rowGap = '1px';
+    // create two, elements inside it
+    flex.appendChild(document.createElement('div'));
+    flex.appendChild(document.createElement('div'));
+    // append to the DOM (needed to obtain scrollHeight)
+    document.body.appendChild(flex);
+    flexGapSupported = flex.scrollHeight === 1; // flex container should be 1px high from the row-gap
+    document.body.removeChild(flex);
+    return flexGapSupported;
+};
+exports.detectFlexGapSupported = detectFlexGapSupported;
+//# sourceMappingURL=styleChecker.js.map

package/lib/_util/styleChecker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleChecker.js","sourceRoot":"","sources":["../../src/_util/styleChecker.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAiD;AACjD,+DAA6D;AAIpD,+FAJA,6BAAc,OAIA;AAFhB,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAA,mBAAS,GAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAA;AAAvE,QAAA,gBAAgB,oBAAuD;AAIpF,IAAI,gBAAqC,CAAA;AAClC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,IAAI,CAAC,IAAA,wBAAgB,GAAE,EAAE;QACvB,OAAO,KAAK,CAAA;KACb;IAED,IAAI,gBAAgB,KAAK,SAAS,EAAE;QAClC,OAAO,gBAAgB,CAAA;KACxB;IAED,yCAAyC;IACzC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;IAC3B,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAA;IACnC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;IAEzB,iCAAiC;IACjC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAC/C,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAE/C,oDAAoD;IACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAC/B,gBAAgB,GAAG,IAAI,CAAC,YAAY,KAAK,CAAC,CAAA,CAAC,qDAAqD;IAChG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;IAE/B,OAAO,gBAAgB,CAAA;AACzB,CAAC,CAAA;AAzBY,QAAA,sBAAsB,0BAyBlC","sourcesContent":["import canUseDom from 'rc-util/lib/Dom/canUseDom'\nimport { isStyleSupport } from 'rc-util/lib/Dom/styleChecker'\n\nexport const canUseDocElement = () => canUseDom() && window.document.documentElement\n\nexport { isStyleSupport }\n\nlet flexGapSupported: boolean | undefined\nexport const detectFlexGapSupported = () => {\n  if (!canUseDocElement()) {\n    return false\n  }\n\n  if (flexGapSupported !== undefined) {\n    return flexGapSupported\n  }\n\n  // create flex container with row-gap set\n  const flex = document.createElement('div')\n  flex.style.display = 'flex'\n  flex.style.flexDirection = 'column'\n  flex.style.rowGap = '1px'\n\n  // create two, elements inside it\n  flex.appendChild(document.createElement('div'))\n  flex.appendChild(document.createElement('div'))\n\n  // append to the DOM (needed to obtain scrollHeight)\n  document.body.appendChild(flex)\n  flexGapSupported = flex.scrollHeight === 1 // flex container should be 1px high from the row-gap\n  document.body.removeChild(flex)\n\n  return flexGapSupported\n}\n"]}

package/lib/_util/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/_util/type.ts"],"names":[],"mappings":"AAAA,oBAAY,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtE,eAAO,MAAM,KAAK,uCAA2C,CAAC;AAE9D,eAAO,MAAM,QAAQ,uCAA2C,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../src/_util/type.ts"],"names":[],"mappings":"AAAA,oBAAY,IAAI,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAErE,eAAO,MAAM,KAAK,uCAA2C,CAAA;AAE7D,eAAO,MAAM,QAAQ,uCAA2C,CAAA"}

package/lib/_util/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/_util/type.ts"],"names":[],"mappings":";;;AACA,qHAAqH;AAC9G,MAAM,KAAK,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAC;AAAjD,QAAA,KAAK,SAA4C;AAEvD,MAAM,QAAQ,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAC;AAApD,QAAA,QAAQ,YAA4C","sourcesContent":["export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;\n// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead\nexport const tuple = <T extends string[]>(...args: T) => args;\n\nexport const tupleNum = <T extends number[]>(...args: T) => args;"]}
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/_util/type.ts"],"names":[],"mappings":";;;AACA,qHAAqH;AAC9G,MAAM,KAAK,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAA;AAAhD,QAAA,KAAK,SAA2C;AAEtD,MAAM,QAAQ,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAA;AAAnD,QAAA,QAAQ,YAA2C","sourcesContent":["export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>\n// https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead\nexport const tuple = <T extends string[]>(...args: T) => args\n\nexport const tupleNum = <T extends number[]>(...args: T) => args\n"]}

package/lib/_util/warning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../src/_util/warning.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,CAAC;gCAEA,OAAO,aAAa,MAAM,WAAW,MAAM,KAAG,IAAI;AAAzE,wBAEE"}
+{"version":3,"file":"warning.d.ts","sourceRoot":"","sources":["../../src/_util/warning.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,CAAA;gCAEC,OAAO,aAAa,MAAM,WAAW,MAAM,KAAG,IAAI;AAAzE,wBAEC"}

package/lib/_util/warning.js.map

@@ -1 +1 @@
-{"version":3,"file":"warning.js","sourceRoot":"","sources":["../../src/_util/warning.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+DAA2D;AAElD,4FAFS,qBAAW,OAET;AAEpB,kBAAe,CAAC,KAAc,EAAE,SAAiB,EAAE,OAAe,EAAQ,EAAE;IAC1E,IAAA,iBAAO,EAAC,KAAK,EAAE,UAAU,SAAS,KAAK,OAAO,EAAE,CAAC,CAAC;AACpD,CAAC,CAAC","sourcesContent":["import warning, { resetWarned } from 'rc-util/lib/warning';\n\nexport { resetWarned };\n\nexport default (valid: boolean, component: string, message: string): void => {\n  warning(valid, `[antd: ${component}] ${message}`);\n};\n"]}
+{"version":3,"file":"warning.js","sourceRoot":"","sources":["../../src/_util/warning.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+DAA0D;AAEjD,4FAFS,qBAAW,OAET;AAEpB,kBAAe,CAAC,KAAc,EAAE,SAAiB,EAAE,OAAe,EAAQ,EAAE;IAC1E,IAAA,iBAAO,EAAC,KAAK,EAAE,UAAU,SAAS,KAAK,OAAO,EAAE,CAAC,CAAA;AACnD,CAAC,CAAA","sourcesContent":["import warning, { resetWarned } from 'rc-util/lib/warning'\n\nexport { resetWarned }\n\nexport default (valid: boolean, component: string, message: string): void => {\n  warning(valid, `[antd: ${component}] ${message}`)\n}\n"]}

package/lib/checkbox/checkbox-group.d.ts

@@ -3,6 +3,6 @@ import type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/es/check
 export declare type CheckboxGroupProps = AntdCheckboxGroupProps & {
     readonly?: boolean;
 };
-declare const _default: React.ForwardRefExoticComponent<AntdCheckboxGroupProps & React.RefAttributes<unknown>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
 export default _default;
 //# sourceMappingURL=checkbox-group.d.ts.map

package/lib/descriptions/descriptions.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { DescriptionsProps as AntdDescriptionsProps } from 'antd/es/descriptions';
 export * from 'antd/es/descriptions';
 export interface DescriptionsProps extends AntdDescriptionsProps {

package/lib/descriptions/descriptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAKtF,cAAc,sBAAsB,CAAA;AAEpC,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAmC3F;yBAnCe,YAAY"}
+{"version":3,"file":"descriptions.d.ts","sourceRoot":"","sources":["../../src/descriptions/descriptions.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,iBAAiB,IAAI,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAKtF,cAAc,sBAAsB,CAAA;AAEpC,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB;IAC9D,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAmC3F;yBAnCe,YAAY"}

package/lib/grid/RowContext.d.ts

@@ -0,0 +1,9 @@
+import type { Context } from 'react';
+export interface RowContextState {
+    gutter?: [number, number];
+    wrap?: boolean;
+    supportFlexGap?: boolean;
+}
+declare const RowContext: Context<RowContextState>;
+export default RowContext;
+//# sourceMappingURL=RowContext.d.ts.map

package/lib/grid/RowContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.d.ts","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAGpC,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,QAAA,MAAM,UAAU,EAAE,OAAO,CAAC,eAAe,CAAqB,CAAA;AAE9D,eAAe,UAAU,CAAA"}

package/lib/grid/RowContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const RowContext = (0, react_1.createContext)({});
+exports.default = RowContext;
+//# sourceMappingURL=RowContext.js.map

package/lib/grid/RowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.js","sourceRoot":"","sources":["../../src/grid/RowContext.tsx"],"names":[],"mappings":";;AACA,iCAAqC;AAQrC,MAAM,UAAU,GAA6B,IAAA,qBAAa,EAAC,EAAE,CAAC,CAAA;AAE9D,kBAAe,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/lib/grid/col.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+declare type ColSpanType = number | string;
+declare type FlexType = number | 'none' | 'auto' | string;
+export interface ColSize {
+    flex?: FlexType;
+    span?: ColSpanType;
+    order?: ColSpanType;
+    offset?: ColSpanType;
+    push?: ColSpanType;
+    pull?: ColSpanType;
+}
+export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
+    flex?: FlexType;
+    span?: ColSpanType;
+    order?: ColSpanType;
+    offset?: ColSpanType;
+    push?: ColSpanType;
+    pull?: ColSpanType;
+    xs?: ColSpanType | ColSize;
+    sm?: ColSpanType | ColSize;
+    md?: ColSpanType | ColSize;
+    lg?: ColSpanType | ColSize;
+    xl?: ColSpanType | ColSize;
+    xxl?: ColSpanType | ColSize;
+    prefixCls?: string;
+}
+declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+export default Col;
+//# sourceMappingURL=col.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"col.d.ts","sourceRoot":"","sources":["../../src/grid/col.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,aAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AAElC,aAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjD,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,EAAE,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC1B,GAAG,CAAC,EAAE,WAAW,GAAG,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAcD,QAAA,MAAM,GAAG,iFAuFP,CAAA;AAMF,eAAe,GAAG,CAAA"}

package/lib/grid/col.js

@@ -0,0 +1,106 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const context_1 = require("../_util/context");
+const RowContext_1 = __importDefault(require("./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(context_1.ConfigContext);
+    const { gutter, wrap, supportFlexGap } = React.useContext(RowContext_1.default);
+    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 = (0, classnames_1.default)(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';
+}
+exports.default = Col;
+//# sourceMappingURL=col.js.map

package/lib/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/lib/grid/hooks/useBreakpoint.d.ts

@@ -0,0 +1,4 @@
+import type { ScreenMap } from '../../_util/responsiveObserve';
+declare function useBreakpoint(refreshOnChange?: boolean): ScreenMap;
+export default useBreakpoint;
+//# sourceMappingURL=useBreakpoint.d.ts.map

package/lib/grid/hooks/useBreakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAG9D,iBAAS,aAAa,CAAC,eAAe,GAAE,OAAc,GAAG,SAAS,CAgBjE;AAED,eAAe,aAAa,CAAA"}

package/lib/grid/hooks/useBreakpoint.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useForceUpdate_1 = __importDefault(require("../../_util/hooks/useForceUpdate"));
+const responsiveObserve_1 = __importDefault(require("../../_util/responsiveObserve"));
+function useBreakpoint(refreshOnChange = true) {
+    const screensRef = (0, react_1.useRef)({});
+    const forceUpdate = (0, useForceUpdate_1.default)();
+    (0, react_1.useEffect)(() => {
+        const token = responsiveObserve_1.default.subscribe((supportScreens) => {
+            screensRef.current = supportScreens;
+            if (refreshOnChange) {
+                forceUpdate();
+            }
+        });
+        return () => responsiveObserve_1.default.unsubscribe(token);
+    }, []);
+    return screensRef.current;
+}
+exports.default = useBreakpoint;
+//# sourceMappingURL=useBreakpoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../src/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAyC;AACzC,sFAA6D;AAE7D,sFAA6D;AAE7D,SAAS,aAAa,CAAC,kBAA2B,IAAI;IACpD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAY,EAAE,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,IAAA,wBAAc,GAAE,CAAA;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,2BAAiB,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,2BAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,UAAU,CAAC,OAAO,CAAA;AAC3B,CAAC;AAED,kBAAe,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/lib/grid/index.d.ts

@@ -0,0 +1,12 @@
+import Col from './col';
+import Row from './row';
+import './style';
+declare function useBreakpoint(): Partial<Record<import("../_util/responsiveObserve").Breakpoint, boolean>>;
+export { ColProps, ColSize } from './col';
+export { RowProps } from './row';
+export { Row, Col };
+declare const _default: {
+    useBreakpoint: typeof useBreakpoint;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AAEvB,OAAO,GAAG,MAAM,OAAO,CAAA;AAEvB,OAAO,SAAS,CAAA;AAGhB,iBAAS,aAAa,8EAErB;AAED,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;;;;AAEnB,wBAAgC"}

package/lib/grid/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Col = exports.Row = void 0;
+const col_1 = __importDefault(require("./col"));
+exports.Col = col_1.default;
+const useBreakpoint_1 = __importDefault(require("./hooks/useBreakpoint"));
+const row_1 = __importDefault(require("./row"));
+exports.Row = row_1.default;
+require("./style");
+// Do not export params
+function useBreakpoint() {
+    return (0, useBreakpoint_1.default)();
+}
+var col_2 = require("./col");
+var row_2 = require("./row");
+exports.default = { useBreakpoint };
+//# sourceMappingURL=index.js.map

package/lib/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/grid/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAuB;AAaT,cAbP,aAAG,CAaO;AAZjB,0EAAyD;AACzD,gDAAuB;AAWd,cAXF,aAAG,CAWE;AATZ,mBAAgB;AAEhB,uBAAuB;AACvB,SAAS,aAAa;IACpB,OAAO,IAAA,uBAAqB,GAAE,CAAA;AAChC,CAAC;AAED,6BAAyC;AACzC,6BAAgC;AAGhC,kBAAe,EAAE,aAAa,EAAE,CAAA","sourcesContent":["import Col from './col'\nimport useInternalBreakpoint from './hooks/useBreakpoint'\nimport Row from './row'\n\nimport './style'\n\n// Do not export params\nfunction useBreakpoint() {\n  return useInternalBreakpoint()\n}\n\nexport { ColProps, ColSize } from './col'\nexport { RowProps } from './row'\nexport { Row, Col }\n\nexport default { useBreakpoint }\n"]}

package/lib/grid/row.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { Breakpoint } from '../_util/responsiveObserve';
+declare const RowAligns: ["top", "middle", "bottom", "stretch"];
+declare const RowJustify: ["start", "end", "center", "space-around", "space-between", "space-evenly"];
+declare type Responsive = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+declare type ResponsiveLike<T> = {
+    [key in Responsive]?: T;
+};
+export declare type Gutter = number | undefined | Partial<Record<Breakpoint, number>>;
+declare type ResponsiveAligns = ResponsiveLike<typeof RowAligns[number]>;
+declare type ResponsiveJustify = ResponsiveLike<typeof RowJustify[number]>;
+export interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    gutter?: Gutter | [Gutter, Gutter];
+    align?: typeof RowAligns[number] | ResponsiveAligns;
+    justify?: typeof RowJustify[number] | ResponsiveJustify;
+    prefixCls?: string;
+    wrap?: boolean;
+}
+declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+export default Row;
+//# sourceMappingURL=row.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../src/grid/row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,4BAA4B,CAAA;AAKvE,QAAA,MAAM,SAAS,wCAA8C,CAAA;AAC7D,QAAA,MAAM,UAAU,6EAAmF,CAAA;AAEnG,aAAK,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC1D,aAAK,cAAc,CAAC,CAAC,IAAI;KACtB,GAAG,IAAI,UAAU,CAAC,CAAC,EAAE,CAAC;CACxB,CAAA;AAGD,oBAAY,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAA;AAE7E,aAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;AAChE,aAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAA;AAClE,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,KAAK,CAAC,EAAE,OAAO,SAAS,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAA;IACnD,OAAO,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA+BD,QAAA,MAAM,GAAG,iFA4HP,CAAA;AAMF,eAAe,GAAG,CAAA"}

package/lib/grid/row.js

@@ -0,0 +1,169 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const context_1 = require("../_util/context");
+const useFlexGapSupport_1 = __importDefault(require("../_util/hooks/useFlexGapSupport"));
+const responsiveObserve_1 = __importStar(require("../_util/responsiveObserve"));
+const type_1 = require("../_util/type");
+const RowContext_1 = __importDefault(require("./RowContext"));
+const RowAligns = (0, type_1.tuple)('top', 'middle', 'bottom', 'stretch');
+const RowJustify = (0, type_1.tuple)('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly');
+function useMergePropByScreen(oriProp, screen) {
+    const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '');
+    const clacMergeAlignOrJustify = () => {
+        if (typeof oriProp === 'string') {
+            setProp(oriProp);
+        }
+        if (typeof oriProp !== 'object') {
+            return;
+        }
+        for (let i = 0; i < responsiveObserve_1.responsiveArray.length; i++) {
+            const breakpoint = responsiveObserve_1.responsiveArray[i];
+            // if do not match, do nothing
+            if (!screen[breakpoint])
+                continue;
+            const curVal = oriProp[breakpoint];
+            if (curVal !== undefined) {
+                setProp(curVal);
+                return;
+            }
+        }
+    };
+    React.useEffect(() => {
+        clacMergeAlignOrJustify();
+    }, [JSON.stringify(oriProp), screen]);
+    return prop;
+}
+const Row = React.forwardRef((props, ref) => {
+    const { prefixCls: customizePrefixCls = 'tnt-row', justify, align, className, style, children, gutter = 0, wrap } = props, others = __rest(props, ["prefixCls", "justify", "align", "className", "style", "children", "gutter", "wrap"]);
+    const { getPrefixCls, direction } = React.useContext(context_1.ConfigContext);
+    const [screens, setScreens] = React.useState({
+        xs: true,
+        sm: true,
+        md: true,
+        lg: true,
+        xl: true,
+        xxl: true,
+    });
+    // to save screens info when responsiveObserve callback had been call
+    const [curScreens, setCurScreens] = React.useState({
+        xs: false,
+        sm: false,
+        md: false,
+        lg: false,
+        xl: false,
+        xxl: false,
+    });
+    // ================================== calc reponsive data ==================================
+    const mergeAlign = useMergePropByScreen(align, curScreens);
+    const mergeJustify = useMergePropByScreen(justify, curScreens);
+    const supportFlexGap = (0, useFlexGapSupport_1.default)();
+    const gutterRef = React.useRef(gutter);
+    // ================================== Effect ==================================
+    React.useEffect(() => {
+        const token = responsiveObserve_1.default.subscribe((screen) => {
+            setCurScreens(screen);
+            const currentGutter = gutterRef.current || 0;
+            if ((!Array.isArray(currentGutter) && typeof currentGutter === 'object') ||
+                (Array.isArray(currentGutter) &&
+                    (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object'))) {
+                setScreens(screen);
+            }
+        });
+        return () => responsiveObserve_1.default.unsubscribe(token);
+    }, []);
+    // ================================== Render ==================================
+    const getGutter = () => {
+        const results = [undefined, undefined];
+        const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined];
+        normalizedGutter.forEach((g, index) => {
+            if (typeof g === 'object') {
+                for (let i = 0; i < responsiveObserve_1.responsiveArray.length; i++) {
+                    const breakpoint = responsiveObserve_1.responsiveArray[i];
+                    if (screens[breakpoint] && g[breakpoint] !== undefined) {
+                        results[index] = g[breakpoint];
+                        break;
+                    }
+                }
+            }
+            else {
+                results[index] = g;
+            }
+        });
+        return results;
+    };
+    const prefixCls = getPrefixCls('row', customizePrefixCls);
+    const gutters = getGutter();
+    const classes = (0, classnames_1.default)(prefixCls, {
+        [`${prefixCls}-no-wrap`]: wrap === false,
+        [`${prefixCls}-${mergeJustify}`]: mergeJustify,
+        [`${prefixCls}-${mergeAlign}`]: mergeAlign,
+        [`${prefixCls}-rtl`]: direction === 'rtl',
+    }, className);
+    // Add gutter related style
+    const rowStyle = {};
+    const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined;
+    const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined;
+    if (horizontalGutter) {
+        rowStyle.marginLeft = horizontalGutter;
+        rowStyle.marginRight = horizontalGutter;
+    }
+    if (supportFlexGap) {
+        // Set gap direct if flex gap support
+        ;
+        [, rowStyle.rowGap] = gutters;
+    }
+    else if (verticalGutter) {
+        rowStyle.marginTop = verticalGutter;
+        rowStyle.marginBottom = verticalGutter;
+    }
+    // "gutters" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.
+    // So we deconstruct "gutters" variable here.
+    const [gutterH, gutterV] = gutters;
+    const rowContext = React.useMemo(() => ({ gutter: [gutterH, gutterV], wrap, supportFlexGap }), [gutterH, gutterV, wrap, supportFlexGap]);
+    return (React.createElement(RowContext_1.default.Provider, { value: rowContext },
+        React.createElement("div", Object.assign({}, others, { className: classes, style: Object.assign(Object.assign({}, rowStyle), style), ref: ref }), children)));
+});
+if (process.env.NODE_ENV !== 'production') {
+    Row.displayName = 'Row';
+}
+exports.default = Row;
+//# sourceMappingURL=row.js.map

package/lib/grid/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/grid/row.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport * as React from 'react'\nimport { ConfigContext } from '../_util/context'\nimport useFlexGapSupport from '../_util/hooks/useFlexGapSupport'\nimport type { Breakpoint, ScreenMap } from '../_util/responsiveObserve'\nimport ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve'\nimport { tuple } from '../_util/type'\nimport RowContext from './RowContext'\n\nconst RowAligns = tuple('top', 'middle', 'bottom', 'stretch')\nconst RowJustify = tuple('start', 'end', 'center', 'space-around', 'space-between', 'space-evenly')\n\ntype Responsive = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'\ntype ResponsiveLike<T> = {\n  [key in Responsive]?: T\n}\n\ntype Gap = number | undefined\nexport type Gutter = number | undefined | Partial<Record<Breakpoint, number>>\n\ntype ResponsiveAligns = ResponsiveLike<typeof RowAligns[number]>\ntype ResponsiveJustify = ResponsiveLike<typeof RowJustify[number]>\nexport interface RowProps extends React.HTMLAttributes<HTMLDivElement> {\n  gutter?: Gutter | [Gutter, Gutter]\n  align?: typeof RowAligns[number] | ResponsiveAligns\n  justify?: typeof RowJustify[number] | ResponsiveJustify\n  prefixCls?: string\n  wrap?: boolean\n}\n\nfunction useMergePropByScreen(oriProp: RowProps['align'] | RowProps['justify'], screen: ScreenMap) {\n  const [prop, setProp] = React.useState(typeof oriProp === 'string' ? oriProp : '')\n\n  const clacMergeAlignOrJustify = () => {\n    if (typeof oriProp === 'string') {\n      setProp(oriProp)\n    }\n    if (typeof oriProp !== 'object') {\n      return\n    }\n    for (let i = 0; i < responsiveArray.length; i++) {\n      const breakpoint: Breakpoint = responsiveArray[i]\n      // if do not match, do nothing\n      if (!screen[breakpoint]) continue\n      const curVal = oriProp[breakpoint]\n      if (curVal !== undefined) {\n        setProp(curVal)\n        return\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    clacMergeAlignOrJustify()\n  }, [JSON.stringify(oriProp), screen])\n\n  return prop\n}\n\nconst Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {\n  const {\n    prefixCls: customizePrefixCls = 'tnt-row',\n    justify,\n    align,\n    className,\n    style,\n    children,\n    gutter = 0,\n    wrap,\n    ...others\n  } = props\n\n  const { getPrefixCls, direction } = React.useContext(ConfigContext)\n\n  const [screens, setScreens] = React.useState<ScreenMap>({\n    xs: true,\n    sm: true,\n    md: true,\n    lg: true,\n    xl: true,\n    xxl: true,\n  })\n  // to save screens info when responsiveObserve callback had been call\n  const [curScreens, setCurScreens] = React.useState<ScreenMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n    xxl: false,\n  })\n\n  // ================================== calc reponsive data ==================================\n  const mergeAlign = useMergePropByScreen(align, curScreens)\n\n  const mergeJustify = useMergePropByScreen(justify, curScreens)\n\n  const supportFlexGap = useFlexGapSupport()\n\n  const gutterRef = React.useRef<Gutter | [Gutter, Gutter]>(gutter)\n\n  // ================================== Effect ==================================\n  React.useEffect(() => {\n    const token = ResponsiveObserve.subscribe((screen) => {\n      setCurScreens(screen)\n      const currentGutter = gutterRef.current || 0\n      if (\n        (!Array.isArray(currentGutter) && typeof currentGutter === 'object') ||\n        (Array.isArray(currentGutter) &&\n          (typeof currentGutter[0] === 'object' || typeof currentGutter[1] === 'object'))\n      ) {\n        setScreens(screen)\n      }\n    })\n    return () => ResponsiveObserve.unsubscribe(token)\n  }, [])\n\n  // ================================== Render ==================================\n  const getGutter = (): [Gap, Gap] => {\n    const results: [Gap, Gap] = [undefined, undefined]\n    const normalizedGutter = Array.isArray(gutter) ? gutter : [gutter, undefined]\n    normalizedGutter.forEach((g, index) => {\n      if (typeof g === 'object') {\n        for (let i = 0; i < responsiveArray.length; i++) {\n          const breakpoint: Breakpoint = responsiveArray[i]\n          if (screens[breakpoint] && g[breakpoint] !== undefined) {\n            results[index] = g[breakpoint] as number\n            break\n          }\n        }\n      } else {\n        results[index] = g\n      }\n    })\n    return results\n  }\n\n  const prefixCls = getPrefixCls('row', customizePrefixCls)\n  const gutters = getGutter()\n  const classes = classNames(\n    prefixCls,\n    {\n      [`${prefixCls}-no-wrap`]: wrap === false,\n      [`${prefixCls}-${mergeJustify}`]: mergeJustify,\n      [`${prefixCls}-${mergeAlign}`]: mergeAlign,\n      [`${prefixCls}-rtl`]: direction === 'rtl',\n    },\n    className\n  )\n\n  // Add gutter related style\n  const rowStyle: React.CSSProperties = {}\n  const horizontalGutter = gutters[0] != null && gutters[0] > 0 ? gutters[0] / -2 : undefined\n  const verticalGutter = gutters[1] != null && gutters[1] > 0 ? gutters[1] / -2 : undefined\n\n  if (horizontalGutter) {\n    rowStyle.marginLeft = horizontalGutter\n    rowStyle.marginRight = horizontalGutter\n  }\n\n  if (supportFlexGap) {\n    // Set gap direct if flex gap support\n    ;[, rowStyle.rowGap] = gutters\n  } else if (verticalGutter) {\n    rowStyle.marginTop = verticalGutter\n    rowStyle.marginBottom = verticalGutter\n  }\n\n  // \"gutters\" is a new array in each rendering phase, it'll make 'React.useMemo' effectless.\n  // So we deconstruct \"gutters\" variable here.\n  const [gutterH, gutterV] = gutters\n  const rowContext = React.useMemo(\n    () => ({ gutter: [gutterH, gutterV] as [number, number], wrap, supportFlexGap }),\n    [gutterH, gutterV, wrap, supportFlexGap]\n  )\n\n  return (\n    <RowContext.Provider value={rowContext}>\n      <div {...others} className={classes} style={{ ...rowStyle, ...style }} ref={ref}>\n        {children}\n      </div>\n    </RowContext.Provider>\n  )\n})\n\nif (process.env.NODE_ENV !== 'production') {\n  Row.displayName = 'Row'\n}\n\nexport default Row\n"]}

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

@@ -0,0 +1,2 @@
+import './index.less';
+//# sourceMappingURL=index.d.ts.map

package/lib/grid/style/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/grid/style/index.tsx"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAA"}

package/lib/grid/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// import '../../style/index.less';
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/grid/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/grid/style/index.tsx"],"names":[],"mappings":";;AAAA,mCAAmC;AACnC,wBAAqB","sourcesContent":["// import '../../style/index.less';\nimport './index.less'\n"]}