@gmfe/react 2.14.17 → 2.14.19-beta.0

package/src/css/overflow.less

@@ -1,23 +1,23 @@
-.gm-overflow {
-  overflow: auto;
-}
-
-.gm-overflow-hidden {
-  overflow: hidden;
-}
-
-.gm-overflow-x {
-  overflow-x: auto;
-}
-
-.gm-overflow-x-hidden {
-  overflow-x: hidden;
-}
-
-.gm-overflow-y {
-  overflow-y: auto;
-}
-
-.gm-overflow-y-hidden {
-  overflow-y: hidden;
-}
+.gm-overflow {
+  overflow: auto;
+}
+
+.gm-overflow-hidden {
+  overflow: hidden;
+}
+
+.gm-overflow-x {
+  overflow-x: auto;
+}
+
+.gm-overflow-x-hidden {
+  overflow-x: hidden;
+}
+
+.gm-overflow-y {
+  overflow-y: auto;
+}
+
+.gm-overflow-y-hidden {
+  overflow-y: hidden;
+}

package/src/css/position.less

@@ -1,11 +1,11 @@
-.gm-position-fixed {
-  position: fixed;
-}
-
-.gm-position-absolute {
-  position: absolute;
-}
-
-.gm-position-relative {
-  position: relative;
-}
+.gm-position-fixed {
+  position: fixed;
+}
+
+.gm-position-absolute {
+  position: absolute;
+}
+
+.gm-position-relative {
+  position: relative;
+}

package/src/css/rotate.less

@@ -1,28 +1,28 @@
-
-.gm-rotate-45 {
-  transform: rotate(45deg);
-}
-
-.gm-rotate-90 {
-  transform: rotate(90deg);
-}
-
-.gm-rotate-135 {
-  transform: rotate(135deg);
-}
-
-.gm-rotate-180 {
-  transform: rotate(180deg);
-}
-
-.gm-rotate-225 {
-  transform: rotate(225deg);
-}
-
-.gm-rotate-270 {
-  transform: rotate(270deg);
-}
-
-.gm-rotate-315 {
-  transform: rotate(315deg);
-}
+
+.gm-rotate-45 {
+  transform: rotate(45deg);
+}
+
+.gm-rotate-90 {
+  transform: rotate(90deg);
+}
+
+.gm-rotate-135 {
+  transform: rotate(135deg);
+}
+
+.gm-rotate-180 {
+  transform: rotate(180deg);
+}
+
+.gm-rotate-225 {
+  transform: rotate(225deg);
+}
+
+.gm-rotate-270 {
+  transform: rotate(270deg);
+}
+
+.gm-rotate-315 {
+  transform: rotate(315deg);
+}

package/src/css/shadow.less

@@ -1,11 +1,11 @@
-.gm-box-shadow-none {
-  box-shadow: none !important;
-}
-
-.gm-box-shadow-bottom {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
-}
-
-.gm-box-shadow-top {
-  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
-}
+.gm-box-shadow-none {
+  box-shadow: none !important;
+}
+
+.gm-box-shadow-bottom {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
+}
+
+.gm-box-shadow-top {
+  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
+}

package/src/css/stories.js

@@ -1,104 +1,104 @@
-import React from 'react'
-import { storiesOf } from '@storybook/react'
-
-storiesOf('className', module).add('default', () => <div />, {
-  info: {
-    text: `
-
-类名
-
-## BootStrap
-
-[BootStrap](https://v3.bootcss.com/css/)
-
-## Variables
-
-## text
-
-\`gm-text\` 
-
-\`gm-text-red\` \`gm-text-desc\` \`gm-text-black\` \`gm-text-white\`
-
-\`gm-text-helper\`
-
-\`gm-text-ellipsis\` \`gm-text-no-ellipsis\`
-
-\`gm-font-20\` \`gm-font-18\` \`gm-font-16\` \`gm-font-14\` \`gm-font-12\`
-
-\`gm-line-height-1\`
-
-\`gm-decoration-none\`
-
-\`gm-placeholder-text\`
-
-## distance
-
-size 0 5 10 15 20
-
-\`gm-gap-5\`
-
-\`gm-padding-0\` 
-
-\`gm-padding-top-0\` \`gm-padding-bottom-0\` \`gm-padding-left-0\` \`gm-padding-right-0\` 
-
-\`gm-padding-tb-0\` \`gm-padding-lr-0\`
-
- \`gm-margin-0\` 
- 
- \`gm-margin-top-0\` \`gm-margin-bottom-0\` \`gm-margin-left-0\` \`gm-margin-right-0\` 
- 
- \`gm-margin-tb-0\` \`gm-margin-lr-0\`
- 
- ## bg
- 
- \`gm-back-bg\` \`gm-bg\` \`gm-bg-white\` \`gm-hover-bg\`
-  
- \`gm-bg-info\` \`gm-bg-invalid\`
- 
- \`gm-bg-hover-primary\` \`gm-bg-focus-primary\` \`gm-bg-hover-focus-primary\`
- 
- \`gm-hover-bg\`
- 
- ## border
- 
- \`gm-border\` \`gm-border-0\`
- 
- \`gm-border-top\` \`gm-border-right\` \`gm-border-bottom\` \`gm-border-left\`
- 
- \`gm-border-top-0\` \`gm-border-right-0\` \`gm-border-bottom-0\` \`gm-border-left-0\`
- 
- ## display
- 
- \`gm-block\` \`gm-inline-block\` \`gm-inlne\`
- 
- ## cursor
- 
- \`gm-cursor\` \`gm-not-allowed\`
- 
- ## overflow
- 
- \`gm-overflow\` \`gm-overflow-hidden\` \`gm-overflow-x\` \`gm-overflow-x-hidden\` \`gm-overflow-y\` \`gm-overflow-y-hidden\`
- 
- ## shadow
- 
- \`gm-box-shadow-none\` \`gm-box-shadow-bottom\` \`gm-box-shadow-top\`
- 
- ## arrow
- 
- \`gm-arrow-down\` \`gm-arrow-up\` \`gm-arrow-right\`
- 
- ## rotate
- 
- \`gm-rotate-45\` 90 135 180 225 270 315
- 
- ## other
- 
- \`gm-invalid\`
- 
- \`gm-filter-blur\` \`gm-filter-blur-transition\`
- 
- \`gm-position-fixed\` \`gm-position-absolute\` \`gm-position-relative\`
-
-`
-  }
-})
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+
+storiesOf('className', module).add('default', () => <div />, {
+  info: {
+    text: `
+
+类名
+
+## BootStrap
+
+[BootStrap](https://v3.bootcss.com/css/)
+
+## Variables
+
+## text
+
+\`gm-text\` 
+
+\`gm-text-red\` \`gm-text-desc\` \`gm-text-black\` \`gm-text-white\`
+
+\`gm-text-helper\`
+
+\`gm-text-ellipsis\` \`gm-text-no-ellipsis\`
+
+\`gm-font-20\` \`gm-font-18\` \`gm-font-16\` \`gm-font-14\` \`gm-font-12\`
+
+\`gm-line-height-1\`
+
+\`gm-decoration-none\`
+
+\`gm-placeholder-text\`
+
+## distance
+
+size 0 5 10 15 20
+
+\`gm-gap-5\`
+
+\`gm-padding-0\` 
+
+\`gm-padding-top-0\` \`gm-padding-bottom-0\` \`gm-padding-left-0\` \`gm-padding-right-0\` 
+
+\`gm-padding-tb-0\` \`gm-padding-lr-0\`
+
+ \`gm-margin-0\` 
+ 
+ \`gm-margin-top-0\` \`gm-margin-bottom-0\` \`gm-margin-left-0\` \`gm-margin-right-0\` 
+ 
+ \`gm-margin-tb-0\` \`gm-margin-lr-0\`
+ 
+ ## bg
+ 
+ \`gm-back-bg\` \`gm-bg\` \`gm-bg-white\` \`gm-hover-bg\`
+  
+ \`gm-bg-info\` \`gm-bg-invalid\`
+ 
+ \`gm-bg-hover-primary\` \`gm-bg-focus-primary\` \`gm-bg-hover-focus-primary\`
+ 
+ \`gm-hover-bg\`
+ 
+ ## border
+ 
+ \`gm-border\` \`gm-border-0\`
+ 
+ \`gm-border-top\` \`gm-border-right\` \`gm-border-bottom\` \`gm-border-left\`
+ 
+ \`gm-border-top-0\` \`gm-border-right-0\` \`gm-border-bottom-0\` \`gm-border-left-0\`
+ 
+ ## display
+ 
+ \`gm-block\` \`gm-inline-block\` \`gm-inlne\`
+ 
+ ## cursor
+ 
+ \`gm-cursor\` \`gm-not-allowed\`
+ 
+ ## overflow
+ 
+ \`gm-overflow\` \`gm-overflow-hidden\` \`gm-overflow-x\` \`gm-overflow-x-hidden\` \`gm-overflow-y\` \`gm-overflow-y-hidden\`
+ 
+ ## shadow
+ 
+ \`gm-box-shadow-none\` \`gm-box-shadow-bottom\` \`gm-box-shadow-top\`
+ 
+ ## arrow
+ 
+ \`gm-arrow-down\` \`gm-arrow-up\` \`gm-arrow-right\`
+ 
+ ## rotate
+ 
+ \`gm-rotate-45\` 90 135 180 225 270 315
+ 
+ ## other
+ 
+ \`gm-invalid\`
+ 
+ \`gm-filter-blur\` \`gm-filter-blur-transition\`
+ 
+ \`gm-position-fixed\` \`gm-position-absolute\` \`gm-position-relative\`
+
+`
+  }
+})

package/src/css/svg.less

@@ -1,51 +1,51 @@
-.gm-svg-icon {
-  font-size: inherit;
-}
-
-.gm-svg-icon-spin {
-  animation: icon-spin 2s infinite linear;
-  display: inline-block;
-}
-
-.gm-svg-icon-stack {
-  position: relative;
-  display: inline-block;
-  width: 2em;
-  height: 2em;
-  line-height: 2em;
-  vertical-align: middle;
-}
-
-.gm-svg-icon-stack-1x,
-.gm-svg-icon-stack-2x {
-  position: absolute;
-  left: 0;
-  width: 100%;
-  text-align: center;
-}
-
-.gm-svg-icon-stack-1x {
-  line-height: inherit;
-}
-
-.gm-svg-icon-stack-2x {
-  font-size: 2em;
-}
-
-.gm-svg-icon-inverse {
-  color: white;
-}
-
-.glyphicon-spin {
-  animation: icon-spin 1000ms infinite linear;
-}
-
-@keyframes icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(359deg);
-  }
-}
+.gm-svg-icon {
+  font-size: inherit;
+}
+
+.gm-svg-icon-spin {
+  animation: icon-spin 2s infinite linear;
+  display: inline-block;
+}
+
+.gm-svg-icon-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+
+.gm-svg-icon-stack-1x,
+.gm-svg-icon-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+
+.gm-svg-icon-stack-1x {
+  line-height: inherit;
+}
+
+.gm-svg-icon-stack-2x {
+  font-size: 2em;
+}
+
+.gm-svg-icon-inverse {
+  color: white;
+}
+
+.glyphicon-spin {
+  animation: icon-spin 1000ms infinite linear;
+}
+
+@keyframes icon-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(359deg);
+  }
+}

package/src/css/text.less

@@ -1,120 +1,120 @@
-.gm-text {
-  color: @gm-color-first !important;
-}
-
-.gm-text-red {
-  color: red !important;
-}
-
-.gm-text-primary {
-  color: @brand-primary !important;
-}
-
-.gm-text-desc {
-  color: @gm-color-fourth !important;
-}
-
-.gm-text-black {
-  color: black !important;
-}
-
-.gm-text-white {
-  color: white !important;
-}
-
-.gm-text-hover-primary {
-  &:hover {
-    color: @brand-primary !important;
-  }
-}
-
-.gm-text-helper {
-  color: @gm-color-second !important;
-  font-size: 12px !important;
-}
-
-.gm-text-bold {
-  font-weight: bold;
-}
-
-// 会和上面重复
-.gm-text-first {
-  color: @gm-color-first !important;
-}
-
-.gm-text-second {
-  color: @gm-color-second !important;
-}
-
-.gm-text-third {
-  color: @gm-color-third !important;
-}
-
-.gm-text-fourth {
-  color: @gm-color-fourth !important;
-}
-
-.gm-text-ellipsis {
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap;
-}
-
-.gm-text-no-ellipsis {
-  white-space: normal;
-}
-
-.gm-text-bold {
-  font-weight: bold;
-}
-
-// gm-font-xx 慢慢废弃
-.gm-font-24,
-.gm-text-24 {
-  font-size: 24px !important;
-}
-
-.gm-font-20,
-.gm-text-20 {
-  font-size: 20px !important;
-}
-
-.gm-font-18,
-.gm-text-18 {
-  font-size: 18px !important;
-}
-
-.gm-font-16,
-.gm-text-16 {
-  font-size: 16px !important;
-}
-
-.gm-font-14,
-.gm-text-14 {
-  font-size: 14px !important;
-}
-
-.gm-font-12,
-.gm-text-12 {
-  font-size: 12px !important;
-}
-
-.gm-line-height-1 {
-  line-height: 1;
-}
-
-.gm-placeholder-text {
-  &::placeholder {
-    color: @gm-color-fourth;
-  }
-}
-
-.gm-decoration-none {
-  &:hover {
-    text-decoration: none;
-  }
-
-  &:focus {
-    text-decoration: none;
-  }
-}
+.gm-text {
+  color: @gm-color-first !important;
+}
+
+.gm-text-red {
+  color: red !important;
+}
+
+.gm-text-primary {
+  color: @brand-primary !important;
+}
+
+.gm-text-desc {
+  color: @gm-color-fourth !important;
+}
+
+.gm-text-black {
+  color: black !important;
+}
+
+.gm-text-white {
+  color: white !important;
+}
+
+.gm-text-hover-primary {
+  &:hover {
+    color: @brand-primary !important;
+  }
+}
+
+.gm-text-helper {
+  color: @gm-color-second !important;
+  font-size: 12px !important;
+}
+
+.gm-text-bold {
+  font-weight: bold;
+}
+
+// 会和上面重复
+.gm-text-first {
+  color: @gm-color-first !important;
+}
+
+.gm-text-second {
+  color: @gm-color-second !important;
+}
+
+.gm-text-third {
+  color: @gm-color-third !important;
+}
+
+.gm-text-fourth {
+  color: @gm-color-fourth !important;
+}
+
+.gm-text-ellipsis {
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap;
+}
+
+.gm-text-no-ellipsis {
+  white-space: normal;
+}
+
+.gm-text-bold {
+  font-weight: bold;
+}
+
+// gm-font-xx 慢慢废弃
+.gm-font-24,
+.gm-text-24 {
+  font-size: 24px !important;
+}
+
+.gm-font-20,
+.gm-text-20 {
+  font-size: 20px !important;
+}
+
+.gm-font-18,
+.gm-text-18 {
+  font-size: 18px !important;
+}
+
+.gm-font-16,
+.gm-text-16 {
+  font-size: 16px !important;
+}
+
+.gm-font-14,
+.gm-text-14 {
+  font-size: 14px !important;
+}
+
+.gm-font-12,
+.gm-text-12 {
+  font-size: 12px !important;
+}
+
+.gm-line-height-1 {
+  line-height: 1;
+}
+
+.gm-placeholder-text {
+  &::placeholder {
+    color: @gm-color-fourth;
+  }
+}
+
+.gm-decoration-none {
+  &:hover {
+    text-decoration: none;
+  }
+
+  &:focus {
+    text-decoration: none;
+  }
+}