tntd 2.7.32 → 2.8.0-beta.1

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

@@ -1,168 +0,0 @@
-"use strict";
-
-// import * as React from 'react'
-// import { findDOMNode } from 'react-dom'
-// import TransitionEvents from 'css-animation/lib/Event'
-// import raf from './raf'
-// import { ConfigConsumer, ConfigConsumerProps, CSPConfig } from '../../config-provider'
-// let styleForPesudo: HTMLStyleElement | null
-// // Where el is the DOM element you'd like to test for visibility
-// function isHidden(element: HTMLElement) {
-//   if (process.env.NODE_ENV === 'test') {
-//     return false
-//   }
-//   return !element || element.offsetParent === null
-// }
-// function isNotGrey(color: string) {
-//   // eslint-disable-next-line no-useless-escape
-//   const match = (color || '').match(/rgba?\((\d*), (\d*), (\d*)(, [\.\d]*)?\)/)
-//   if (match && match[1] && match[2] && match[3]) {
-//     return !(match[1] === match[2] && match[2] === match[3])
-//   }
-//   return true
-// }
-// export default class Wave extends React.Component<{ insertExtraNode?: boolean }> {
-//   private instance?: {
-//     cancel: () => void
-//   }
-//   private extraNode: HTMLDivElement
-//   private clickWaveTimeoutId: number
-//   private animationStartId: number
-//   private animationStart: boolean = false
-//   private destroy: boolean = false
-//   private csp?: CSPConfig
-//   componentDidMount() {
-//     const node = findDOMNode(this) as HTMLElement
-//     if (!node || node.nodeType !== 1) {
-//       return
-//     }
-//     this.instance = this.bindAnimationEvent(node)
-//   }
-//   componentWillUnmount() {
-//     if (this.instance) {
-//       this.instance.cancel()
-//     }
-//     if (this.clickWaveTimeoutId) {
-//       clearTimeout(this.clickWaveTimeoutId)
-//     }
-//     this.destroy = true
-//   }
-//   onClick = (node: HTMLElement, waveColor: string) => {
-//     if (!node || isHidden(node) || node.className.indexOf('-leave') >= 0) {
-//       return
-//     }
-//     const { insertExtraNode } = this.props
-//     this.extraNode = document.createElement('div')
-//     const { extraNode } = this
-//     extraNode.className = 'ant-click-animating-node'
-//     const attributeName = this.getAttributeName()
-//     node.setAttribute(attributeName, 'true')
-//     // Not white or transparnt or grey
-//     styleForPesudo = styleForPesudo || document.createElement('style')
-//     if (
-//       waveColor &&
-//       waveColor !== '#ffffff' &&
-//       waveColor !== 'rgb(255, 255, 255)' &&
-//       isNotGrey(waveColor) &&
-//       !/rgba\(\d*, \d*, \d*, 0\)/.test(waveColor) && // any transparent rgba color
-//       waveColor !== 'transparent'
-//     ) {
-//       // Add nonce if CSP exist
-//       if (this.csp && this.csp.nonce) {
-//         styleForPesudo.nonce = this.csp.nonce
-//       }
-//       extraNode.style.borderColor = waveColor
-//       styleForPesudo.innerHTML = `
-//       [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {
-//         --antd-wave-shadow-color: ${waveColor};
-//       }`
-//       if (!document.body.contains(styleForPesudo)) {
-//         document.body.appendChild(styleForPesudo)
-//       }
-//     }
-//     if (insertExtraNode) {
-//       node.appendChild(extraNode)
-//     }
-//     TransitionEvents.addStartEventListener(node, this.onTransitionStart)
-//     TransitionEvents.addEndEventListener(node, this.onTransitionEnd)
-//   }
-//   onTransitionStart = (e: AnimationEvent) => {
-//     if (this.destroy) return
-//     const node = findDOMNode(this) as HTMLElement
-//     if (!e || e.target !== node) {
-//       return
-//     }
-//     if (!this.animationStart) {
-//       this.resetEffect(node)
-//     }
-//   }
-//   onTransitionEnd = (e: AnimationEvent) => {
-//     if (!e || e.animationName !== 'fadeEffect') {
-//       return
-//     }
-//     this.resetEffect(e.target as HTMLElement)
-//   }
-//   getAttributeName() {
-//     const { insertExtraNode } = this.props
-//     return insertExtraNode ? 'ant-click-animating' : 'ant-click-animating-without-extra-node'
-//   }
-//   bindAnimationEvent = (node: HTMLElement) => {
-//     if (
-//       !node ||
-//       !node.getAttribute ||
-//       node.getAttribute('disabled') ||
-//       node.className.indexOf('disabled') >= 0
-//     ) {
-//       return
-//     }
-//     const onClick = (e: MouseEvent) => {
-//       // Fix radio button click twice
-//       if ((e.target as HTMLElement).tagName === 'INPUT' || isHidden(e.target as HTMLElement)) {
-//         return
-//       }
-//       this.resetEffect(node)
-//       // Get wave color from target
-//       const waveColor =
-//         getComputedStyle(node).getPropertyValue('border-top-color') || // Firefox Compatible
-//         getComputedStyle(node).getPropertyValue('border-color') ||
-//         getComputedStyle(node).getPropertyValue('background-color')
-//       this.clickWaveTimeoutId = window.setTimeout(() => this.onClick(node, waveColor), 0)
-//       raf.cancel(this.animationStartId)
-//       this.animationStart = true
-//       // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.
-//       this.animationStartId = raf(() => {
-//         this.animationStart = false
-//       }, 10)
-//     }
-//     node.addEventListener('click', onClick, true)
-//     return {
-//       cancel: () => {
-//         node.removeEventListener('click', onClick, true)
-//       },
-//     }
-//   }
-//   resetEffect(node: HTMLElement) {
-//     if (!node || node === this.extraNode || !(node instanceof Element)) {
-//       return
-//     }
-//     const { insertExtraNode } = this.props
-//     const attributeName = this.getAttributeName()
-//     node.setAttribute(attributeName, 'false') // edge has bug on `removeAttribute` #14466
-//     if (styleForPesudo) {
-//       styleForPesudo.innerHTML = ''
-//     }
-//     if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {
-//       node.removeChild(this.extraNode)
-//     }
-//     TransitionEvents.removeStartEventListener(node, this.onTransitionStart)
-//     TransitionEvents.removeEndEventListener(node, this.onTransitionEnd)
-//   }
-//   renderWave = ({ csp }: ConfigConsumerProps) => {
-//     const { children } = this.props
-//     this.csp = csp
-//     return children
-//   }
-//   render() {
-//     return <ConfigConsumer>{this.renderWave}</ConfigConsumer>
-//   }
-// }

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

@@ -1 +0,0 @@
-{"version":3,"file":"wave.js","sourceRoot":"","sources":["../../../src/tntd-form/_util/wave.tsx"],"names":[],"mappings":"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","sourcesContent":["// import * as React from 'react'\n// import { findDOMNode } from 'react-dom'\n// import TransitionEvents from 'css-animation/lib/Event'\n// import raf from './raf'\n// import { ConfigConsumer, ConfigConsumerProps, CSPConfig } from '../../config-provider'\n\n// let styleForPesudo: HTMLStyleElement | null\n\n// // Where el is the DOM element you'd like to test for visibility\n// function isHidden(element: HTMLElement) {\n//   if (process.env.NODE_ENV === 'test') {\n//     return false\n//   }\n//   return !element || element.offsetParent === null\n// }\n\n// function isNotGrey(color: string) {\n//   // eslint-disable-next-line no-useless-escape\n//   const match = (color || '').match(/rgba?\\((\\d*), (\\d*), (\\d*)(, [\\.\\d]*)?\\)/)\n//   if (match && match[1] && match[2] && match[3]) {\n//     return !(match[1] === match[2] && match[2] === match[3])\n//   }\n//   return true\n// }\n\n// export default class Wave extends React.Component<{ insertExtraNode?: boolean }> {\n//   private instance?: {\n//     cancel: () => void\n//   }\n\n//   private extraNode: HTMLDivElement\n\n//   private clickWaveTimeoutId: number\n\n//   private animationStartId: number\n\n//   private animationStart: boolean = false\n\n//   private destroy: boolean = false\n\n//   private csp?: CSPConfig\n\n//   componentDidMount() {\n//     const node = findDOMNode(this) as HTMLElement\n//     if (!node || node.nodeType !== 1) {\n//       return\n//     }\n//     this.instance = this.bindAnimationEvent(node)\n//   }\n\n//   componentWillUnmount() {\n//     if (this.instance) {\n//       this.instance.cancel()\n//     }\n//     if (this.clickWaveTimeoutId) {\n//       clearTimeout(this.clickWaveTimeoutId)\n//     }\n\n//     this.destroy = true\n//   }\n\n//   onClick = (node: HTMLElement, waveColor: string) => {\n//     if (!node || isHidden(node) || node.className.indexOf('-leave') >= 0) {\n//       return\n//     }\n//     const { insertExtraNode } = this.props\n//     this.extraNode = document.createElement('div')\n//     const { extraNode } = this\n//     extraNode.className = 'ant-click-animating-node'\n//     const attributeName = this.getAttributeName()\n//     node.setAttribute(attributeName, 'true')\n//     // Not white or transparnt or grey\n//     styleForPesudo = styleForPesudo || document.createElement('style')\n//     if (\n//       waveColor &&\n//       waveColor !== '#ffffff' &&\n//       waveColor !== 'rgb(255, 255, 255)' &&\n//       isNotGrey(waveColor) &&\n//       !/rgba\\(\\d*, \\d*, \\d*, 0\\)/.test(waveColor) && // any transparent rgba color\n//       waveColor !== 'transparent'\n//     ) {\n//       // Add nonce if CSP exist\n//       if (this.csp && this.csp.nonce) {\n//         styleForPesudo.nonce = this.csp.nonce\n//       }\n\n//       extraNode.style.borderColor = waveColor\n//       styleForPesudo.innerHTML = `\n//       [ant-click-animating-without-extra-node='true']::after, .ant-click-animating-node {\n//         --antd-wave-shadow-color: ${waveColor};\n//       }`\n//       if (!document.body.contains(styleForPesudo)) {\n//         document.body.appendChild(styleForPesudo)\n//       }\n//     }\n//     if (insertExtraNode) {\n//       node.appendChild(extraNode)\n//     }\n//     TransitionEvents.addStartEventListener(node, this.onTransitionStart)\n//     TransitionEvents.addEndEventListener(node, this.onTransitionEnd)\n//   }\n\n//   onTransitionStart = (e: AnimationEvent) => {\n//     if (this.destroy) return\n\n//     const node = findDOMNode(this) as HTMLElement\n//     if (!e || e.target !== node) {\n//       return\n//     }\n\n//     if (!this.animationStart) {\n//       this.resetEffect(node)\n//     }\n//   }\n\n//   onTransitionEnd = (e: AnimationEvent) => {\n//     if (!e || e.animationName !== 'fadeEffect') {\n//       return\n//     }\n//     this.resetEffect(e.target as HTMLElement)\n//   }\n\n//   getAttributeName() {\n//     const { insertExtraNode } = this.props\n//     return insertExtraNode ? 'ant-click-animating' : 'ant-click-animating-without-extra-node'\n//   }\n\n//   bindAnimationEvent = (node: HTMLElement) => {\n//     if (\n//       !node ||\n//       !node.getAttribute ||\n//       node.getAttribute('disabled') ||\n//       node.className.indexOf('disabled') >= 0\n//     ) {\n//       return\n//     }\n//     const onClick = (e: MouseEvent) => {\n//       // Fix radio button click twice\n//       if ((e.target as HTMLElement).tagName === 'INPUT' || isHidden(e.target as HTMLElement)) {\n//         return\n//       }\n//       this.resetEffect(node)\n//       // Get wave color from target\n//       const waveColor =\n//         getComputedStyle(node).getPropertyValue('border-top-color') || // Firefox Compatible\n//         getComputedStyle(node).getPropertyValue('border-color') ||\n//         getComputedStyle(node).getPropertyValue('background-color')\n//       this.clickWaveTimeoutId = window.setTimeout(() => this.onClick(node, waveColor), 0)\n\n//       raf.cancel(this.animationStartId)\n//       this.animationStart = true\n\n//       // Render to trigger transition event cost 3 frames. Let's delay 10 frames to reset this.\n//       this.animationStartId = raf(() => {\n//         this.animationStart = false\n//       }, 10)\n//     }\n//     node.addEventListener('click', onClick, true)\n//     return {\n//       cancel: () => {\n//         node.removeEventListener('click', onClick, true)\n//       },\n//     }\n//   }\n\n//   resetEffect(node: HTMLElement) {\n//     if (!node || node === this.extraNode || !(node instanceof Element)) {\n//       return\n//     }\n//     const { insertExtraNode } = this.props\n//     const attributeName = this.getAttributeName()\n//     node.setAttribute(attributeName, 'false') // edge has bug on `removeAttribute` #14466\n\n//     if (styleForPesudo) {\n//       styleForPesudo.innerHTML = ''\n//     }\n\n//     if (insertExtraNode && this.extraNode && node.contains(this.extraNode)) {\n//       node.removeChild(this.extraNode)\n//     }\n//     TransitionEvents.removeStartEventListener(node, this.onTransitionStart)\n//     TransitionEvents.removeEndEventListener(node, this.onTransitionEnd)\n//   }\n\n//   renderWave = ({ csp }: ConfigConsumerProps) => {\n//     const { children } = this.props\n//     this.csp = csp\n\n//     return children\n//   }\n\n//   render() {\n//     return <ConfigConsumer>{this.renderWave}</ConfigConsumer>\n//   }\n// }\n"]}

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

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

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

@@ -1 +0,0 @@
-{"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

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

@@ -1 +0,0 @@
-{"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

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

@@ -1 +0,0 @@
-{"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

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

@@ -1 +0,0 @@
-{"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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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"]}