tntd 2.7.28 → 2.7.29-beta.1

package/es/_util/context.js

@@ -0,0 +1,14 @@
+import React from 'react';
+const defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
+    if (customizePrefixCls)
+        return customizePrefixCls;
+    return `tnt-${suffixCls}`;
+};
+export const defaultIconPrefixCls = 'anticon';
+// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.
+export const ConfigContext = React.createContext({
+    // We provide a default function for Context without provider
+    getPrefixCls: defaultGetPrefixCls,
+});
+export const ConfigConsumer = ConfigContext.Consumer;
+//# sourceMappingURL=context.js.map

package/es/_util/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/_util/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,mBAAmB,GAAG,CAAC,SAAkB,EAAE,kBAA2B,EAAE,EAAE;IAC9E,IAAI,kBAAkB;QAAE,OAAO,kBAAkB,CAAA;IAEjD,OAAO,OAAO,SAAS,EAAE,CAAA;AAC3B,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,oBAAoB,GAAG,SAAS,CAAA;AAiC7C,4FAA4F;AAC5F,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAsB;IACpE,6DAA6D;IAC7D,YAAY,EAAE,mBAAmB;CAClC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,QAAQ,CAAA","sourcesContent":["import React from 'react'\nimport type { RenderEmptyHandler } from './defaultRenderEmpty'\n\nexport interface CSPConfig {\n  nonce?: string\n}\n\nconst defaultGetPrefixCls = (suffixCls?: string, customizePrefixCls?: string) => {\n  if (customizePrefixCls) return customizePrefixCls\n\n  return `tnt-${suffixCls}`\n}\n\nexport type DirectionType = 'ltr' | 'rtl' | undefined\n\nexport type SizeType = 'small' | 'middle' | 'large' | undefined\n\nexport type RequiredMark = boolean | 'optional'\n\nexport const defaultIconPrefixCls = 'anticon'\n\nexport interface ConfigConsumerProps {\n  getTargetContainer?: () => HTMLElement\n  getPopupContainer?: (triggerNode?: HTMLElement) => HTMLElement\n  rootPrefixCls?: string\n  iconPrefixCls?: string\n  getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string\n  renderEmpty?: RenderEmptyHandler\n  csp?: CSPConfig\n  autoInsertSpaceInButton?: boolean\n  input?: {\n    autoComplete?: string\n  }\n  pagination?: {\n    showSizeChanger?: boolean\n  }\n  locale?: object\n  pageHeader?: {\n    ghost: boolean\n  }\n  direction?: DirectionType\n  space?: {\n    size?: SizeType | number\n  }\n  virtual?: boolean\n  dropdownMatchSelectWidth?: boolean\n  form?: {\n    requiredMark?: RequiredMark\n    colon?: boolean\n  }\n}\n\n// zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will case circular dependency.\nexport const ConfigContext = React.createContext<ConfigConsumerProps>({\n  // We provide a default function for Context without provider\n  getPrefixCls: defaultGetPrefixCls,\n})\n\nexport const ConfigConsumer = ConfigContext.Consumer\n"]}

package/es/_util/defaultRenderEmpty.js

@@ -0,0 +1,20 @@
+/*
+ * @Descripttion: 空状态
+ * @Author: 郑泳健
+ * @Date: 2022-12-19 16:45:16
+ * @LastEditors: 郑泳健
+ * @LastEditTime: 2023-02-07 11:47:03
+ */
+import * as React from 'react';
+import { ConfigConsumer } from './context';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+const defaultRenderEmpty = (componentName) => (React.createElement(ConfigConsumer, null, ({ getPrefixCls }) => {
+    const prefix = getPrefixCls('empty');
+    return (React.createElement(LocaleReceiver, { componentName: "TntdSelect" }, (locale) => {
+        return (React.createElement("div", { className: `tntd-select-no-data-wrapper ${prefix}` },
+            React.createElement("img", { style: { width: 80, height: 50 }, src: require('../img/no-data-s.png').default }),
+            React.createElement("div", { className: "tntd-select-no-data-content" }, locale.noData)));
+    }));
+}));
+export default defaultRenderEmpty;
+//# sourceMappingURL=defaultRenderEmpty.js.map

package/es/_util/defaultRenderEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultRenderEmpty.js","sourceRoot":"","sources":["../../src/_util/defaultRenderEmpty.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,cAAc,MAAM,wCAAwC,CAAA;AAEnE,MAAM,kBAAkB,GAAG,CAAC,aAAqB,EAAE,EAAE,CAAC,CACpD,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;IACpB,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,cAAc,IAAC,aAAa,EAAC,YAAY,IACvC,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,CACL,6BAAK,SAAS,EAAE,+BAA+B,MAAM,EAAE;YACrD,6BACE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,GAAG,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC,OAAO,GAC5C;YACF,6BAAK,SAAS,EAAC,6BAA6B,IACxC,MAAmC,CAAC,MAAM,CACxC,CACF,CACP,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACc,CAClB,CAAA;AAID,eAAe,kBAAkB,CAAA","sourcesContent":["/*\n * @Descripttion: 空状态\n * @Author: 郑泳健\n * @Date: 2022-12-19 16:45:16\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-02-07 11:47:03\n */\nimport * as React from 'react'\nimport { ConfigConsumer } from './context'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\n\nconst defaultRenderEmpty = (componentName: string) => (\n  <ConfigConsumer>\n    {({ getPrefixCls }) => {\n      const prefix = getPrefixCls('empty')\n\n      return (\n        <LocaleReceiver componentName=\"TntdSelect\">\n          {(locale) => {\n            return (\n              <div className={`tntd-select-no-data-wrapper ${prefix}`}>\n                <img\n                  style={{ width: 80, height: 50 }}\n                  src={require('../img/no-data-s.png').default}\n                />\n                <div className=\"tntd-select-no-data-content\">\n                  {(locale as Record<'noData', object>).noData}\n                </div>\n              </div>\n            )\n          }}\n        </LocaleReceiver>\n      )\n    }}\n  </ConfigConsumer>\n)\n\nexport type RenderEmptyHandler = typeof defaultRenderEmpty\n\nexport default defaultRenderEmpty\n"]}

package/es/_util/hooks/useFlexGapSupport.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { detectFlexGapSupported } from '../styleChecker';
+export default () => {
+    const [flexible, setFlexible] = React.useState(false);
+    React.useEffect(() => {
+        setFlexible(detectFlexGapSupported());
+    }, []);
+    return flexible;
+};
+//# sourceMappingURL=useFlexGapSupport.js.map

package/es/_util/hooks/useFlexGapSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlexGapSupport.js","sourceRoot":"","sources":["../../../src/_util/hooks/useFlexGapSupport.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,eAAe,GAAG,EAAE;IAClB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,sBAAsB,EAAE,CAAC,CAAA;IACvC,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport { detectFlexGapSupported } from '../styleChecker'\n\nexport default () => {\n  const [flexible, setFlexible] = React.useState(false)\n  React.useEffect(() => {\n    setFlexible(detectFlexGapSupported())\n  }, [])\n\n  return flexible\n}\n"]}

package/es/_util/hooks/useForceUpdate.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export default function useForceUpdate() {
+    const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
+    return forceUpdate;
+}
+//# sourceMappingURL=useForceUpdate.js.map

package/es/_util/hooks/useForceUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForceUpdate.js","sourceRoot":"","sources":["../../../src/_util/hooks/useForceUpdate.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,CAAC,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;IACzD,OAAO,WAAW,CAAA;AACpB,CAAC","sourcesContent":["import * as React from 'react'\n\nexport default function useForceUpdate() {\n  const [, forceUpdate] = React.useReducer((x) => x + 1, 0)\n  return forceUpdate\n}\n"]}

package/es/_util/motion.js

@@ -1,4 +1,25 @@
 import { tuple } from './type';
+// ================== Collapse Motion ==================
+const getCollapsedHeight = () => ({ height: 0, opacity: 0 });
+const getRealHeight = (node) => {
+    const { scrollHeight } = node;
+    return { height: scrollHeight, opacity: 1 };
+};
+const getCurrentHeight = (node) => ({ height: node ? node.offsetHeight : 0 });
+const skipOpacityTransition = (_, event) => (event === null || event === void 0 ? void 0 : event.deadline) === true || event.propertyName === 'height';
+const collapseMotion = {
+    motionName: 'ant-motion-collapse',
+    onAppearStart: getCollapsedHeight,
+    onEnterStart: getCollapsedHeight,
+    onAppearActive: getRealHeight,
+    onEnterActive: getRealHeight,
+    onLeaveStart: getCurrentHeight,
+    onLeaveActive: getCollapsedHeight,
+    onAppearEnd: skipOpacityTransition,
+    onEnterEnd: skipOpacityTransition,
+    onLeaveEnd: skipOpacityTransition,
+    motionDeadline: 500,
+};
 const SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');
 const getTransitionDirection = (placement) => {
     if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {
@@ -13,4 +34,5 @@ const getTransitionName = (rootPrefixCls, motion, transitionName) => {
     return `${rootPrefixCls}-${motion}`;
 };
 export { getTransitionName, getTransitionDirection };
+export default collapseMotion;
 //# sourceMappingURL=motion.js.map

package/es/_util/motion.js.map

@@ -1 +1 @@
-{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/_util/motion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;AAGnF,MAAM,sBAAsB,GAAG,CAAC,SAA4C,EAAE,EAAE;IAC9E,IAAI,SAAS,KAAK,SAAS,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,CAAC,EAAE;QACpF,OAAO,YAAY,CAAC;KACrB;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,aAAqB,EAAE,MAAc,EAAE,cAAuB,EAAE,EAAE;IAC3F,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,OAAO,cAAc,CAAC;KACvB;IACD,OAAO,GAAG,aAAa,IAAI,MAAM,EAAE,CAAC;AACtC,CAAC,CAAC;AACF,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,CAAC","sourcesContent":["import { tuple } from './type';\n\nconst SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight');\nexport type SelectCommonPlacement = typeof SelectPlacements[number];\n\nconst getTransitionDirection = (placement: SelectCommonPlacement | undefined) => {\n  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {\n    return `slide-down`;\n  }\n  return `slide-up`;\n};\n\nconst getTransitionName = (rootPrefixCls: string, motion: string, transitionName?: string) => {\n  if (transitionName !== undefined) {\n    return transitionName;\n  }\n  return `${rootPrefixCls}-${motion}`;\n};\nexport { getTransitionName, getTransitionDirection };"]}
+{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/_util/motion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAE9B,wDAAwD;AACxD,MAAM,kBAAkB,GAAuB,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAA;AAChF,MAAM,aAAa,GAAuB,CAAC,IAAI,EAAE,EAAE;IACjD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAC7B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,EAAE,CAAA;AAC7C,CAAC,CAAA;AACD,MAAM,gBAAgB,GAAuB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;AACjG,MAAM,qBAAqB,GAA0B,CAAC,CAAC,EAAE,KAAkB,EAAE,EAAE,CAC7E,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,MAAK,IAAI,IAAK,KAAyB,CAAC,YAAY,KAAK,QAAQ,CAAA;AAElF,MAAM,cAAc,GAAmB;IACrC,UAAU,EAAE,qBAAqB;IACjC,aAAa,EAAE,kBAAkB;IACjC,YAAY,EAAE,kBAAkB;IAChC,cAAc,EAAE,aAAa;IAC7B,aAAa,EAAE,aAAa;IAC5B,YAAY,EAAE,gBAAgB;IAC9B,aAAa,EAAE,kBAAkB;IACjC,WAAW,EAAE,qBAAqB;IAClC,UAAU,EAAE,qBAAqB;IACjC,UAAU,EAAE,qBAAqB;IACjC,cAAc,EAAE,GAAG;CACpB,CAAA;AAED,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAA;AAGlF,MAAM,sBAAsB,GAAG,CAAC,SAA4C,EAAE,EAAE;IAC9E,IAAI,SAAS,KAAK,SAAS,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,CAAC,EAAE;QACpF,OAAO,YAAY,CAAA;KACpB;IACD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,aAAqB,EAAE,MAAc,EAAE,cAAuB,EAAE,EAAE;IAC3F,IAAI,cAAc,KAAK,SAAS,EAAE;QAChC,OAAO,cAAc,CAAA;KACtB;IACD,OAAO,GAAG,aAAa,IAAI,MAAM,EAAE,CAAA;AACrC,CAAC,CAAA;AACD,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,CAAA;AACpD,eAAe,cAAc,CAAA","sourcesContent":["import type { CSSMotionProps, MotionEndEventHandler, MotionEventHandler } from 'rc-motion'\nimport type { MotionEvent } from 'rc-motion/lib/interface'\nimport { tuple } from './type'\n\n// ================== Collapse Motion ==================\nconst getCollapsedHeight: MotionEventHandler = () => ({ height: 0, opacity: 0 })\nconst getRealHeight: MotionEventHandler = (node) => {\n  const { scrollHeight } = node\n  return { height: scrollHeight, opacity: 1 }\n}\nconst getCurrentHeight: MotionEventHandler = (node) => ({ height: node ? node.offsetHeight : 0 })\nconst skipOpacityTransition: MotionEndEventHandler = (_, event: MotionEvent) =>\n  event?.deadline === true || (event as TransitionEvent).propertyName === 'height'\n\nconst collapseMotion: CSSMotionProps = {\n  motionName: 'ant-motion-collapse',\n  onAppearStart: getCollapsedHeight,\n  onEnterStart: getCollapsedHeight,\n  onAppearActive: getRealHeight,\n  onEnterActive: getRealHeight,\n  onLeaveStart: getCurrentHeight,\n  onLeaveActive: getCollapsedHeight,\n  onAppearEnd: skipOpacityTransition,\n  onEnterEnd: skipOpacityTransition,\n  onLeaveEnd: skipOpacityTransition,\n  motionDeadline: 500,\n}\n\nconst SelectPlacements = tuple('bottomLeft', 'bottomRight', 'topLeft', 'topRight')\nexport type SelectCommonPlacement = typeof SelectPlacements[number]\n\nconst getTransitionDirection = (placement: SelectCommonPlacement | undefined) => {\n  if (placement !== undefined && (placement === 'topLeft' || placement === 'topRight')) {\n    return `slide-down`\n  }\n  return `slide-up`\n}\n\nconst getTransitionName = (rootPrefixCls: string, motion: string, transitionName?: string) => {\n  if (transitionName !== undefined) {\n    return transitionName\n  }\n  return `${rootPrefixCls}-${motion}`\n}\nexport { getTransitionName, getTransitionDirection }\nexport default collapseMotion\n"]}

package/es/_util/reactNode.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export const { isValidElement } = React;
+export function isFragment(child) {
+    return child && isValidElement(child) && child.type === React.Fragment;
+}
+export function replaceElement(element, replacement, props) {
+    if (!isValidElement(element)) {
+        return replacement;
+    }
+    return React.cloneElement(element, typeof props === 'function' ? props(element.props || {}) : props);
+}
+export function cloneElement(element, props) {
+    return replaceElement(element, element, props);
+}
+//# sourceMappingURL=reactNode.js.map

package/es/_util/reactNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactNode.js","sourceRoot":"","sources":["../../src/_util/reactNode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;AAEvC,MAAM,UAAU,UAAU,CAAC,KAAU;IACnC,OAAO,KAAK,IAAI,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,CAAA;AACxE,CAAC;AAMD,MAAM,UAAU,cAAc,CAC5B,OAAwB,EACxB,WAA4B,EAC5B,KAAmB;IAEnB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QAC5B,OAAO,WAAW,CAAA;KACnB;IACD,OAAO,KAAK,CAAC,YAAY,CACvB,OAAO,EACP,OAAO,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CACjE,CAAA;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAwB,EAAE,KAAmB;IACxE,OAAO,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAuB,CAAA;AACtE,CAAC","sourcesContent":["import * as React from 'react'\n\nexport const { isValidElement } = React\n\nexport function isFragment(child: any): boolean {\n  return child && isValidElement(child) && child.type === React.Fragment\n}\n\ntype AnyObject = Record<PropertyKey, any>\n\ntype RenderProps = AnyObject | ((originProps: AnyObject) => AnyObject | void)\n\nexport function replaceElement(\n  element: React.ReactNode,\n  replacement: React.ReactNode,\n  props?: RenderProps\n): React.ReactNode {\n  if (!isValidElement(element)) {\n    return replacement\n  }\n  return React.cloneElement(\n    element,\n    typeof props === 'function' ? props(element.props || {}) : props\n  )\n}\n\nexport function cloneElement(element: React.ReactNode, props?: RenderProps): React.ReactElement {\n  return replaceElement(element, element, props) as React.ReactElement\n}\n"]}

package/es/_util/responsiveObserve.js

@@ -0,0 +1,58 @@
+export const responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];
+export const responsiveMap = {
+    xs: '(max-width: 575px)',
+    sm: '(min-width: 576px)',
+    md: '(min-width: 768px)',
+    lg: '(min-width: 992px)',
+    xl: '(min-width: 1200px)',
+    xxl: '(min-width: 1600px)',
+};
+const subscribers = new Map();
+let subUid = -1;
+let screens = {};
+const responsiveObserve = {
+    matchHandlers: {},
+    dispatch(pointMap) {
+        screens = pointMap;
+        subscribers.forEach((func) => func(screens));
+        return subscribers.size >= 1;
+    },
+    subscribe(func) {
+        if (!subscribers.size)
+            this.register();
+        subUid += 1;
+        subscribers.set(subUid, func);
+        func(screens);
+        return subUid;
+    },
+    unsubscribe(token) {
+        subscribers.delete(token);
+        if (!subscribers.size)
+            this.unregister();
+    },
+    unregister() {
+        Object.keys(responsiveMap).forEach((screen) => {
+            const matchMediaQuery = responsiveMap[screen];
+            const handler = this.matchHandlers[matchMediaQuery];
+            handler === null || handler === void 0 ? void 0 : handler.mql.removeListener(handler === null || handler === void 0 ? void 0 : handler.listener);
+        });
+        subscribers.clear();
+    },
+    register() {
+        Object.keys(responsiveMap).forEach((screen) => {
+            const matchMediaQuery = responsiveMap[screen];
+            const listener = ({ matches }) => {
+                this.dispatch(Object.assign(Object.assign({}, screens), { [screen]: matches }));
+            };
+            const mql = window.matchMedia(matchMediaQuery);
+            mql.addListener(listener);
+            this.matchHandlers[matchMediaQuery] = {
+                mql,
+                listener,
+            };
+            listener(mql);
+        });
+    },
+};
+export default responsiveObserve;
+//# sourceMappingURL=responsiveObserve.js.map

package/es/_util/responsiveObserve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveObserve.js","sourceRoot":"","sources":["../../src/_util/responsiveObserve.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,eAAe,GAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;AAElF,MAAM,CAAC,MAAM,aAAa,GAAkB;IAC1C,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,oBAAoB;IACxB,EAAE,EAAE,qBAAqB;IACzB,GAAG,EAAE,qBAAqB;CAC3B,CAAA;AAGD,MAAM,WAAW,GAAG,IAAI,GAAG,EAAyB,CAAA;AACpD,IAAI,MAAM,GAAG,CAAC,CAAC,CAAA;AACf,IAAI,OAAO,GAAG,EAAE,CAAA;AAEhB,MAAM,iBAAiB,GAAG;IACxB,aAAa,EAAE,EAKd;IACD,QAAQ,CAAC,QAAmB;QAC1B,OAAO,GAAG,QAAQ,CAAA;QAClB,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;QAC5C,OAAO,WAAW,CAAC,IAAI,IAAI,CAAC,CAAA;IAC9B,CAAC;IACD,SAAS,CAAC,IAAmB;QAC3B,IAAI,CAAC,WAAW,CAAC,IAAI;YAAE,IAAI,CAAC,QAAQ,EAAE,CAAA;QACtC,MAAM,IAAI,CAAC,CAAA;QACX,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QAC7B,IAAI,CAAC,OAAO,CAAC,CAAA;QACb,OAAO,MAAM,CAAA;IACf,CAAC;IACD,WAAW,CAAC,KAAa;QACvB,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACzB,IAAI,CAAC,WAAW,CAAC,IAAI;YAAE,IAAI,CAAC,UAAU,EAAE,CAAA;IAC1C,CAAC;IACD,UAAU;QACR,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,MAAc,EAAE,EAAE;YACpD,MAAM,eAAe,GAAG,aAAa,CAAC,MAAoB,CAAC,CAAA;YAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;YACnD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,cAAc,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,CAAA;QAChD,CAAC,CAAC,CAAA;QACF,WAAW,CAAC,KAAK,EAAE,CAAA;IACrB,CAAC;IACD,QAAQ;QACN,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,MAAc,EAAE,EAAE;YACpD,MAAM,eAAe,GAAG,aAAa,CAAC,MAAoB,CAAC,CAAA;YAC3D,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;gBACrD,IAAI,CAAC,QAAQ,iCACR,OAAO,KACV,CAAC,MAAM,CAAC,EAAE,OAAO,IACjB,CAAA;YACJ,CAAC,CAAA;YACD,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;YAC9C,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;YACzB,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,GAAG;gBACpC,GAAG;gBACH,QAAQ;aACT,CAAA;YAED,QAAQ,CAAC,GAAG,CAAC,CAAA;QACf,CAAC,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAED,eAAe,iBAAiB,CAAA","sourcesContent":["export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs'\nexport type BreakpointMap = Record<Breakpoint, string>\nexport type ScreenMap = Partial<Record<Breakpoint, boolean>>\nexport type ScreenSizeMap = Partial<Record<Breakpoint, number>>\n\nexport const responsiveArray: Breakpoint[] = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs']\n\nexport const responsiveMap: BreakpointMap = {\n  xs: '(max-width: 575px)',\n  sm: '(min-width: 576px)',\n  md: '(min-width: 768px)',\n  lg: '(min-width: 992px)',\n  xl: '(min-width: 1200px)',\n  xxl: '(min-width: 1600px)',\n}\n\ntype SubscribeFunc = (screens: ScreenMap) => void\nconst subscribers = new Map<number, SubscribeFunc>()\nlet subUid = -1\nlet screens = {}\n\nconst responsiveObserve = {\n  matchHandlers: {} as {\n    [prop: string]: {\n      mql: MediaQueryList\n      listener: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null\n    }\n  },\n  dispatch(pointMap: ScreenMap) {\n    screens = pointMap\n    subscribers.forEach((func) => func(screens))\n    return subscribers.size >= 1\n  },\n  subscribe(func: SubscribeFunc): number {\n    if (!subscribers.size) this.register()\n    subUid += 1\n    subscribers.set(subUid, func)\n    func(screens)\n    return subUid\n  },\n  unsubscribe(token: number) {\n    subscribers.delete(token)\n    if (!subscribers.size) this.unregister()\n  },\n  unregister() {\n    Object.keys(responsiveMap).forEach((screen: string) => {\n      const matchMediaQuery = responsiveMap[screen as Breakpoint]\n      const handler = this.matchHandlers[matchMediaQuery]\n      handler?.mql.removeListener(handler?.listener)\n    })\n    subscribers.clear()\n  },\n  register() {\n    Object.keys(responsiveMap).forEach((screen: string) => {\n      const matchMediaQuery = responsiveMap[screen as Breakpoint]\n      const listener = ({ matches }: { matches: boolean }) => {\n        this.dispatch({\n          ...screens,\n          [screen]: matches,\n        })\n      }\n      const mql = window.matchMedia(matchMediaQuery)\n      mql.addListener(listener)\n      this.matchHandlers[matchMediaQuery] = {\n        mql,\n        listener,\n      }\n\n      listener(mql)\n    })\n  },\n}\n\nexport default responsiveObserve\n"]}

package/es/_util/styleChecker.js

@@ -0,0 +1,27 @@
+import canUseDom from 'rc-util/lib/Dom/canUseDom';
+import { isStyleSupport } from 'rc-util/lib/Dom/styleChecker';
+export const canUseDocElement = () => canUseDom() && window.document.documentElement;
+export { isStyleSupport };
+let flexGapSupported;
+export const detectFlexGapSupported = () => {
+    if (!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;
+};
+//# sourceMappingURL=styleChecker.js.map

package/es/_util/styleChecker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleChecker.js","sourceRoot":"","sources":["../../src/_util/styleChecker.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAA;AAEpF,OAAO,EAAE,cAAc,EAAE,CAAA;AAEzB,IAAI,gBAAqC,CAAA;AACzC,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,IAAI,CAAC,gBAAgB,EAAE,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","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/es/_util/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","sourceRoot":"","sources":["../../src/_util/type.ts"],"names":[],"mappings":"AACA,qHAAqH;AACrH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAC;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAC","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;AACrH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAA;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAqB,GAAG,IAAO,EAAE,EAAE,CAAC,IAAI,CAAA","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/es/_util/warning.js.map

@@ -1 +1 @@
-{"version":3,"file":"warning.js","sourceRoot":"","sources":["../../src/_util/warning.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,eAAe,CAAC,KAAc,EAAE,SAAiB,EAAE,OAAe,EAAQ,EAAE;IAC1E,OAAO,CAAC,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,OAAO,OAAO,EAAE,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,CAAA;AAEtB,eAAe,CAAC,KAAc,EAAE,SAAiB,EAAE,OAAe,EAAQ,EAAE;IAC1E,OAAO,CAAC,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/es/grid/RowContext.js

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

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,78 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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;
+//# sourceMappingURL=col.js.map

package/es/grid/col.js.map

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

package/es/grid/hooks/useBreakpoint.js

@@ -0,0 +1,19 @@
+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;
+//# sourceMappingURL=useBreakpoint.js.map

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

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

package/es/grid/index.js

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

package/es/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,qBAAqB,MAAM,uBAAuB,CAAA;AACzD,OAAO,GAAG,MAAM,OAAO,CAAA;AAEvB,OAAO,SAAS,CAAA;AAEhB,uBAAuB;AACvB,SAAS,aAAa;IACpB,OAAO,qBAAqB,EAAE,CAAA;AAChC,CAAC;AAED,OAAO,EAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAY,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAEnB,eAAe,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/es/grid/row.js

@@ -0,0 +1,141 @@
+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;
+//# sourceMappingURL=row.js.map

package/es/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/es/grid/style/index.js

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

package/es/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,OAAO,cAAc,CAAA","sourcesContent":["// import '../../style/index.less';\nimport './index.less'\n"]}