@gmfe/react 2.14.20 → 2.14.26-beta.0

package/src/component/flip_number/utils.js

@@ -1,50 +1,50 @@
-import _ from 'lodash'
-import { is } from '@gm-common/tool'
-import Big from 'big.js'
-
-// 不能用Number.toLocaleString, 在oppo微信会报错!!
-function formatNum(number, decimals, useGroup) {
-  const num = Big(number).toFixed(decimals)
-
-  return useGroup
-    ? num
-        .toString()
-        .replace(/^\d+/g, m => m.replace(/(?=(?!^)(\d{3})+$)/g, ','))
-    : num
-}
-
-function getNumLength(str1, str2) {
-  return Math.max(str1.length, str2.length)
-}
-
-function filterForNum(strArr) {
-  return _.filter(strArr, item => is.number(item))
-}
-
-/**
- * @description 根据字符串返回相应的反转字符数组以及符号数组
- * @augments numStr 需要转换成数组的数字字符串
- * @augments length 需要转换成的长度
- */
-function getRawArray(numStr, length) {
-  const alignNum = (str, len) => {
-    return str.length < len ? alignNum(`0${str}`, len) : str
-  }
-  const symbolList = []
-  const rawStrArr = alignNum(numStr, length).split('')
-  _.forEach(rawStrArr, (item, index) => {
-    if (item === ',' || item === '.') {
-      symbolList.push({
-        symbol: item,
-        position: index
-      })
-    }
-  })
-  const rawList = filterForNum(rawStrArr).reverse()
-  _.forEach(symbolList, item => {
-    rawList.splice(item.position, 0, item.symbol)
-  })
-  return { rawList, symbolList }
-}
-
-export { formatNum, filterForNum, getNumLength, getRawArray }
+import _ from 'lodash'
+import { is } from '@gm-common/tool'
+import Big from 'big.js'
+
+// 不能用Number.toLocaleString, 在oppo微信会报错!!
+function formatNum(number, decimals, useGroup) {
+  const num = Big(number).toFixed(decimals)
+
+  return useGroup
+    ? num
+        .toString()
+        .replace(/^\d+/g, m => m.replace(/(?=(?!^)(\d{3})+$)/g, ','))
+    : num
+}
+
+function getNumLength(str1, str2) {
+  return Math.max(str1.length, str2.length)
+}
+
+function filterForNum(strArr) {
+  return _.filter(strArr, item => is.number(item))
+}
+
+/**
+ * @description 根据字符串返回相应的反转字符数组以及符号数组
+ * @augments numStr 需要转换成数组的数字字符串
+ * @augments length 需要转换成的长度
+ */
+function getRawArray(numStr, length) {
+  const alignNum = (str, len) => {
+    return str.length < len ? alignNum(`0${str}`, len) : str
+  }
+  const symbolList = []
+  const rawStrArr = alignNum(numStr, length).split('')
+  _.forEach(rawStrArr, (item, index) => {
+    if (item === ',' || item === '.') {
+      symbolList.push({
+        symbol: item,
+        position: index
+      })
+    }
+  })
+  const rawList = filterForNum(rawStrArr).reverse()
+  _.forEach(symbolList, item => {
+    rawList.splice(item.position, 0, item.symbol)
+  })
+  return { rawList, symbolList }
+}
+
+export { formatNum, filterForNum, getNumLength, getRawArray }

package/src/component/form/form.js

@@ -1,153 +1,153 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-import _ from 'lodash'
-import Validator from '../../validator'
-import { WrapContext } from './util'
-
-class Form extends React.Component {
-  constructor(props) {
-    super(props)
-    this.state = {
-      canValidate: false
-    }
-  }
-
-  apiDoValidate = () => {
-    const err = this.validateAll()
-    // 有错误才打开错误提示，没有错误则不打开
-    this.setState({
-      canValidate: !!err
-    })
-    return !err
-  }
-
-  getFormItemFields(children, formItems) {
-    _.each(React.Children.toArray(children), child => {
-      if (child.type && child.type.displayName === 'FormItem') {
-        formItems.push(child)
-      } else if (child.props && child.props.children) {
-        this.getFormItemFields(child.props.children, formItems)
-      }
-    })
-  }
-
-  validateAll() {
-    const { children } = this.props
-    const helpList = []
-    const formItems = []
-
-    this.getFormItemFields(children, formItems)
-
-    _.each(formItems, item => {
-      if (item.props.error) {
-        helpList.push({
-          label: item.props.label,
-          help: item.props.error
-        })
-      } else if (item.props.validate) {
-        let help = ''
-        if (item.props.required) {
-          help = item.props.validate(function(value) {
-            return Validator.validate(Validator.TYPE.required, value)
-          })
-        } else {
-          help = item.props.validate()
-        }
-        if (help) {
-          helpList.push({
-            label: item.props.label,
-            help
-          })
-        }
-      }
-    })
-
-    return helpList.length === 0 ? null : helpList
-  }
-
-  handleSubmit = e => {
-    e.preventDefault()
-    const { onSubmit, onSubmitValidated } = this.props
-
-    onSubmit && onSubmit(e)
-
-    const err = this.validateAll()
-    if (!err) {
-      onSubmitValidated && onSubmitValidated()
-    }
-
-    // 有错误才打开错误提示，没有错误则不打开
-    this.setState({
-      canValidate: !!err
-    })
-  }
-
-  render() {
-    const {
-      inline,
-      labelWidth,
-      disabledCol,
-      className,
-      children,
-      hasButtonInGroup,
-      onSubmitValidated, //eslint-disable-line
-      btnPosition,
-      colWidth,
-      ...rest
-    } = this.props
-
-    return (
-      <WrapContext.Provider
-        value={{
-          labelWidth,
-          disabledCol,
-          inline,
-          btnPosition,
-          colWidth,
-          canValidate: this.state.canValidate
-        }}
-      >
-        <form
-          {...rest}
-          className={classNames(
-            'gm-form',
-            {
-              'form-inline': inline
-            },
-            className
-          )}
-          onSubmit={this.handleSubmit}
-        >
-          {children}
-          {hasButtonInGroup && (
-            <button type='submit' style={{ display: 'none' }}>
-              button
-            </button>
-          )}
-        </form>
-      </WrapContext.Provider>
-    )
-  }
-}
-
-Form.propTypes = {
-  /** 默认处理了 event.preventDefault，避免犯低级错误 */
-  onSubmit: PropTypes.func,
-  /** 如果 FormItem 定义了 validate，则此方法就在所有验证通过后才调用 */
-  onSubmitValidated: PropTypes.func,
-  /** 行内模式，一般用不到。目前在 BoxForm 内部自动使用 */
-  inline: PropTypes.bool,
-  /** FormItem 默认一栏，会限定宽度。有些场景是不能限定宽度的，比如宽撑满一页，如果是启用此项 */
-  disabledCol: PropTypes.bool,
-  /** 自定义列宽 */
-  colWidth: PropTypes.string,
-  labelWidth: PropTypes.string,
-  /** 只在 FormGroup 下用。用于添加一个隐藏的按钮，响应 enter */
-  hasButtonInGroup: PropTypes.bool,
-  className: PropTypes.string,
-  style: PropTypes.object,
-  btnPosition: PropTypes.oneOf(['center', 'left', 'right'])
-}
-
-export default Form
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import _ from 'lodash'
+import Validator from '../../validator'
+import { WrapContext } from './util'
+
+class Form extends React.Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      canValidate: false
+    }
+  }
+
+  apiDoValidate = () => {
+    const err = this.validateAll()
+    // 有错误才打开错误提示，没有错误则不打开
+    this.setState({
+      canValidate: !!err
+    })
+    return !err
+  }
+
+  getFormItemFields(children, formItems) {
+    _.each(React.Children.toArray(children), child => {
+      if (child.type && child.type.displayName === 'FormItem') {
+        formItems.push(child)
+      } else if (child.props && child.props.children) {
+        this.getFormItemFields(child.props.children, formItems)
+      }
+    })
+  }
+
+  validateAll() {
+    const { children } = this.props
+    const helpList = []
+    const formItems = []
+
+    this.getFormItemFields(children, formItems)
+
+    _.each(formItems, item => {
+      if (item.props.error) {
+        helpList.push({
+          label: item.props.label,
+          help: item.props.error
+        })
+      } else if (item.props.validate) {
+        let help = ''
+        if (item.props.required) {
+          help = item.props.validate(function(value) {
+            return Validator.validate(Validator.TYPE.required, value)
+          })
+        } else {
+          help = item.props.validate()
+        }
+        if (help) {
+          helpList.push({
+            label: item.props.label,
+            help
+          })
+        }
+      }
+    })
+
+    return helpList.length === 0 ? null : helpList
+  }
+
+  handleSubmit = e => {
+    e.preventDefault()
+    const { onSubmit, onSubmitValidated } = this.props
+
+    onSubmit && onSubmit(e)
+
+    const err = this.validateAll()
+    if (!err) {
+      onSubmitValidated && onSubmitValidated()
+    }
+
+    // 有错误才打开错误提示，没有错误则不打开
+    this.setState({
+      canValidate: !!err
+    })
+  }
+
+  render() {
+    const {
+      inline,
+      labelWidth,
+      disabledCol,
+      className,
+      children,
+      hasButtonInGroup,
+      onSubmitValidated, //eslint-disable-line
+      btnPosition,
+      colWidth,
+      ...rest
+    } = this.props
+
+    return (
+      <WrapContext.Provider
+        value={{
+          labelWidth,
+          disabledCol,
+          inline,
+          btnPosition,
+          colWidth,
+          canValidate: this.state.canValidate
+        }}
+      >
+        <form
+          {...rest}
+          className={classNames(
+            'gm-form',
+            {
+              'form-inline': inline
+            },
+            className
+          )}
+          onSubmit={this.handleSubmit}
+        >
+          {children}
+          {hasButtonInGroup && (
+            <button type='submit' style={{ display: 'none' }}>
+              button
+            </button>
+          )}
+        </form>
+      </WrapContext.Provider>
+    )
+  }
+}
+
+Form.propTypes = {
+  /** 默认处理了 event.preventDefault，避免犯低级错误 */
+  onSubmit: PropTypes.func,
+  /** 如果 FormItem 定义了 validate，则此方法就在所有验证通过后才调用 */
+  onSubmitValidated: PropTypes.func,
+  /** 行内模式，一般用不到。目前在 BoxForm 内部自动使用 */
+  inline: PropTypes.bool,
+  /** FormItem 默认一栏，会限定宽度。有些场景是不能限定宽度的，比如宽撑满一页，如果是启用此项 */
+  disabledCol: PropTypes.bool,
+  /** 自定义列宽 */
+  colWidth: PropTypes.string,
+  labelWidth: PropTypes.string,
+  /** 只在 FormGroup 下用。用于添加一个隐藏的按钮，响应 enter */
+  hasButtonInGroup: PropTypes.bool,
+  className: PropTypes.string,
+  style: PropTypes.object,
+  btnPosition: PropTypes.oneOf(['center', 'left', 'right'])
+}
+
+export default Form