@gmfe/react 2.14.21-beta.1 → 2.14.26-beta.0

package/src/component/grid/row.js

@@ -1,44 +1,44 @@
-import React from 'react'
-import Flex from '../flex'
-import classNames from 'classnames'
-import PropTypes from 'prop-types'
-import { WrapContext } from './util'
-
-/**
- * Flex 布局
- *
- * Flex 的props都可用
- * */
-const Row = props => {
-  const { className, gutter, style, children, ...rest } = props
-  const rowStyle =
-    gutter > 0
-      ? { marginLeft: gutter / -2, marginRight: gutter / -2, ...style }
-      : style
-  return (
-    <WrapContext.Provider value={{ gutter }}>
-      <Flex
-        row
-        wrap
-        {...rest}
-        className={classNames('gm-grid-row', className)}
-        style={rowStyle}
-      >
-        {children}
-      </Flex>
-    </WrapContext.Provider>
-  )
-}
-
-Row.propTypes = {
-  style: PropTypes.object,
-  className: PropTypes.string,
-  /** 栅格间隔，可以写成像素值或支持响应式的对象写法 { xs: 8, sm: 16, md: 24}， 默认为10 */
-  gutter: PropTypes.oneOfType([PropTypes.object, PropTypes.number])
-}
-
-Row.defaultProps = {
-  gutter: 0
-}
-
-export default Row
+import React from 'react'
+import Flex from '../flex'
+import classNames from 'classnames'
+import PropTypes from 'prop-types'
+import { WrapContext } from './util'
+
+/**
+ * Flex 布局
+ *
+ * Flex 的props都可用
+ * */
+const Row = props => {
+  const { className, gutter, style, children, ...rest } = props
+  const rowStyle =
+    gutter > 0
+      ? { marginLeft: gutter / -2, marginRight: gutter / -2, ...style }
+      : style
+  return (
+    <WrapContext.Provider value={{ gutter }}>
+      <Flex
+        row
+        wrap
+        {...rest}
+        className={classNames('gm-grid-row', className)}
+        style={rowStyle}
+      >
+        {children}
+      </Flex>
+    </WrapContext.Provider>
+  )
+}
+
+Row.propTypes = {
+  style: PropTypes.object,
+  className: PropTypes.string,
+  /** 栅格间隔，可以写成像素值或支持响应式的对象写法 { xs: 8, sm: 16, md: 24}， 默认为10 */
+  gutter: PropTypes.oneOfType([PropTypes.object, PropTypes.number])
+}
+
+Row.defaultProps = {
+  gutter: 0
+}
+
+export default Row

package/src/component/grid/style.less

@@ -1,26 +1,26 @@
-@import './mixin';
-
-.gm-grid-row {
-  position: relative;
-  height: auto;
-  .clearfix();
-}
-
-.gm-grid(); // 不设置size时
-.gm-grid(-sm); // 默认的
-
-@media (min-width: @gm-screen-sm-min) {
-  .gm-grid(-sm);
-}
-
-@media (min-width: @gm-screen-md-min) {
-  .gm-grid(-md);
-}
-
-@media (min-width: @gm-screen-lg-min) {
-  .gm-grid(-lg);
-}
-
-@media (min-width: @gm-screen-xl-min) {
-  .gm-grid(-xl);
-}
+@import './mixin';
+
+.gm-grid-row {
+  position: relative;
+  height: auto;
+  .clearfix();
+}
+
+.gm-grid(); // 不设置size时
+.gm-grid(-sm); // 默认的
+
+@media (min-width: @gm-screen-sm-min) {
+  .gm-grid(-sm);
+}
+
+@media (min-width: @gm-screen-md-min) {
+  .gm-grid(-md);
+}
+
+@media (min-width: @gm-screen-lg-min) {
+  .gm-grid(-lg);
+}
+
+@media (min-width: @gm-screen-xl-min) {
+  .gm-grid(-xl);
+}

package/src/component/grid/util.js

@@ -1,11 +1,11 @@
-import React, { useContext } from 'react'
-const WrapContext = React.createContext(null)
-
-const withWrapContext = Component => {
-  return props => {
-    const consumer = useContext(WrapContext)
-    return <Component {...consumer} {...props} />
-  }
-}
-
-export { WrapContext, withWrapContext }
+import React, { useContext } from 'react'
+const WrapContext = React.createContext(null)
+
+const withWrapContext = Component => {
+  return props => {
+    const consumer = useContext(WrapContext)
+    return <Component {...consumer} {...props} />
+  }
+}
+
+export { WrapContext, withWrapContext }

package/src/component/icon_down_up/index.js

@@ -1,28 +1,28 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import SVGDown from '../../../svg/down.svg'
-import classNames from 'classnames'
-
-const IconDownUp = props => {
-  const { active, className, ...rest } = props
-  return (
-    <SVGDown
-      {...rest}
-      className={classNames(
-        'gm-icon-down-up',
-        {
-          active: props.active
-        },
-        className
-      )}
-    />
-  )
-}
-
-IconDownUp.propTypes = {
-  active: PropTypes.bool,
-  className: PropTypes.string,
-  style: PropTypes.object
-}
-
-export default IconDownUp
+import React from 'react'
+import PropTypes from 'prop-types'
+import SVGDown from '../../../svg/down.svg'
+import classNames from 'classnames'
+
+const IconDownUp = props => {
+  const { active, className, ...rest } = props
+  return (
+    <SVGDown
+      {...rest}
+      className={classNames(
+        'gm-icon-down-up',
+        {
+          active: props.active
+        },
+        className
+      )}
+    />
+  )
+}
+
+IconDownUp.propTypes = {
+  active: PropTypes.bool,
+  className: PropTypes.string,
+  style: PropTypes.object
+}
+
+export default IconDownUp

package/src/component/icon_down_up/stories.js

@@ -1,18 +1,18 @@
-import React from 'react'
-import { storiesOf } from '@storybook/react'
-import IconDownUp from './'
-import { observable } from 'mobx'
-
-const store = observable({
-  active: false,
-  toggle() {
-    this.active = !this.active
-  }
-})
-
-storiesOf('IconDownUp', module).add('default', () => (
-  <div>
-    <IconDownUp active={store.active} />
-    <button onClick={() => store.toggle()}>click</button>
-  </div>
-))
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import IconDownUp from './'
+import { observable } from 'mobx'
+
+const store = observable({
+  active: false,
+  toggle() {
+    this.active = !this.active
+  }
+})
+
+storiesOf('IconDownUp', module).add('default', () => (
+  <div>
+    <IconDownUp active={store.active} />
+    <button onClick={() => store.toggle()}>click</button>
+  </div>
+))

package/src/component/icon_down_up/style.less

@@ -1,8 +1,8 @@
-.gm-icon-down-up {
-  transform: rotate(0deg);
-  transition: 0.5s ease all;
-
-  &.active {
-    transform: rotate(180deg);
-  }
-}
+.gm-icon-down-up {
+  transform: rotate(0deg);
+  transition: 0.5s ease all;
+
+  &.active {
+    transform: rotate(180deg);
+  }
+}

package/src/component/image_preview/index.js

@@ -1,20 +1,20 @@
-import React from 'react'
-import PreviewModal from './preview_modal'
-import CleanModal from '../modal/clean_modal'
-
-const ImagePreview = props => {
-  CleanModal.render({
-    children: <PreviewModal {...props} onHide={CleanModal.hide} />,
-    show: true,
-    onHide: CleanModal.hide,
-    disableMaskClose: true,
-    style: {
-      background: 'rgba(0, 0, 0, 1)',
-      margin: '0',
-      width: '100%',
-      height: '100%'
-    }
-  })
-}
-
-export default ImagePreview
+import React from 'react'
+import PreviewModal from './preview_modal'
+import CleanModal from '../modal/clean_modal'
+
+const ImagePreview = props => {
+  CleanModal.render({
+    children: <PreviewModal {...props} onHide={CleanModal.hide} />,
+    show: true,
+    onHide: CleanModal.hide,
+    disableMaskClose: true,
+    style: {
+      background: 'rgba(0, 0, 0, 1)',
+      margin: '0',
+      width: '100%',
+      height: '100%'
+    }
+  })
+}
+
+export default ImagePreview