tntd 2.7.28 → 2.7.29

package/es/tntd-form/_util/responsiveObserve.js

@@ -0,0 +1,59 @@
+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;

package/es/tntd-form/_util/responsiveObserve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveObserve.js","sourceRoot":"","sources":["../../../src/tntd-form/_util/responsiveObserve.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,eAAe,GAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAEnF,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,CAAC;AAGF,MAAM,WAAW,GAAG,IAAI,GAAG,EAAyB,CAAC;AACrD,IAAI,MAAM,GAAG,CAAC,CAAC,CAAC;AAChB,IAAI,OAAO,GAAG,EAAE,CAAC;AAEjB,MAAM,iBAAiB,GAAG;IACxB,aAAa,EAAE,EAKd;IACD,QAAQ,CAAC,QAAmB;QAC1B,OAAO,GAAG,QAAQ,CAAC;QACnB,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3C,OAAO,WAAW,CAAC,IAAI,IAAI,CAAC,CAAC;IAC/B,CAAC;IACD,SAAS,CAAC,IAAmB;QAC3B,IAAI,CAAC,WAAW,CAAC,IAAI;YAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACvC,MAAM,IAAI,CAAC,CAAC;QACZ,WAAW,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAC9B,IAAI,CAAC,OAAO,CAAC,CAAC;QACd,OAAO,MAAM,CAAC;IAChB,CAAC;IACD,WAAW,CAAC,KAAa;QACvB,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,IAAI;YAAE,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC;IACD,UAAU;QACR,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,MAAc,EAAG,EAAE;YACrD,MAAM,eAAe,GAAG,aAAa,CAAC,MAAoB,CAAC,CAAC;YAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;YACpD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,cAAc,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;QACH,WAAW,CAAC,KAAK,EAAE,CAAC;IACtB,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,CAAC;YAC5D,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;gBACrD,IAAI,CAAC,QAAQ,iCACR,OAAO,KACV,CAAC,MAAM,CAAC,EAAE,OAAO,IACjB,CAAC;YACL,CAAC,CAAC;YACF,MAAM,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;YAC/C,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAC1B,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,GAAG;gBACpC,GAAG;gBACH,QAAQ;aACT,CAAC;YAEF,QAAQ,CAAC,GAAG,CAAC,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAC;AAEF,eAAe,iBAAiB,CAAC","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/tntd-form/_util/scrollTo.js

@@ -1,4 +1,5 @@
 "use strict";
+
 // import raf from 'raf';
 // import getScroll from './getScroll';
 // import { easeInOutCubic } from './easings';
@@ -31,5 +32,4 @@
 //     }
 //   };
 //   raf(frameFunc);
-// }
-//# sourceMappingURL=scrollTo.js.map
+// }

package/es/tntd-form/_util/styleChecker.js

@@ -0,0 +1,26 @@
+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;
+};

package/es/tntd-form/_util/styleChecker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleChecker.js","sourceRoot":"","sources":["../../../src/tntd-form/_util/styleChecker.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAAC,SAAS,EAAE,IAAI,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;AAErF,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,IAAI,gBAAqC,CAAC;AAC1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,EAAE;IACzC,IAAI,CAAC,gBAAgB,EAAE,EAAE;QACvB,OAAO,KAAK,CAAC;KACd;IAED,IAAI,gBAAgB,KAAK,SAAS,EAAE;QAClC,OAAO,gBAAgB,CAAC;KACzB;IAED,yCAAyC;IACzC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;IACpC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;IAE1B,iCAAiC;IACjC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhD,oDAAoD;IACpD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAChC,gBAAgB,GAAG,IAAI,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,qDAAqD;IACjG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhC,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC","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/tntd-form/_util/type.js

@@ -1,4 +1,3 @@
 // https://stackoverflow.com/questions/46176165/ways-to-get-string-literal-type-of-array-values-without-enum-overhead
 export const tuple = (...args) => args;
-export const tupleNum = (...args) => args;
-//# sourceMappingURL=type.js.map
+export const tupleNum = (...args) => args;

package/es/tntd-form/_util/warning.js

@@ -1,6 +1,5 @@
 import warning, { resetWarned } from 'rc-util/lib/warning';
 export { resetWarned };
-export default (valid, component, message) => {
-    warning(valid, `[antd: ${component}] ${message}`);
-};
-//# sourceMappingURL=warning.js.map
+export default ((valid, component, message) => {
+  warning(valid, `[antd: ${component}] ${message}`);
+});

package/es/tntd-form/_util/wave.js

@@ -1,4 +1,5 @@
 "use strict";
+
 // import * as React from 'react'
 // import { findDOMNode } from 'react-dom'
 // import TransitionEvents from 'css-animation/lib/Event'
@@ -164,5 +165,4 @@
 //   render() {
 //     return <ConfigConsumer>{this.renderWave}</ConfigConsumer>
 //   }
-// }
-//# sourceMappingURL=wave.js.map
+// }

package/es/tntd-form/context.js

@@ -3,33 +3,38 @@ import omit from 'rc-util/lib/omit';
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
 export const FormContext = React.createContext({
-    labelAlign: 'right',
-    vertical: false,
-    itemRef: (() => { }),
+  labelAlign: 'right',
+  vertical: false,
+  itemRef: () => {}
 });
 export const NoStyleItemContext = React.createContext(null);
-export const FormProvider = (props) => {
-    const providerProps = omit(props, ['prefixCls']);
-    return React.createElement(RcFormProvider, Object.assign({}, providerProps));
+export const FormProvider = props => {
+  const providerProps = omit(props, ['prefixCls']);
+  return React.createElement(RcFormProvider, Object.assign({}, providerProps));
 };
 export const FormItemPrefixContext = React.createContext({
-    prefixCls: '',
+  prefixCls: ''
 });
 export const FormItemInputContext = React.createContext({});
-export const NoFormStyle = ({ children, status, override }) => {
-    const formItemInputContext = useContext(FormItemInputContext);
-    const newFormItemInputContext = useMemo(() => {
-        const newContext = Object.assign({}, formItemInputContext);
-        if (override) {
-            delete newContext.isFormItemInput;
-        }
-        if (status) {
-            delete newContext.status;
-            delete newContext.hasFeedback;
-            delete newContext.feedbackIcon;
-        }
-        return newContext;
-    }, [status, override, formItemInputContext]);
-    return (React.createElement(FormItemInputContext.Provider, { value: newFormItemInputContext }, children));
-};
-//# sourceMappingURL=context.js.map
+export const NoFormStyle = ({
+  children,
+  status,
+  override
+}) => {
+  const formItemInputContext = useContext(FormItemInputContext);
+  const newFormItemInputContext = useMemo(() => {
+    const newContext = Object.assign({}, formItemInputContext);
+    if (override) {
+      delete newContext.isFormItemInput;
+    }
+    if (status) {
+      delete newContext.status;
+      delete newContext.hasFeedback;
+      delete newContext.feedbackIcon;
+    }
+    return newContext;
+  }, [status, override, formItemInputContext]);
+  return React.createElement(FormItemInputContext.Provider, {
+    value: newFormItemInputContext
+  }, children);
+};

package/es/tntd-form/grid/RowContext.js

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

package/es/tntd-form/grid/RowContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowContext.js","sourceRoot":"","sources":["../../../src/tntd-form/grid/RowContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQtC,MAAM,UAAU,GAA6B,aAAa,CAAC,EAAE,CAAC,CAAC;AAE/D,eAAe,UAAU,CAAC","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/tntd-form/grid/col.js

@@ -0,0 +1,104 @@
+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 '../../config-provider';
+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/tntd-form/grid/col.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"col.js","sourceRoot":"","sources":["../../../src/tntd-form/grid/col.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport * as React from 'react';\n// import { ConfigContext } from '../../config-provider';\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/tntd-form/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/tntd-form/grid/hooks/useBreakpoint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../../src/tntd-form/grid/hooks/useBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAE9D,OAAO,iBAAiB,MAAM,+BAA+B,CAAC;AAE9D,SAAS,aAAa,CAAC,kBAA2B,IAAI;IACpD,MAAM,UAAU,GAAG,MAAM,CAAY,EAAE,CAAC,CAAC;IACzC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,iBAAiB,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE;YACzD,UAAU,CAAC,OAAO,GAAG,cAAc,CAAC;YACpC,IAAI,eAAe,EAAE;gBACnB,WAAW,EAAE,CAAC;aACf;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC,OAAO,CAAC;AAC5B,CAAC;AAED,eAAe,aAAa,CAAC","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/tntd-form/grid/index.js

@@ -0,0 +1,14 @@
+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
+};

package/es/tntd-form/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-form/grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,OAAO,SAAS,CAAA;AAEhB,uBAAuB;AACvB,SAAS,aAAa;IACpB,OAAO,qBAAqB,EAAE,CAAC;AACjC,CAAC;AAED,OAAO,EAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAY,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAEpB,eAAe,EAAE,aAAa,EAAE,CAAC","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/tntd-form/grid/row.js

@@ -0,0 +1,153 @@
+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/tntd-form/grid/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/tntd-form/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/tntd-form/grid/style/index.js

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

package/es/tntd-form/grid/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tntd-form/grid/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,cAAc,CAAC","sourcesContent":["import '../../style/index.less';\nimport './index.less';\n"]}

package/es/tntd-form/hooks/useDebounce.js

@@ -1,14 +1,13 @@
 import * as React from 'react';
 export default function useDebounce(value) {
-    const [cacheValue, setCacheValue] = React.useState(value);
-    React.useEffect(() => {
-        const timeout = setTimeout(() => {
-            setCacheValue(value);
-        }, value.length ? 0 : 10);
-        return () => {
-            clearTimeout(timeout);
-        };
-    }, [value]);
-    return cacheValue;
-}
-//# sourceMappingURL=useDebounce.js.map
+  const [cacheValue, setCacheValue] = React.useState(value);
+  React.useEffect(() => {
+    const timeout = setTimeout(() => {
+      setCacheValue(value);
+    }, value.length ? 0 : 10);
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [value]);
+  return cacheValue;
+}