@gmfe/react 2.14.17 → 2.14.19-beta.0

package/src/component/uploader/uploader.stories.js

@@ -1,51 +1,51 @@
-import React from 'react'
-import { storiesOf } from '@storybook/react'
-import Uploader from './'
-import { observable } from 'mobx'
-import Button from '../button'
-const { DefaultImage } = Uploader
-
-const store = observable({
-  data: null,
-  setData() {
-    this.data =
-      'https://js.guanmai.cn/static_storage/json/common/logo/default/logo.pure.png'
-  }
-})
-
-storiesOf('Uploader', module)
-  .add('default', () => (
-    <Uploader onUpload={(files, e) => console.log(files, e)} accept='image/*' />
-  ))
-  .add('disabled', () => (
-    <Uploader
-      disabled
-      onUpload={(files, e) => console.log(files, e)}
-      accept='image/*'
-    />
-  ))
-  .add('自定义', () => (
-    <Uploader onUpload={(files, e) => console.log(files, e)} accept='.xlsx'>
-      <Button>自定义</Button>
-    </Uploader>
-  ))
-  .add('+图片', () => (
-    <Uploader onUpload={(files, e) => console.log(files, e)} accept='image/*'>
-      <DefaultImage />
-    </Uploader>
-  ))
-  .add('+图片替换上传位置', () => (
-    <Uploader onUpload={() => store.setData()} accept='image/*'>
-      <DefaultImage>
-        {store.data && (
-          <img
-            src={store.data}
-            style={{
-              width: '100%',
-              height: '100%'
-            }}
-          />
-        )}
-      </DefaultImage>
-    </Uploader>
-  ))
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import Uploader from './'
+import { observable } from 'mobx'
+import Button from '../button'
+const { DefaultImage } = Uploader
+
+const store = observable({
+  data: null,
+  setData() {
+    this.data =
+      'https://js.guanmai.cn/static_storage/json/common/logo/default/logo.pure.png'
+  }
+})
+
+storiesOf('Uploader', module)
+  .add('default', () => (
+    <Uploader onUpload={(files, e) => console.log(files, e)} accept='image/*' />
+  ))
+  .add('disabled', () => (
+    <Uploader
+      disabled
+      onUpload={(files, e) => console.log(files, e)}
+      accept='image/*'
+    />
+  ))
+  .add('自定义', () => (
+    <Uploader onUpload={(files, e) => console.log(files, e)} accept='.xlsx'>
+      <Button>自定义</Button>
+    </Uploader>
+  ))
+  .add('+图片', () => (
+    <Uploader onUpload={(files, e) => console.log(files, e)} accept='image/*'>
+      <DefaultImage />
+    </Uploader>
+  ))
+  .add('+图片替换上传位置', () => (
+    <Uploader onUpload={() => store.setData()} accept='image/*'>
+      <DefaultImage>
+        {store.data && (
+          <img
+            src={store.data}
+            style={{
+              width: '100%',
+              height: '100%'
+            }}
+          />
+        )}
+      </DefaultImage>
+    </Uploader>
+  ))

package/src/css/arrow.less

@@ -1,56 +1,56 @@
-.gm-arrow-down {
-  position: absolute;
-  content: " ";
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-top: 5px solid @gm-color-third;
-  display: block;
-  width: 0;
-  height: 0;
-  top: 0;
-  right: 5px;
-  bottom: 0;
-  margin: auto 0;
-}
-
-.gm-arrow-up {
-  position: absolute;
-  content: " ";
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-bottom: 5px solid @gm-color-third;
-  display: block;
-  width: 0;
-  height: 0;
-  top: 0;
-  right: 5px;
-  bottom: 0;
-  margin: auto 0;
-}
-
-.gm-arrow-right {
-  position: absolute;
-  content: " ";
-  border-top: 5px solid transparent;
-  border-bottom: 5px solid transparent;
-  border-left: 5px solid @gm-color-third;
-  display: block;
-  width: 0;
-  height: 0;
-  top: 0;
-  right: 5px;
-  bottom: 0;
-  margin: auto 0;
-
-  &.active {
-    border-left: 5px solid white;
-  }
-}
-
-.GMArrowDown() {
-  position: relative;
-
-  &::after {
-    .gm-arrow-down();
-  }
-}
+.gm-arrow-down {
+  position: absolute;
+  content: " ";
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid @gm-color-third;
+  display: block;
+  width: 0;
+  height: 0;
+  top: 0;
+  right: 5px;
+  bottom: 0;
+  margin: auto 0;
+}
+
+.gm-arrow-up {
+  position: absolute;
+  content: " ";
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-bottom: 5px solid @gm-color-third;
+  display: block;
+  width: 0;
+  height: 0;
+  top: 0;
+  right: 5px;
+  bottom: 0;
+  margin: auto 0;
+}
+
+.gm-arrow-right {
+  position: absolute;
+  content: " ";
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+  border-left: 5px solid @gm-color-third;
+  display: block;
+  width: 0;
+  height: 0;
+  top: 0;
+  right: 5px;
+  bottom: 0;
+  margin: auto 0;
+
+  &.active {
+    border-left: 5px solid white;
+  }
+}
+
+.GMArrowDown() {
+  position: relative;
+
+  &::after {
+    .gm-arrow-down();
+  }
+}

package/src/css/bg.less

@@ -1,52 +1,52 @@
-// bg
-.gm-back-bg {
-  background-color: @gm-back-body-bg !important;
-}
-
-.gm-bg {
-  background-color: @body-bg !important;
-}
-
-.gm-bg-white {
-  background: white !important;
-}
-
-.gm-bg-primary {
-  background: @brand-primary !important;
-}
-
-.gm-bg-info {
-  background-color: #d9edf7 !important;
-}
-
-.gm-bg-invalid {
-  background-color: #ffd3cf !important;
-}
-
-.gm-bg-desc {
-  background-color: @gm-color-fourth !important;
-}
-
-.gm-bg-error {
-  background-color: @brand-danger !important;
-}
-
-.gm-bg-hover-primary:hover {
-  color: @brand-primary !important;
-  background: white !important;
-}
-
-.gm-bg-focus-primary:focus {
-  color: @brand-primary !important;
-  background: white !important;
-}
-
-.gm-bg-hover-focus-primary:hover,
-.gm-bg-hover-focus-primary:focus {
-  color: @brand-primary !important;
-  background: white !important;
-}
-
-.gm-hover-bg:hover {
-  background-color: @gm-back-body-bg !important;
-}
+// bg
+.gm-back-bg {
+  background-color: @gm-back-body-bg !important;
+}
+
+.gm-bg {
+  background-color: @body-bg !important;
+}
+
+.gm-bg-white {
+  background: white !important;
+}
+
+.gm-bg-primary {
+  background: @brand-primary !important;
+}
+
+.gm-bg-info {
+  background-color: #d9edf7 !important;
+}
+
+.gm-bg-invalid {
+  background-color: #ffd3cf !important;
+}
+
+.gm-bg-desc {
+  background-color: @gm-color-fourth !important;
+}
+
+.gm-bg-error {
+  background-color: @brand-danger !important;
+}
+
+.gm-bg-hover-primary:hover {
+  color: @brand-primary !important;
+  background: white !important;
+}
+
+.gm-bg-focus-primary:focus {
+  color: @brand-primary !important;
+  background: white !important;
+}
+
+.gm-bg-hover-focus-primary:hover,
+.gm-bg-hover-focus-primary:focus {
+  color: @brand-primary !important;
+  background: white !important;
+}
+
+.gm-hover-bg:hover {
+  background-color: @gm-back-body-bg !important;
+}

package/src/css/border.less

@@ -1,40 +1,40 @@
-// border
-.gm-border {
-  border: 1px solid @gm-border-color !important;
-}
-
-.gm-border-0 {
-  border: none !important;
-}
-
-.gm-border-top {
-  border-top: 1px solid @gm-border-color !important;
-}
-
-.gm-border-right {
-  border-right: 1px solid @gm-border-color !important;
-}
-
-.gm-border-bottom {
-  border-bottom: 1px solid @gm-border-color !important;
-}
-
-.gm-border-left {
-  border-left: 1px solid @gm-border-color !important;
-}
-
-.gm-border-top-0 {
-  border-top: none !important;
-}
-
-.gm-border-right-0 {
-  border-right: none !important;
-}
-
-.gm-border-bottom-0 {
-  border-bottom: none !important;
-}
-
-.gm-border-left-0 {
-  border-left: none !important;
-}
+// border
+.gm-border {
+  border: 1px solid @gm-border-color !important;
+}
+
+.gm-border-0 {
+  border: none !important;
+}
+
+.gm-border-top {
+  border-top: 1px solid @gm-border-color !important;
+}
+
+.gm-border-right {
+  border-right: 1px solid @gm-border-color !important;
+}
+
+.gm-border-bottom {
+  border-bottom: 1px solid @gm-border-color !important;
+}
+
+.gm-border-left {
+  border-left: 1px solid @gm-border-color !important;
+}
+
+.gm-border-top-0 {
+  border-top: none !important;
+}
+
+.gm-border-right-0 {
+  border-right: none !important;
+}
+
+.gm-border-bottom-0 {
+  border-bottom: none !important;
+}
+
+.gm-border-left-0 {
+  border-left: none !important;
+}