tntd 2.7.30 → 2.7.31

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"]}