@gmfe/react 2.14.17 → 2.14.19-beta.0

package/src/component/tip/index.js

@@ -1,168 +1,168 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import _ from 'lodash'
-import LayoutRoot from '../layout_root'
-import Flex from '../flex'
-
-const TipStatics = {
-  tip: function(options) {
-    const id = +new Date() + '' + Math.random()
-    const _onClose = options.onClose
-
-    options.onClose = () => {
-      LayoutRoot._removeComponentTip(id)
-      if (_onClose) {
-        _onClose()
-      }
-    }
-    LayoutRoot._setComponentTip(id, <TipOverlay {...options} />)
-
-    return id
-  },
-  success: function(options) {
-    if (typeof options === 'string') {
-      options = {
-        children: options
-      }
-    }
-    options.type = 'success'
-    return TipStatics.tip(options)
-  },
-  info: function(options) {
-    if (typeof options === 'string') {
-      options = {
-        children: options
-      }
-    }
-    options.type = 'info'
-    return TipStatics.tip(options)
-  },
-  warning: function(options) {
-    if (typeof options === 'string') {
-      options = {
-        children: options
-      }
-    }
-    options.type = 'warning'
-    return TipStatics.tip(options)
-  },
-  danger: function(options) {
-    if (typeof options === 'string') {
-      options = {
-        children: options
-      }
-    }
-    options.type = 'danger'
-    return TipStatics.tip(options)
-  },
-  clear(id) {
-    LayoutRoot._removeComponentTip(id)
-  },
-  clearAll() {
-    LayoutRoot._removeComponentTipAll()
-  }
-}
-
-class TipOverlay extends React.Component {
-  constructor(props) {
-    super(props)
-    this.timer = null
-    this.hasClosed = false
-    this.handleClose = ::this.handleClose
-  }
-
-  componentDidMount() {
-    const { time } = this.props
-    if (time) {
-      this.timer = setTimeout(() => this.fadeOut(), time)
-    }
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timer)
-  }
-
-  handleClose() {
-    this.fadeOut()
-  }
-
-  fadeOut() {
-    if (!this.hasClosed) {
-      this.hasClosed = true
-      this.props.onClose()
-    }
-  }
-
-  render() {
-    const { title, type, children } = this.props
-    return (
-      <Flex justifyEnd>
-        <Tip title={title} type={type} onClose={this.handleClose}>
-          {children}
-        </Tip>
-      </Flex>
-    )
-  }
-}
-
-TipOverlay.propTypes = {
-  title: PropTypes.string,
-  type: PropTypes.string,
-  onClose: PropTypes.func,
-  time: PropTypes.number,
-  children: PropTypes.any
-}
-
-TipOverlay.defaultProps = {
-  time: 3000
-}
-
-class Tip extends React.Component {
-  handleClose = () => {
-    this.props.onClose()
-  }
-
-  render() {
-    const { title, type, children } = this.props
-    const iconClassName = {
-      success: 'glyphicon glyphicon-ok-sign',
-      info: 'glyphicon glyphicon-info-sign',
-      warning: 'glyphicon glyphicon-exclamation-sign',
-      danger: 'glyphicon glyphicon-remove-sign'
-    }
-
-    return (
-      <div className='gm-tip panel panel-default gm-box-shadow-bottom'>
-        <button type='button' className='close' onClick={this.handleClose}>
-          <span>&times;</span>
-        </button>
-        <i className={'text-' + type + ' ' + iconClassName[type]} />
-        <div className='panel-body'>
-          {title ? (
-            <div>
-              <strong>{title}</strong>
-            </div>
-          ) : null}
-          {children}
-        </div>
-      </div>
-    )
-  }
-}
-
-Tip.propTypes = {
-  title: PropTypes.string,
-  type: PropTypes.string,
-  onClose: PropTypes.func,
-  children: PropTypes.any
-}
-
-Tip.defaultProps = {
-  title: '',
-  type: 'info',
-  onClose: _.noop
-}
-
-Object.assign(Tip, TipStatics)
-
-export default Tip
+import React from 'react'
+import PropTypes from 'prop-types'
+import _ from 'lodash'
+import LayoutRoot from '../layout_root'
+import Flex from '../flex'
+
+const TipStatics = {
+  tip: function(options) {
+    const id = +new Date() + '' + Math.random()
+    const _onClose = options.onClose
+
+    options.onClose = () => {
+      LayoutRoot._removeComponentTip(id)
+      if (_onClose) {
+        _onClose()
+      }
+    }
+    LayoutRoot._setComponentTip(id, <TipOverlay {...options} />)
+
+    return id
+  },
+  success: function(options) {
+    if (typeof options === 'string') {
+      options = {
+        children: options
+      }
+    }
+    options.type = 'success'
+    return TipStatics.tip(options)
+  },
+  info: function(options) {
+    if (typeof options === 'string') {
+      options = {
+        children: options
+      }
+    }
+    options.type = 'info'
+    return TipStatics.tip(options)
+  },
+  warning: function(options) {
+    if (typeof options === 'string') {
+      options = {
+        children: options
+      }
+    }
+    options.type = 'warning'
+    return TipStatics.tip(options)
+  },
+  danger: function(options) {
+    if (typeof options === 'string') {
+      options = {
+        children: options
+      }
+    }
+    options.type = 'danger'
+    return TipStatics.tip(options)
+  },
+  clear(id) {
+    LayoutRoot._removeComponentTip(id)
+  },
+  clearAll() {
+    LayoutRoot._removeComponentTipAll()
+  }
+}
+
+class TipOverlay extends React.Component {
+  constructor(props) {
+    super(props)
+    this.timer = null
+    this.hasClosed = false
+    this.handleClose = ::this.handleClose
+  }
+
+  componentDidMount() {
+    const { time } = this.props
+    if (time) {
+      this.timer = setTimeout(() => this.fadeOut(), time)
+    }
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.timer)
+  }
+
+  handleClose() {
+    this.fadeOut()
+  }
+
+  fadeOut() {
+    if (!this.hasClosed) {
+      this.hasClosed = true
+      this.props.onClose()
+    }
+  }
+
+  render() {
+    const { title, type, children } = this.props
+    return (
+      <Flex justifyEnd>
+        <Tip title={title} type={type} onClose={this.handleClose}>
+          {children}
+        </Tip>
+      </Flex>
+    )
+  }
+}
+
+TipOverlay.propTypes = {
+  title: PropTypes.string,
+  type: PropTypes.string,
+  onClose: PropTypes.func,
+  time: PropTypes.number,
+  children: PropTypes.any
+}
+
+TipOverlay.defaultProps = {
+  time: 3000
+}
+
+class Tip extends React.Component {
+  handleClose = () => {
+    this.props.onClose()
+  }
+
+  render() {
+    const { title, type, children } = this.props
+    const iconClassName = {
+      success: 'glyphicon glyphicon-ok-sign',
+      info: 'glyphicon glyphicon-info-sign',
+      warning: 'glyphicon glyphicon-exclamation-sign',
+      danger: 'glyphicon glyphicon-remove-sign'
+    }
+
+    return (
+      <div className='gm-tip panel panel-default gm-box-shadow-bottom'>
+        <button type='button' className='close' onClick={this.handleClose}>
+          <span>&times;</span>
+        </button>
+        <i className={'text-' + type + ' ' + iconClassName[type]} />
+        <div className='panel-body'>
+          {title ? (
+            <div>
+              <strong>{title}</strong>
+            </div>
+          ) : null}
+          {children}
+        </div>
+      </div>
+    )
+  }
+}
+
+Tip.propTypes = {
+  title: PropTypes.string,
+  type: PropTypes.string,
+  onClose: PropTypes.func,
+  children: PropTypes.any
+}
+
+Tip.defaultProps = {
+  title: '',
+  type: 'info',
+  onClose: _.noop
+}
+
+Object.assign(Tip, TipStatics)
+
+export default Tip

package/src/component/tip/stories.js

@@ -1,54 +1,54 @@
-import React from 'react'
-import { storiesOf } from '@storybook/react'
-import Tip from './index'
-import Button from '../button'
-
-storiesOf('Tip', module).add(
-  'default',
-  () => (
-    <div>
-      <div>
-        <Tip type='success'>啊啊啊</Tip>
-        <Tip type='info'>啊啊啊</Tip>
-        <Tip type='warning'>啊啊啊</Tip>
-        <Tip type='danger'>啊啊啊</Tip>
-        <Tip type='success' title='错误'>
-          啊啊啊
-        </Tip>
-      </div>
-      <Button onClick={() => (window.___lastTip = Tip.info('提示啦，提示啦'))}>
-        默认 3s 关闭
-      </Button>
-      <Button
-        onClick={() =>
-          (window.___lastTip = Tip.success({
-            children: '需要用户自行关闭的',
-            time: 0,
-            onClose: () => console.log('tip closed by user')
-          }))
-        }
-      >
-        需要用户自行关闭的
-      </Button>
-      <Button onClick={() => Tip.clear(window.___lastTip)}>
-        关闭指定 tip （比如最后一个tip）
-      </Button>
-    </div>
-  ),
-  {
-    info: {
-      text: `
-### Static
-
-方法返回 id ,可以通过 clear(id) 来关闭指定的 tip
-
-- \`success()\`
-- \`info()\`
-- \`warning()\`
-- \`danger()\`
-- \`clear(id)\`
-- \`clearAll()\`
-`
-    }
-  }
-)
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import Tip from './index'
+import Button from '../button'
+
+storiesOf('Tip', module).add(
+  'default',
+  () => (
+    <div>
+      <div>
+        <Tip type='success'>啊啊啊</Tip>
+        <Tip type='info'>啊啊啊</Tip>
+        <Tip type='warning'>啊啊啊</Tip>
+        <Tip type='danger'>啊啊啊</Tip>
+        <Tip type='success' title='错误'>
+          啊啊啊
+        </Tip>
+      </div>
+      <Button onClick={() => (window.___lastTip = Tip.info('提示啦，提示啦'))}>
+        默认 3s 关闭
+      </Button>
+      <Button
+        onClick={() =>
+          (window.___lastTip = Tip.success({
+            children: '需要用户自行关闭的',
+            time: 0,
+            onClose: () => console.log('tip closed by user')
+          }))
+        }
+      >
+        需要用户自行关闭的
+      </Button>
+      <Button onClick={() => Tip.clear(window.___lastTip)}>
+        关闭指定 tip （比如最后一个tip）
+      </Button>
+    </div>
+  ),
+  {
+    info: {
+      text: `
+### Static
+
+方法返回 id ,可以通过 clear(id) 来关闭指定的 tip
+
+- \`success()\`
+- \`info()\`
+- \`warning()\`
+- \`danger()\`
+- \`clear(id)\`
+- \`clearAll()\`
+`
+    }
+  }
+)

package/src/component/tip/style.less

@@ -1,41 +1,41 @@
-.gm-tip {
-  position: relative;
-  display: inline-block;
-  min-width: 250px;
-  cursor: pointer;
-}
-
-.gm-tip .panel-body {
-  padding-left: 40px;
-}
-
-.gm-tip .close {
-  margin-right: 5px;
-}
-
-.gm-tip i {
-  top: 50%;
-  position: absolute;
-  margin-top: -0.5em;
-  margin-left: 10px;
-  font-size: 2em;
-}
-
-.gm-tips {
-  position: fixed;
-  right: 10px;
-  top: 10px;
-  z-index: 7000;
-  max-width: 450px;
-}
-
-.gm-tips-cell {
-  float: right;
-  clear: both;
-}
-
-@media print {
-  .gm-tip {
-    display: none;
-  }
-}
+.gm-tip {
+  position: relative;
+  display: inline-block;
+  min-width: 250px;
+  cursor: pointer;
+}
+
+.gm-tip .panel-body {
+  padding-left: 40px;
+}
+
+.gm-tip .close {
+  margin-right: 5px;
+}
+
+.gm-tip i {
+  top: 50%;
+  position: absolute;
+  margin-top: -0.5em;
+  margin-left: 10px;
+  font-size: 2em;
+}
+
+.gm-tips {
+  position: fixed;
+  right: 10px;
+  top: 10px;
+  z-index: 7000;
+  max-width: 450px;
+}
+
+.gm-tips-cell {
+  float: right;
+  clear: both;
+}
+
+@media print {
+  .gm-tip {
+    display: none;
+  }
+}

package/src/component/tool_tip/index.js

@@ -1,58 +1,58 @@
-import React, { forwardRef } from 'react'
-import PropTypes from 'prop-types'
-import Popover from '../popover'
-import classNames from 'classnames'
-import SVGQuestionCircle from '../../../svg/question-circle-o.svg'
-
-const ToolTip = (props, ref) => {
-  const {
-    popup,
-    children,
-    right,
-    top,
-    center,
-    showArrow,
-    className,
-    ...rest
-  } = props
-
-  return (
-    <Popover
-      top={top}
-      ref={ref}
-      type='hover'
-      right={right}
-      offset={-8}
-      popup={popup}
-      center={center}
-      showArrow={showArrow}
-    >
-      {children !== undefined ? (
-        children
-      ) : (
-        <span {...rest} className={classNames('gm-text-desc', className)}>
-          <SVGQuestionCircle />
-        </span>
-      )}
-    </Popover>
-  )
-}
-
-ToolTip.propTypes = {
-  children: PropTypes.element,
-  popup: PropTypes.element,
-
-  right: PropTypes.bool,
-  top: PropTypes.bool,
-  center: PropTypes.bool,
-
-  showArrow: PropTypes.bool,
-  className: PropTypes.string,
-  style: PropTypes.object
-}
-
-ToolTip.defaultProps = {
-  showArrow: true
-}
-
-export default forwardRef(ToolTip)
+import React, { forwardRef } from 'react'
+import PropTypes from 'prop-types'
+import Popover from '../popover'
+import classNames from 'classnames'
+import SVGQuestionCircle from '../../../svg/question-circle-o.svg'
+
+const ToolTip = (props, ref) => {
+  const {
+    popup,
+    children,
+    right,
+    top,
+    center,
+    showArrow,
+    className,
+    ...rest
+  } = props
+
+  return (
+    <Popover
+      top={top}
+      ref={ref}
+      type='hover'
+      right={right}
+      offset={-8}
+      popup={popup}
+      center={center}
+      showArrow={showArrow}
+    >
+      {children !== undefined ? (
+        children
+      ) : (
+        <span {...rest} className={classNames('gm-text-desc', className)}>
+          <SVGQuestionCircle />
+        </span>
+      )}
+    </Popover>
+  )
+}
+
+ToolTip.propTypes = {
+  children: PropTypes.element,
+  popup: PropTypes.element,
+
+  right: PropTypes.bool,
+  top: PropTypes.bool,
+  center: PropTypes.bool,
+
+  showArrow: PropTypes.bool,
+  className: PropTypes.string,
+  style: PropTypes.object
+}
+
+ToolTip.defaultProps = {
+  showArrow: true
+}
+
+export default forwardRef(ToolTip)