@gmfe/react 2.14.17 → 2.14.19-beta.0

package/src/component/cascader/style.less

@@ -1,122 +1,122 @@
-.gm-cascader {
-  position: relative;
-  vertical-align: middle;
-
-  input {
-    padding-right: 20px;
-  }
-
-  &.gm-cascader-close {
-    input {
-      padding-right: 32px;
-    }
-  }
-
-  .gm-cascader-icon {
-    position: absolute;
-    display: block;
-    width: 10px;
-    height: 14px;
-    line-height: 1;
-    top: 8px;
-    color: @gm-color-third;
-    margin: auto 0;
-    cursor: pointer;
-  }
-
-  .gm-cascader-close-icon {
-    display: none;
-    right: 20px;
-  }
-
-  .gm-cascader-up-small,
-  .gm-cascader-down-small {
-    right: 5px;
-    display: none;
-  }
-
-  .gm-cascader-down-small {
-    display: block;
-  }
-
-  &:hover {
-    .gm-cascader-close-icon {
-      display: block;
-    }
-  }
-
-  &.gm-popover-active {
-    .gm-cascader-down-small {
-      display: none;
-    }
-
-    .gm-cascader-up-small {
-      display: block;
-    }
-  }
-}
-
-.gm-cascader-list {
-  height: 250px;
-
-  .list-group {
-    border: 1px solid @gm-border-color;
-    min-width: 120px;
-
-    &:not(:first-child) {
-      border-left: none;
-    }
-
-    .list-group-item {
-      padding: 5px 10px;
-      border: none;
-      border-radius: 0;
-      cursor: pointer;
-
-      &.hover {
-        background: #d7e8fc;
-      }
-    }
-  }
-}
-
-.gm-cascader-select {
-  &.disabled {
-    .selected {
-      opacity: 0.6;
-    }
-  }
-
-  .gm-cascader-input input[disabled] {
-    cursor: not-allowed;
-    background-color: #fff;
-  }
-
-  .gm-cascader-select-input {
-    padding: 5px 0 5px 10px;
-
-    input {
-      padding: 0;
-      padding-right: 20px;
-      border: none;
-      box-shadow: none;
-      width: 100%;
-      outline: none;
-      height: auto;
-    }
-
-    .selected {
-      background-color: @list-group-hover-bg;
-      padding: 0 5px;
-      margin-right: 12px;
-      border-radius: 4px;
-
-      .close {
-        right: -5px;
-        line-height: 1;
-        font-size: 15px;
-        padding-left: 2px;
-      }
-    }
-  }
-}
+.gm-cascader {
+  position: relative;
+  vertical-align: middle;
+
+  input {
+    padding-right: 20px;
+  }
+
+  &.gm-cascader-close {
+    input {
+      padding-right: 32px;
+    }
+  }
+
+  .gm-cascader-icon {
+    position: absolute;
+    display: block;
+    width: 10px;
+    height: 14px;
+    line-height: 1;
+    top: 8px;
+    color: @gm-color-third;
+    margin: auto 0;
+    cursor: pointer;
+  }
+
+  .gm-cascader-close-icon {
+    display: none;
+    right: 20px;
+  }
+
+  .gm-cascader-up-small,
+  .gm-cascader-down-small {
+    right: 5px;
+    display: none;
+  }
+
+  .gm-cascader-down-small {
+    display: block;
+  }
+
+  &:hover {
+    .gm-cascader-close-icon {
+      display: block;
+    }
+  }
+
+  &.gm-popover-active {
+    .gm-cascader-down-small {
+      display: none;
+    }
+
+    .gm-cascader-up-small {
+      display: block;
+    }
+  }
+}
+
+.gm-cascader-list {
+  height: 250px;
+
+  .list-group {
+    border: 1px solid @gm-border-color;
+    min-width: 120px;
+
+    &:not(:first-child) {
+      border-left: none;
+    }
+
+    .list-group-item {
+      padding: 5px 10px;
+      border: none;
+      border-radius: 0;
+      cursor: pointer;
+
+      &.hover {
+        background: #d7e8fc;
+      }
+    }
+  }
+}
+
+.gm-cascader-select {
+  &.disabled {
+    .selected {
+      opacity: 0.6;
+    }
+  }
+
+  .gm-cascader-input input[disabled] {
+    cursor: not-allowed;
+    background-color: #fff;
+  }
+
+  .gm-cascader-select-input {
+    padding: 5px 0 5px 10px;
+
+    input {
+      padding: 0;
+      padding-right: 20px;
+      border: none;
+      box-shadow: none;
+      width: 100%;
+      outline: none;
+      height: auto;
+    }
+
+    .selected {
+      background-color: @list-group-hover-bg;
+      padding: 0 5px;
+      margin-right: 12px;
+      border-radius: 4px;
+
+      .close {
+        right: -5px;
+        line-height: 1;
+        font-size: 15px;
+        padding-left: 2px;
+      }
+    }
+  }
+}

package/src/component/checkbox/checkbox.js

@@ -1,86 +1,86 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import _ from 'lodash'
-import classNames from 'classnames'
-
-class Checkbox extends React.Component {
-  render() {
-    const {
-      value,
-      checked,
-      onChange,
-      children,
-      name,
-      inline,
-      block,
-      disabled,
-      col,
-      indeterminate,
-      style,
-      className,
-      ...rest
-    } = this.props
-    const inner = (
-      <label
-        {...rest}
-        style={{
-          width: col ? `${100 / col}%` : 'auto',
-          ...style
-        }}
-        className={classNames(
-          'gm-checkbox',
-          {
-            'gm-checkbox-indeterminate': !checked && indeterminate,
-            'gm-checkbox-inline': inline,
-            'gm-checkbox-block': block,
-            disabled
-          },
-          className
-        )}
-      >
-        <input
-          className='gm-checkbox-input'
-          type='checkbox'
-          name={name}
-          value={value}
-          checked={checked || false}
-          onChange={onChange}
-          disabled={disabled}
-        />
-        <span className='gm-checkbox-span' />
-        {children}
-      </label>
-    )
-
-    if (!inline) {
-      return <div>{inner}</div>
-    }
-
-    return inner
-  }
-}
-
-Checkbox.propTypes = {
-  checked: PropTypes.bool,
-  onChange: PropTypes.func,
-  value: PropTypes.any,
-  disabled: PropTypes.bool,
-  children: PropTypes.any,
-  /** 半选状态，只控制样式。checked false 才有效 */
-  indeterminate: PropTypes.bool,
-  inline: PropTypes.bool,
-  /** 如果需要整行可点，则 */
-  block: PropTypes.bool,
-  /** 配合 group 用 */
-  col: PropTypes.number,
-  /** input name */
-  name: PropTypes.string,
-  className: PropTypes.string,
-  style: PropTypes.object
-}
-
-Checkbox.defaultProps = {
-  onChange: _.noop
-}
-
-export default Checkbox
+import React from 'react'
+import PropTypes from 'prop-types'
+import _ from 'lodash'
+import classNames from 'classnames'
+
+class Checkbox extends React.Component {
+  render() {
+    const {
+      value,
+      checked,
+      onChange,
+      children,
+      name,
+      inline,
+      block,
+      disabled,
+      col,
+      indeterminate,
+      style,
+      className,
+      ...rest
+    } = this.props
+    const inner = (
+      <label
+        {...rest}
+        style={{
+          width: col ? `${100 / col}%` : 'auto',
+          ...style
+        }}
+        className={classNames(
+          'gm-checkbox',
+          {
+            'gm-checkbox-indeterminate': !checked && indeterminate,
+            'gm-checkbox-inline': inline,
+            'gm-checkbox-block': block,
+            disabled
+          },
+          className
+        )}
+      >
+        <input
+          className='gm-checkbox-input'
+          type='checkbox'
+          name={name}
+          value={value}
+          checked={checked || false}
+          onChange={onChange}
+          disabled={disabled}
+        />
+        <span className='gm-checkbox-span' />
+        {children}
+      </label>
+    )
+
+    if (!inline) {
+      return <div>{inner}</div>
+    }
+
+    return inner
+  }
+}
+
+Checkbox.propTypes = {
+  checked: PropTypes.bool,
+  onChange: PropTypes.func,
+  value: PropTypes.any,
+  disabled: PropTypes.bool,
+  children: PropTypes.any,
+  /** 半选状态，只控制样式。checked false 才有效 */
+  indeterminate: PropTypes.bool,
+  inline: PropTypes.bool,
+  /** 如果需要整行可点，则 */
+  block: PropTypes.bool,
+  /** 配合 group 用 */
+  col: PropTypes.number,
+  /** input name */
+  name: PropTypes.string,
+  className: PropTypes.string,
+  style: PropTypes.object
+}
+
+Checkbox.defaultProps = {
+  onChange: _.noop
+}
+
+export default Checkbox

package/src/component/checkbox/checkbox_group.js

@@ -1,66 +1,66 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-import _ from 'lodash'
-
-class CheckboxGroup extends React.Component {
-  handleChange(checkboxValue) {
-    const { onChange, value } = this.props
-    if (value.indexOf(checkboxValue) > -1) {
-      onChange(_.without(value, checkboxValue))
-    } else {
-      onChange([...value, checkboxValue])
-    }
-  }
-
-  render() {
-    const {
-      name,
-      value,
-      onChange,
-      inline,
-      block,
-      col,
-      className,
-      children,
-      ...rest
-    } = this.props
-
-    const childList = React.Children.toArray(children)
-
-    return (
-      <div {...rest} className={classNames('gm-checkbox-group', className)}>
-        {_.map(childList, (child, i) => {
-          return React.cloneElement(child, {
-            index: i,
-            key: i,
-            checked: value.indexOf(child.props.value) > -1,
-            inline,
-            onChange: this.handleChange.bind(this, child.props.value),
-            name,
-            block,
-            col
-          })
-        })}
-      </div>
-    )
-  }
-}
-
-CheckboxGroup.propTypes = {
-  name: PropTypes.string.isRequired,
-  value: PropTypes.array.isRequired,
-  onChange: PropTypes.func,
-  inline: PropTypes.bool,
-  block: PropTypes.bool,
-  col: PropTypes.number,
-  children: PropTypes.any,
-  className: PropTypes.string,
-  style: PropTypes.object
-}
-
-CheckboxGroup.defaultProps = {
-  onChange: _.noop
-}
-
-export default CheckboxGroup
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import _ from 'lodash'
+
+class CheckboxGroup extends React.Component {
+  handleChange(checkboxValue) {
+    const { onChange, value } = this.props
+    if (value.indexOf(checkboxValue) > -1) {
+      onChange(_.without(value, checkboxValue))
+    } else {
+      onChange([...value, checkboxValue])
+    }
+  }
+
+  render() {
+    const {
+      name,
+      value,
+      onChange,
+      inline,
+      block,
+      col,
+      className,
+      children,
+      ...rest
+    } = this.props
+
+    const childList = React.Children.toArray(children)
+
+    return (
+      <div {...rest} className={classNames('gm-checkbox-group', className)}>
+        {_.map(childList, (child, i) => {
+          return React.cloneElement(child, {
+            index: i,
+            key: i,
+            checked: value.indexOf(child.props.value) > -1,
+            inline,
+            onChange: this.handleChange.bind(this, child.props.value),
+            name,
+            block,
+            col
+          })
+        })}
+      </div>
+    )
+  }
+}
+
+CheckboxGroup.propTypes = {
+  name: PropTypes.string.isRequired,
+  value: PropTypes.array.isRequired,
+  onChange: PropTypes.func,
+  inline: PropTypes.bool,
+  block: PropTypes.bool,
+  col: PropTypes.number,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  style: PropTypes.object
+}
+
+CheckboxGroup.defaultProps = {
+  onChange: _.noop
+}
+
+export default CheckboxGroup

package/src/component/checkbox/index.js

@@ -1,4 +1,4 @@
-import Checkbox from './checkbox'
-import CheckboxGroup from './checkbox_group'
-
-export { Checkbox, CheckboxGroup }
+import Checkbox from './checkbox'
+import CheckboxGroup from './checkbox_group'
+
+export { Checkbox, CheckboxGroup }