@gmfe/react 2.14.17 → 2.14.19-beta.0

package/src/component/loading/stories.js

@@ -1,46 +1,46 @@
-import React from 'react'
-import { storiesOf } from '@storybook/react'
-import Loading from './index'
-import LoadingChunk from './loading_chunk'
-import LoadingFullScreen from './loading_full_screen'
-import Button from '../button'
-
-storiesOf('Loading', module)
-  .add('default', () => <Loading />)
-  .add('size', () => <Loading size={100} />)
-  .add('LoadingChunk', () => (
-    <LoadingChunk loading size={60}>
-      <div
-        style={{
-          height: '100px'
-        }}
-      >
-        asdfasfafa
-      </div>
-    </LoadingChunk>
-  ))
-  .add('LoadingChunk with text', () => (
-    <LoadingChunk loading size={60} text='拼命加载中...'>
-      <div
-        style={{
-          height: '100px'
-        }}
-      >
-        asdfasfafa
-      </div>
-    </LoadingChunk>
-  ))
-  .add('LoadingFullScreen', () => (
-    <Button
-      onClick={() => {
-        LoadingFullScreen.render({
-          text: '拼命加载中...'
-        })
-        setTimeout(() => {
-          LoadingFullScreen.hide()
-        }, 3000)
-      }}
-    >
-      整页加载
-    </Button>
-  ))
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import Loading from './index'
+import LoadingChunk from './loading_chunk'
+import LoadingFullScreen from './loading_full_screen'
+import Button from '../button'
+
+storiesOf('Loading', module)
+  .add('default', () => <Loading />)
+  .add('size', () => <Loading size={100} />)
+  .add('LoadingChunk', () => (
+    <LoadingChunk loading size={60}>
+      <div
+        style={{
+          height: '100px'
+        }}
+      >
+        asdfasfafa
+      </div>
+    </LoadingChunk>
+  ))
+  .add('LoadingChunk with text', () => (
+    <LoadingChunk loading size={60} text='拼命加载中...'>
+      <div
+        style={{
+          height: '100px'
+        }}
+      >
+        asdfasfafa
+      </div>
+    </LoadingChunk>
+  ))
+  .add('LoadingFullScreen', () => (
+    <Button
+      onClick={() => {
+        LoadingFullScreen.render({
+          text: '拼命加载中...'
+        })
+        setTimeout(() => {
+          LoadingFullScreen.hide()
+        }, 3000)
+      }}
+    >
+      整页加载
+    </Button>
+  ))

package/src/component/loading/style.less

@@ -1,92 +1,92 @@
-.gm-loading {
-  text-align: center;
-}
-
-.gm-loading-path {
-  animation: gm-loading-dash 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke-width: 2;
-  stroke: @brand-primary;
-  stroke-linecap: round;
-}
-
-.gm-loading-circular {
-  width: 50px;
-  height: 50px;
-  animation: gm-loading-rotate 2s linear infinite;
-}
-
-.gm-loading-text {
-  color: @brand-primary;
-  margin: 3px 0;
-  font-size: 14px;
-  word-break: keep-all;
-}
-
-@keyframes gm-loading-rotate {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes gm-loading-dash {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
-}
-
-.gm-loading-body-overflow {
-  overflow: hidden;
-}
-
-.gm-loading-full-screen {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: rgba(255, 255, 255, 0.8);
-  z-index: 8000;
-
-  .gm-loading-spinner {
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    position: absolute;
-  }
-}
-
-.gm-loading-chunk {
-  position: relative;
-
-  .gm-loading-mask {
-    display: block;
-    position: absolute;
-    background-color: rgba(255, 255, 255, 0.8);
-    margin: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 90;
-  }
-
-  .gm-loading-position {
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    position: absolute;
-  }
-}
+.gm-loading {
+  text-align: center;
+}
+
+.gm-loading-path {
+  animation: gm-loading-dash 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke-width: 2;
+  stroke: @brand-primary;
+  stroke-linecap: round;
+}
+
+.gm-loading-circular {
+  width: 50px;
+  height: 50px;
+  animation: gm-loading-rotate 2s linear infinite;
+}
+
+.gm-loading-text {
+  color: @brand-primary;
+  margin: 3px 0;
+  font-size: 14px;
+  word-break: keep-all;
+}
+
+@keyframes gm-loading-rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes gm-loading-dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
+}
+
+.gm-loading-body-overflow {
+  overflow: hidden;
+}
+
+.gm-loading-full-screen {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background-color: rgba(255, 255, 255, 0.8);
+  z-index: 8000;
+
+  .gm-loading-spinner {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    position: absolute;
+  }
+}
+
+.gm-loading-chunk {
+  position: relative;
+
+  .gm-loading-mask {
+    display: block;
+    position: absolute;
+    background-color: rgba(255, 255, 255, 0.8);
+    margin: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 90;
+  }
+
+  .gm-loading-position {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    position: absolute;
+  }
+}

package/src/component/mask/index.js

@@ -1,34 +1,34 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import classNames from 'classnames'
-
-class Mask extends React.Component {
-  render() {
-    const { className, style, opacity, ...rest } = this.props
-
-    return (
-      <div
-        {...rest}
-        className={classNames('gm-mask', className)}
-        style={Object.assign(
-          {
-            background: `rgba(0,0,0, ${opacity})`
-          },
-          style
-        )}
-      />
-    )
-  }
-}
-
-Mask.propTypes = {
-  opacity: PropTypes.number,
-  className: PropTypes.string,
-  style: PropTypes.object
-}
-
-Mask.defaultProps = {
-  opacity: 0.5
-}
-
-export default Mask
+import React from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+
+class Mask extends React.Component {
+  render() {
+    const { className, style, opacity, ...rest } = this.props
+
+    return (
+      <div
+        {...rest}
+        className={classNames('gm-mask', className)}
+        style={Object.assign(
+          {
+            background: `rgba(0,0,0, ${opacity})`
+          },
+          style
+        )}
+      />
+    )
+  }
+}
+
+Mask.propTypes = {
+  opacity: PropTypes.number,
+  className: PropTypes.string,
+  style: PropTypes.object
+}
+
+Mask.defaultProps = {
+  opacity: 0.5
+}
+
+export default Mask

package/src/component/mask/style.less

@@ -1,10 +1,10 @@
-.gm-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1000;
-}
+.gm-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+}

package/src/component/modal/clean_modal.js

@@ -1,36 +1,36 @@
-import PropTypes from 'prop-types'
-import Modal from './index'
-import _ from 'lodash'
-
-const CleanModal = {}
-
-CleanModal.render = props => {
-  const cleanProps = {
-    ...props,
-    className: 'gm-modal-clean'
-  }
-  Modal.render(cleanProps)
-}
-
-CleanModal.hide = () => {
-  Modal.hide()
-}
-
-CleanModal.propTypes = {
-  show: PropTypes.bool.isRequired,
-  onHide: PropTypes.func,
-  disableMaskClose: PropTypes.bool,
-  size: PropTypes.string, // lg md sm
-  title: PropTypes.string,
-  okBtnClassName: PropTypes.string, // Modal confirm okbtn的className
-  noContentPadding: PropTypes.bool
-}
-
-CleanModal.defaultProps = {
-  onHide: _.noop,
-  size: 'md',
-  disableMaskClose: false,
-  noContentPadding: false
-}
-
-export default CleanModal
+import PropTypes from 'prop-types'
+import Modal from './index'
+import _ from 'lodash'
+
+const CleanModal = {}
+
+CleanModal.render = props => {
+  const cleanProps = {
+    ...props,
+    className: 'gm-modal-clean'
+  }
+  Modal.render(cleanProps)
+}
+
+CleanModal.hide = () => {
+  Modal.hide()
+}
+
+CleanModal.propTypes = {
+  show: PropTypes.bool.isRequired,
+  onHide: PropTypes.func,
+  disableMaskClose: PropTypes.bool,
+  size: PropTypes.string, // lg md sm
+  title: PropTypes.string,
+  okBtnClassName: PropTypes.string, // Modal confirm okbtn的className
+  noContentPadding: PropTypes.bool
+}
+
+CleanModal.defaultProps = {
+  onHide: _.noop,
+  size: 'md',
+  disableMaskClose: false,
+  noContentPadding: false
+}
+
+export default CleanModal