tntd 3.0.0-beta → 3.0.0-beta.2

package/es/breadcrumb/style/index.less

@@ -10,7 +10,8 @@
   font-size: @breadcrumb-font-size;
 
   .@{iconfont-css-prefix} {
-    font-size: @breadcrumb-icon-font-size;
+    // font-size: @breadcrumb-icon-font-size;
+    font-size: 16px;
   }
 
   a {

package/es/cascader/style/index.less

@@ -101,9 +101,9 @@
       z-index: 1;
       width: 12px;
       height: 12px;
-      margin-top: -6px;
+      margin-top: -8px;
       color: @disabled-color;
-      font-size: 12px;
+      font-size: 16px;
       line-height: 12px;
       transition: transform 0.2s;
       &&-expand {

package/es/checkbox/checkbox-group.js

@@ -0,0 +1,5 @@
+import 'react';
+import Checkbox from 'antd/es/checkbox';
+import { connectReadonlyComponent } from '../connect';
+import { PreviewText } from '../preview-text';
+export default connectReadonlyComponent(Checkbox.Group, PreviewText.Select);

package/es/checkbox/checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../src/checkbox/checkbox-group.tsx"],"names":[],"mappings":"AAAA,OAAkC,OAAO,CAAA;AACzC,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAM7C,eAAe,wBAAwB,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport Checkbox from 'antd/es/checkbox'\nimport type { CheckboxGroupProps as AntdCheckboxGroupProps } from 'antd/es/checkbox/Group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n  readonly?: boolean\n}\n\nexport default connectReadonlyComponent(Checkbox.Group, PreviewText.Select)\n"]}

package/es/collapse/style/index.less

@@ -37,7 +37,8 @@
         top: 50%;
         left: @padding-md;
         display: inline-block;
-        font-size: @font-size-sm;
+        // font-size: @font-size-sm;
+        font-size: 16px;
         transform: translateY(-50%);
 
         & svg {

package/es/date-picker/style/Picker.less

@@ -98,8 +98,9 @@
   &-icon {
     display: inline-block;
     color: @disabled-color;
-    font-size: @font-size-base;
+    font-size: calc(@font-size-base + 2px);
     line-height: 1;
+    margin-top: -8px;
   }
 
   .@{ant-prefix}-input-disabled + &-icon {

package/es/drawer/drawer.less

@@ -0,0 +1,20 @@
+@drawer-prefix-cls: ~'@{ant-prefix}-drawer';
+
+.tntd-drawer{
+    &.@{drawer-prefix-cls} {
+        .@{drawer-prefix-cls}-title {
+            font-size: calc(@font-size-lg + 2px);
+        }
+
+        .@{drawer-prefix-cls}-close {
+            color: fade(@text-color, 50%);;
+            top: -4px;
+        }
+
+        .@{drawer-prefix-cls}-contain-closable{
+            .@{drawer-prefix-cls}-header{
+                padding: 12px 36px 12px 20px;
+            }
+        }
+    }
+}

package/es/drawer/style/drawer.less

@@ -168,7 +168,7 @@
     padding: 0;
     color: @text-color-secondary;
     font-weight: 700;
-    font-size: @font-size-lg;
+    font-size: 20px;
     font-style: normal;
     line-height: 56px;
     text-align: center;
@@ -180,7 +180,9 @@
     cursor: pointer;
     transition: color @animation-duration-slow;
     text-rendering: auto;
-
+    .tntd-anticon {
+      font-size: 20px;
+    }
     &:focus,
     &:hover {
       color: @icon-color-hover;

package/es/dropdown/style/index.less

@@ -102,7 +102,8 @@
       > span > .anticon:first-child {
         min-width: 12px;
         margin-right: 8px;
-        font-size: @font-size-sm;
+        // font-size: @font-size-sm;
+        font-size: 16px;
       }
 
       > a {

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":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,UAAU,MAAM,cAAc,CAAA;AAgCrC,SAAS,SAAS,CAAC,IAAc;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,GAAG,IAAI,IAAI,IAAI,OAAO,CAAA;KAC9B;IAED,IAAI,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAC3C,OAAO,OAAO,IAAI,EAAE,CAAA;KACrB;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AACD,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAA;AAC5D,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IACnE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;IAErE,MAAM,EACJ,SAAS,EAAE,kBAAkB,GAAG,SAAS,EACzC,IAAI,EACJ,KAAK,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,KAEH,KAAK,EADJ,MAAM,UACP,KAAK,EAZH,kGAYL,CAAQ,CAAA;IAET,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;IAEzD,IAAI,YAAY,GAAG,EAAE,CAAA;IACrB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,IAAI,SAAS,GAAY,EAAE,CAAA;QAC3B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;QAC5B,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YAChC,SAAS,CAAC,IAAI,GAAG,QAAQ,CAAA;SAC1B;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YACvC,SAAS,GAAG,QAAQ,IAAI,EAAE,CAAA;SAC3B;QAED,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;QAEnB,YAAY,mCACP,YAAY,KACf,CAAC,GAAG,SAAS,IAAI,IAAI,IAAI,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,KAAK,SAAS,EACxE,CAAC,GAAG,SAAS,IAAI,IAAI,UAAU,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,KAAK,CAAC,EAC3F,CAAC,GAAG,SAAS,IAAI,IAAI,WAAW,SAAS,CAAC,MAAM,EAAE,CAAC,EACjD,SAAS,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAC5C,CAAC,GAAG,SAAS,IAAI,IAAI,SAAS,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EACvF,CAAC,GAAG,SAAS,IAAI,IAAI,SAAS,SAAS,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EACvF,CAAC,GAAG,SAAS,MAAM,CAAC,EAAE,SAAS,KAAK,KAAK,GAC1C,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT;QACE,CAAC,GAAG,SAAS,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,SAAS;QAC5C,CAAC,GAAG,SAAS,UAAU,KAAK,EAAE,CAAC,EAAE,KAAK;QACtC,CAAC,GAAG,SAAS,WAAW,MAAM,EAAE,CAAC,EAAE,MAAM;QACzC,CAAC,GAAG,SAAS,SAAS,IAAI,EAAE,CAAC,EAAE,IAAI;QACnC,CAAC,GAAG,SAAS,SAAS,IAAI,EAAE,CAAC,EAAE,IAAI;KACpC,EACD,SAAS,EACT,YAAY,CACb,CAAA;IAED,MAAM,WAAW,GAAwB,EAAE,CAAA;IAC3C,gCAAgC;IAChC,IAAI,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;QAC3B,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACtC,WAAW,CAAC,WAAW,GAAG,gBAAgB,CAAA;QAC1C,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAA;KAC5C;IAED,mDAAmD;IACnD,IAAI,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,EAAE;QAC9C,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QACpC,WAAW,CAAC,UAAU,GAAG,cAAc,CAAA;QACvC,WAAW,CAAC,aAAa,GAAG,cAAc,CAAA;KAC3C;IAED,IAAI,IAAI,EAAE;QACR,WAAW,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;QAElC,uCAAuC;QACvC,6EAA6E;QAC7E,IAAI,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;YAC3C,WAAW,CAAC,QAAQ,GAAG,CAAC,CAAA;SACzB;KACF;IAED,OAAO,CACL,6CAAS,MAAM,IAAE,KAAK,kCAAO,WAAW,GAAK,KAAK,GAAI,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAC/E,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA;CACxB;AAED,eAAe,GAAG,CAAA","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/row.js

@@ -0,0 +1,154 @@
+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 useFlexGapSupport from '../_util/hooks/useFlexGapSupport';
+import ResponsiveObserve, { responsiveArray } from '../_util/responsiveObserve';
+import { tuple } from '../_util/type';
+import RowContext from './RowContext';
+const RowAligns = tuple('top', 'middle', 'bottom', 'stretch');
+const RowJustify = 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 < responsiveArray.length; i++) {
+      const breakpoint = 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(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 = useFlexGapSupport();
+  const gutterRef = React.useRef(gutter);
+  // ================================== Effect ==================================
+  React.useEffect(() => {
+    const token = ResponsiveObserve.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.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 < responsiveArray.length; i++) {
+          const breakpoint = 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 = classNames(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.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';
+}
+export default Row;

package/es/grid/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../src/grid/row.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,iBAAiB,MAAM,kCAAkC,CAAA;AAEhE,OAAO,iBAAiB,EAAE,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;AAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC,CAAA;AAoBnG,SAAS,oBAAoB,CAAC,OAAgD,EAAE,MAAiB;IAC/F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IAElF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;YAC/B,OAAO,CAAC,OAAO,CAAC,CAAA;SACjB;QACD,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE;YAC/B,OAAM;SACP;QACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC/C,MAAM,UAAU,GAAe,eAAe,CAAC,CAAC,CAAC,CAAA;YACjD,8BAA8B;YAC9B,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC;gBAAE,SAAQ;YACjC,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC,CAAA;YAClC,IAAI,MAAM,KAAK,SAAS,EAAE;gBACxB,OAAO,CAAC,MAAM,CAAC,CAAA;gBACf,OAAM;aACP;SACF;IACH,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,uBAAuB,EAAE,CAAA;IAC3B,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAA;IAErC,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EACJ,SAAS,EAAE,kBAAkB,GAAG,SAAS,EACzC,OAAO,EACP,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,CAAC,EACV,IAAI,KAEF,KAAK,EADJ,MAAM,UACP,KAAK,EAVH,qFAUL,CAAQ,CAAA;IAET,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAA;IAEnE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAY;QACtD,EAAE,EAAE,IAAI;QACR,EAAE,EAAE,IAAI;QACR,EAAE,EAAE,IAAI;QACR,EAAE,EAAE,IAAI;QACR,EAAE,EAAE,IAAI;QACR,GAAG,EAAE,IAAI;KACV,CAAC,CAAA;IACF,qEAAqE;IACrE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAY;QAC5D,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,GAAG,EAAE,KAAK;KACX,CAAC,CAAA;IAEF,4FAA4F;IAC5F,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;IAE1D,MAAM,YAAY,GAAG,oBAAoB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;IAE9D,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAA;IAE1C,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAA4B,MAAM,CAAC,CAAA;IAEjE,+EAA+E;IAC/E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;YACnD,aAAa,CAAC,MAAM,CAAC,CAAA;YACrB,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,IAAI,CAAC,CAAA;YAC5C,IACE,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,aAAa,KAAK,QAAQ,CAAC;gBACpE,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;oBAC3B,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,OAAO,aAAa,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,EACjF;gBACA,UAAU,CAAC,MAAM,CAAC,CAAA;aACnB;QACH,CAAC,CAAC,CAAA;QACF,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;IACnD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,+EAA+E;IAC/E,MAAM,SAAS,GAAG,GAAe,EAAE;QACjC,MAAM,OAAO,GAAe,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAClD,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;QAC7E,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACpC,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;gBACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;oBAC/C,MAAM,UAAU,GAAe,eAAe,CAAC,CAAC,CAAC,CAAA;oBACjD,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,KAAK,SAAS,EAAE;wBACtD,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,UAAU,CAAW,CAAA;wBACxC,MAAK;qBACN;iBACF;aACF;iBAAM;gBACL,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;aACnB;QACH,CAAC,CAAC,CAAA;QACF,OAAO,OAAO,CAAA;IAChB,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT;QACE,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,IAAI,KAAK,KAAK;QACxC,CAAC,GAAG,SAAS,IAAI,YAAY,EAAE,CAAC,EAAE,YAAY;QAC9C,CAAC,GAAG,SAAS,IAAI,UAAU,EAAE,CAAC,EAAE,UAAU;QAC1C,CAAC,GAAG,SAAS,MAAM,CAAC,EAAE,SAAS,KAAK,KAAK;KAC1C,EACD,SAAS,CACV,CAAA;IAED,2BAA2B;IAC3B,MAAM,QAAQ,GAAwB,EAAE,CAAA;IACxC,MAAM,gBAAgB,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC3F,MAAM,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEzF,IAAI,gBAAgB,EAAE;QACpB,QAAQ,CAAC,UAAU,GAAG,gBAAgB,CAAA;QACtC,QAAQ,CAAC,WAAW,GAAG,gBAAgB,CAAA;KACxC;IAED,IAAI,cAAc,EAAE;QAClB,qCAAqC;QACrC,CAAC;QAAA,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,OAAO,CAAA;KAC/B;SAAM,IAAI,cAAc,EAAE;QACzB,QAAQ,CAAC,SAAS,GAAG,cAAc,CAAA;QACnC,QAAQ,CAAC,YAAY,GAAG,cAAc,CAAA;KACvC;IAED,2FAA2F;IAC3F,6CAA6C;IAC7C,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,OAAO,CAAA;IAClC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAqB,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,EAChF,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,cAAc,CAAC,CACzC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU;QACpC,6CAAS,MAAM,IAAE,SAAS,EAAE,OAAO,EAAE,KAAK,kCAAO,QAAQ,GAAK,KAAK,GAAI,GAAG,EAAE,GAAG,KAC5E,QAAQ,CACL,CACc,CACvB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;IACzC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA;CACxB;AAED,eAAe,GAAG,CAAA","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/es/grid/style/rtl.less

@@ -0,0 +1,69 @@
+// @import '../../style/themes/index';
+// @import '../../style/mixins/index';
+@import './mixin';
+
+.@{row-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+}
+
+// mixin
+.loop-grid-columns(@index, @class) when (@index > 0) {
+  .@{col-prefix-cls}@{class}-push-@{index} {
+    // reset property in RTL direction
+    &.@{col-prefix-cls}-rtl {
+      right: percentage((@index / @grid-columns));
+      left: auto;
+    }
+  }
+
+  .@{col-prefix-cls}@{class}-pull-@{index} {
+    // reset property in RTL direction
+    &.@{col-prefix-cls}-rtl {
+      right: auto;
+      left: percentage((@index / @grid-columns));
+    }
+  }
+
+  .@{col-prefix-cls}@{class}-offset-@{index} {
+    // reset property in RTL direction
+    &.@{col-prefix-cls}-rtl {
+      margin-right: percentage((@index / @grid-columns));
+      margin-left: 0;
+    }
+  }
+}
+
+.loop-grid-columns(@index, @class) when (@index = 0) {
+  .@{col-prefix-cls}-push-@{index} {
+    // reset property in RTL direction
+    &.@{col-prefix-cls}-rtl {
+      right: auto;
+    }
+  }
+
+  .@{col-prefix-cls}-pull-@{index} {
+    &.@{col-prefix-cls}-rtl {
+      left: auto;
+    }
+  }
+
+  .@{col-prefix-cls}@{class}-push-@{index} {
+    &.@{col-prefix-cls}-rtl {
+      right: auto;
+    }
+  }
+
+  .@{col-prefix-cls}@{class}-pull-@{index} {
+    &.@{col-prefix-cls}-rtl {
+      left: auto;
+    }
+  }
+
+  .@{col-prefix-cls}@{class}-offset-@{index} {
+    &.@{col-prefix-cls}-rtl {
+      margin-right: 0;
+    }
+  }
+}

package/es/icon/index.js

@@ -16,7 +16,7 @@ import { svgBaseProps, withThemeSuffix, removeTypeTheme, getThemeFromTypeName, a
 import warning from '../_util/warning';
 import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
 import { getTwoToneColor, setTwoToneColor } from './twoTonePrimaryColor';
-import './style/style.less';
+import './style';
 // Initial setting
 ReactIcon.add(...Object.keys(allIcons).map(key => allIcons[key]));
 setTwoToneColor('#1890ff');
@@ -51,8 +51,7 @@ const Icon = props => {
     } = props,
     restProps = __rest(props, ["className", "type", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children", "theme", "twoToneColor"]);
   warning(Boolean(type || Component || children), 'Icon', 'Should have `type` prop or `component` prop or `children`.');
-  const classString = classNames({
-    [`tntd-anticon`]: true,
+  const classString = classNames('tntd-anticon', {
     [`anticon`]: true,
     [`anticon-${type}`]: Boolean(type)
   }, className);

package/es/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable camelcase */\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as allIcons from '@tntd/icons/lib/dist'\nimport ReactIcon from './components'\nimport createFromIconfontCN from './IconFont'\nimport {\n  svgBaseProps,\n  withThemeSuffix,\n  removeTypeTheme,\n  getThemeFromTypeName,\n  alias,\n} from './utils'\nimport warning from '../_util/warning'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport { getTwoToneColor, setTwoToneColor } from './twoTonePrimaryColor'\nimport './style/style.less'\n// Initial setting\nReactIcon.add(...Object.keys(allIcons).map((key) => (allIcons as any)[key]))\nsetTwoToneColor('#1890ff')\nlet defaultTheme: ThemeType = 'outlined'\nlet dangerousTheme: ThemeType | undefined\n\nfunction unstable_ChangeThemeOfIconsDangerously(theme?: ThemeType) {\n  warning(\n    false,\n    'Icon',\n    `You are using the unstable method 'Icon.unstable_ChangeThemeOfAllIconsDangerously', ` +\n      `make sure that all the icons with theme '${theme}' display correctly.`\n  )\n  dangerousTheme = theme\n}\n\nfunction unstable_ChangeDefaultThemeOfIcons(theme: ThemeType) {\n  warning(\n    false,\n    'Icon',\n    `You are using the unstable method 'Icon.unstable_ChangeDefaultThemeOfIcons', ` +\n      `make sure that all the icons with theme '${theme}' display correctly.`\n  )\n  defaultTheme = theme\n}\n\nexport interface TransferLocale {\n  icon: string\n}\n\nexport interface CustomIconComponentProps {\n  width: string | number\n  height: string | number\n  fill: string\n  viewBox?: string\n  className?: string\n  style?: React.CSSProperties\n  spin?: boolean\n  rotate?: number\n  ['aria-hidden']?: React.AriaAttributes['aria-hidden']\n}\n\nexport type ThemeType = 'filled' | 'outlined' | 'twoTone'\n\nexport interface IconProps {\n  tabIndex?: number\n  type?: string\n  className?: string\n  theme?: ThemeType\n  title?: string\n  onKeyUp?: React.KeyboardEventHandler<HTMLElement>\n  onClick?: React.MouseEventHandler<HTMLElement>\n  component?: React.ComponentType<CustomIconComponentProps | React.SVGProps<SVGSVGElement>>\n  twoToneColor?: string\n  viewBox?: string\n  spin?: boolean\n  rotate?: number\n  style?: React.CSSProperties\n  prefixCls?: string\n  role?: string\n}\n\nexport interface IconComponent<P> extends React.SFC<P> {\n  createFromIconfontCN: typeof createFromIconfontCN\n  getTwoToneColor: typeof getTwoToneColor\n  setTwoToneColor: typeof setTwoToneColor\n  unstable_ChangeThemeOfIconsDangerously?: typeof unstable_ChangeThemeOfIconsDangerously\n  unstable_ChangeDefaultThemeOfIcons?: typeof unstable_ChangeDefaultThemeOfIcons\n}\n\nconst Icon: IconComponent<IconProps> = (props) => {\n  const {\n    // affect outter <i>...</i>\n    className,\n\n    // affect inner <svg>...</svg>\n    type,\n    component: Component,\n    viewBox,\n    spin,\n    rotate,\n\n    tabIndex,\n    onClick,\n\n    // children\n    children,\n\n    // other\n    theme, // default to outlined\n    twoToneColor,\n\n    ...restProps\n  } = props\n\n  warning(\n    Boolean(type || Component || children),\n    'Icon',\n    'Should have `type` prop or `component` prop or `children`.'\n  )\n\n  const classString = classNames(\n    {\n      [`tntd-anticon`]: true,\n      [`anticon`]: true,\n      [`anticon-${type}`]: Boolean(type),\n    },\n    className\n  )\n\n  const svgClassString = classNames({\n    [`anticon-spin`]: !!spin || type === 'loading',\n  })\n\n  const svgStyle = rotate\n    ? {\n        msTransform: `rotate(${rotate}deg)`,\n        transform: `rotate(${rotate}deg)`,\n      }\n    : undefined\n\n  const innerSvgProps: CustomIconComponentProps = {\n    ...svgBaseProps,\n    className: svgClassString,\n    style: svgStyle,\n    viewBox,\n  }\n\n  if (!viewBox) {\n    delete innerSvgProps.viewBox\n  }\n\n  const renderInnerNode = () => {\n    // component > children > type\n    if (Component) {\n      return <Component {...innerSvgProps}>{children}</Component>\n    }\n\n    if (children) {\n      warning(\n        Boolean(viewBox) ||\n          (React.Children.count(children) === 1 &&\n            React.isValidElement(children) &&\n            React.Children.only(children).type === 'use'),\n        'Icon',\n        'Make sure that you provide correct `viewBox`' +\n          ' prop (default `0 0 1024 1024`) to the icon.'\n      )\n      return (\n        <svg {...innerSvgProps} viewBox={viewBox}>\n          {children}\n        </svg>\n      )\n    }\n\n    if (typeof type === 'string') {\n      let computedType = type\n      if (theme) {\n        const themeInName = getThemeFromTypeName(type)\n        warning(\n          !themeInName || theme === themeInName,\n          'Icon',\n          `The icon name '${type}' already specify a theme '${themeInName}',` +\n            ` the 'theme' prop '${theme}' will be ignored.`\n        )\n      }\n      computedType = withThemeSuffix(\n        removeTypeTheme(alias(computedType)),\n        dangerousTheme || theme || defaultTheme\n      )\n\n      return (\n        <ReactIcon\n          className={svgClassString}\n          type={computedType}\n          primaryColor={twoToneColor}\n          style={svgStyle}\n        />\n      )\n    }\n  }\n\n  let iconTabIndex = tabIndex\n  if (iconTabIndex === undefined && onClick) {\n    iconTabIndex = -1\n  }\n\n  return (\n    <LocaleReceiver componentName=\"Icon\">\n      {(locale) => (\n        <i\n          aria-label={type && `${(locale as Record<'icon', object>).icon}: ${type}`}\n          {...restProps}\n          tabIndex={iconTabIndex}\n          onClick={onClick}\n          className={classString}\n        >\n          {renderInnerNode()}\n        </i>\n      )}\n    </LocaleReceiver>\n  )\n}\n\nIcon.createFromIconfontCN = createFromIconfontCN\nIcon.getTwoToneColor = getTwoToneColor\nIcon.setTwoToneColor = setTwoToneColor\n\nexport default Icon\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/icon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable camelcase */\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as allIcons from '@tntd/icons/lib/dist'\nimport ReactIcon from './components'\nimport createFromIconfontCN from './IconFont'\nimport {\n  svgBaseProps,\n  withThemeSuffix,\n  removeTypeTheme,\n  getThemeFromTypeName,\n  alias,\n} from './utils'\nimport warning from '../_util/warning'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport { getTwoToneColor, setTwoToneColor } from './twoTonePrimaryColor'\nimport './style'\n\n// Initial setting\nReactIcon.add(...Object.keys(allIcons).map((key) => (allIcons as any)[key]))\nsetTwoToneColor('#1890ff')\nlet defaultTheme: ThemeType = 'outlined'\nlet dangerousTheme: ThemeType | undefined\n\nfunction unstable_ChangeThemeOfIconsDangerously(theme?: ThemeType) {\n  warning(\n    false,\n    'Icon',\n    `You are using the unstable method 'Icon.unstable_ChangeThemeOfAllIconsDangerously', ` +\n      `make sure that all the icons with theme '${theme}' display correctly.`\n  )\n  dangerousTheme = theme\n}\n\nfunction unstable_ChangeDefaultThemeOfIcons(theme: ThemeType) {\n  warning(\n    false,\n    'Icon',\n    `You are using the unstable method 'Icon.unstable_ChangeDefaultThemeOfIcons', ` +\n      `make sure that all the icons with theme '${theme}' display correctly.`\n  )\n  defaultTheme = theme\n}\n\nexport interface TransferLocale {\n  icon: string\n}\n\nexport interface CustomIconComponentProps {\n  width: string | number\n  height: string | number\n  fill: string\n  viewBox?: string\n  className?: string\n  style?: React.CSSProperties\n  spin?: boolean\n  rotate?: number\n  ['aria-hidden']?: React.AriaAttributes['aria-hidden']\n}\n\nexport type ThemeType = 'filled' | 'outlined' | 'twoTone'\n\nexport interface IconProps {\n  tabIndex?: number\n  type?: string\n  className?: string\n  theme?: ThemeType\n  title?: string\n  onKeyUp?: React.KeyboardEventHandler<HTMLElement>\n  onClick?: React.MouseEventHandler<HTMLElement>\n  component?: React.ComponentType<CustomIconComponentProps | React.SVGProps<SVGSVGElement>>\n  twoToneColor?: string\n  viewBox?: string\n  spin?: boolean\n  rotate?: number\n  style?: React.CSSProperties\n  prefixCls?: string\n  role?: string\n}\n\nexport interface IconComponent<P> extends React.SFC<P> {\n  createFromIconfontCN: typeof createFromIconfontCN\n  getTwoToneColor: typeof getTwoToneColor\n  setTwoToneColor: typeof setTwoToneColor\n  unstable_ChangeThemeOfIconsDangerously?: typeof unstable_ChangeThemeOfIconsDangerously\n  unstable_ChangeDefaultThemeOfIcons?: typeof unstable_ChangeDefaultThemeOfIcons\n}\n\nconst Icon: IconComponent<IconProps> = (props) => {\n  const {\n    // affect outter <i>...</i>\n    className,\n\n    // affect inner <svg>...</svg>\n    type,\n    component: Component,\n    viewBox,\n    spin,\n    rotate,\n\n    tabIndex,\n    onClick,\n\n    // children\n    children,\n\n    // other\n    theme, // default to outlined\n    twoToneColor,\n\n    ...restProps\n  } = props\n\n  warning(\n    Boolean(type || Component || children),\n    'Icon',\n    'Should have `type` prop or `component` prop or `children`.'\n  )\n\n  const classString = classNames(\n    'tntd-anticon',\n    {\n      [`anticon`]: true,\n      [`anticon-${type}`]: Boolean(type),\n    },\n    className\n  )\n\n  const svgClassString = classNames({\n    [`anticon-spin`]: !!spin || type === 'loading',\n  })\n\n  const svgStyle = rotate\n    ? {\n        msTransform: `rotate(${rotate}deg)`,\n        transform: `rotate(${rotate}deg)`,\n      }\n    : undefined\n\n  const innerSvgProps: CustomIconComponentProps = {\n    ...svgBaseProps,\n    className: svgClassString,\n    style: svgStyle,\n    viewBox,\n  }\n\n  if (!viewBox) {\n    delete innerSvgProps.viewBox\n  }\n\n  const renderInnerNode = () => {\n    // component > children > type\n    if (Component) {\n      return <Component {...innerSvgProps}>{children}</Component>\n    }\n\n    if (children) {\n      warning(\n        Boolean(viewBox) ||\n          (React.Children.count(children) === 1 &&\n            React.isValidElement(children) &&\n            React.Children.only(children).type === 'use'),\n        'Icon',\n        'Make sure that you provide correct `viewBox`' +\n          ' prop (default `0 0 1024 1024`) to the icon.'\n      )\n      return (\n        <svg {...innerSvgProps} viewBox={viewBox}>\n          {children}\n        </svg>\n      )\n    }\n\n    if (typeof type === 'string') {\n      let computedType = type\n      if (theme) {\n        const themeInName = getThemeFromTypeName(type)\n        warning(\n          !themeInName || theme === themeInName,\n          'Icon',\n          `The icon name '${type}' already specify a theme '${themeInName}',` +\n            ` the 'theme' prop '${theme}' will be ignored.`\n        )\n      }\n      computedType = withThemeSuffix(\n        removeTypeTheme(alias(computedType)),\n        dangerousTheme || theme || defaultTheme\n      )\n\n      return (\n        <ReactIcon\n          className={svgClassString}\n          type={computedType}\n          primaryColor={twoToneColor}\n          style={svgStyle}\n        />\n      )\n    }\n  }\n\n  let iconTabIndex = tabIndex\n  if (iconTabIndex === undefined && onClick) {\n    iconTabIndex = -1\n  }\n\n  return (\n    <LocaleReceiver componentName=\"Icon\">\n      {(locale) => (\n        <i\n          aria-label={type && `${(locale as Record<'icon', object>).icon}: ${type}`}\n          {...restProps}\n          tabIndex={iconTabIndex}\n          onClick={onClick}\n          className={classString}\n        >\n          {renderInnerNode()}\n        </i>\n      )}\n    </LocaleReceiver>\n  )\n}\n\nIcon.createFromIconfontCN = createFromIconfontCN\nIcon.getTwoToneColor = getTwoToneColor\nIcon.setTwoToneColor = setTwoToneColor\n\nexport default Icon\n"]}

package/es/icon/style/index.js

@@ -1,2 +1,3 @@
 import '../../style/index.less';
-import './index.less';
+import './index.less';
+import './style.less';

package/es/icon/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AACrB,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\nimport './style.less'\n"]}

package/es/icon/style/style.less

@@ -1,4 +1,6 @@
+@import '../../style/themes/index';
 
 .tntd-anticon {
   font-size: @font-size-lg;
-}
+  vertical-align: -0.25em;
+}

package/es/input/style/mixin.less

@@ -170,7 +170,7 @@
 
     // Reset Select's style in addon
     .@{ant-prefix}-select {
-      margin: calc(-(@input-padding-vertical-base + 1px)) (-@input-padding-horizontal-base);
+      margin: calc(1px - @input-padding-vertical-base) (-@input-padding-horizontal-base);
 
       .@{ant-prefix}-select-selection {
         margin: -1px;

package/es/modal/modal.less

@@ -0,0 +1,18 @@
+@modal-prefix-cls: ~'@{ant-prefix}-modal';
+@modal-footer-padding-vertical: 10px;
+@modal-footer-padding-horizontal: 20px;
+
+.@{modal-prefix-cls}-custom-header {
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  right: 16px;
+  bottom: 0;
+  height: 24px;
+  text-align: right;
+  font-size: @font-size-lg;
+}
+
+.@{modal-prefix-cls}-confirm-body-wrapper{
+  margin-top: @margin-xxs;
+}

package/es/modal/style/confirm.less

@@ -45,7 +45,7 @@
       line-height: @line-height-base;
 
       .@{ant-prefix}-modal-custom-close {
-        font-size: @font-size-lg;
+        font-size: 20px;
         font-weight: bold;
         margin-right: 0;
       }