@gm-pc/react 1.25.1-beta.0 → 1.26.0-beta.0

package/src/css/svg.less

@@ -1,48 +1,48 @@
-.gm-svg-icon {
-  vertical-align: -0.125em;
-  font-size: inherit;
-}
-
-.gm-svg-icon-spin {
-  animation: gm-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;
-}
-
-@keyframes gm-icon-spin {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(359deg);
-  }
-}
+.gm-svg-icon {
+  vertical-align: -0.125em;
+  font-size: inherit;
+}
+
+.gm-svg-icon-spin {
+  animation: gm-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;
+}
+
+@keyframes gm-icon-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(359deg);
+  }
+}

package/src/css/text.less

@@ -1,127 +1,127 @@
-.gm-text {
-  color: var(--gm-color-default) !important;
-}
-
-.gm-text-red {
-  color: red !important;
-}
-
-.gm-text-primary {
-  color: var(--gm-color-primary) !important;
-}
-
-.gm-text-success {
-  color: var(--gm-color-success) !important;
-}
-
-.gm-text-danger {
-  color: var(--gm-color-danger) !important;
-}
-
-.gm-text-desc {
-  color: var(--gm-color-desc) !important;
-}
-
-.gm-text-black {
-  color: black !important;
-}
-
-.gm-text-white {
-  color: white !important;
-}
-
-.gm-text-hover-primary {
-  &:hover {
-    color: var(--gm-color-primary) !important;
-  }
-}
-
-.gm-text-helper {
-  color: var(--gm-color-secondary) !important;
-  font-size: 12px !important;
-}
-
-.gm-text-center {
-  text-align: center;
-}
-
-.gm-text-left {
-  text-align: left;
-}
-
-.gm-text-right {
-  text-align: right;
-}
-
-.gm-text-bold {
-  font-weight: bold;
-}
-
-.gm-text-ellipsis {
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap;
-}
-
-.gm-text-no-ellipsis {
-  white-space: normal;
-}
-
-// 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-text-placeholder {
-  color: var(--gm-color-placeholder);
-}
-
-.gm-placeholder-text {
-  &::placeholder {
-    color: var(--gm-color-placeholder);
-  }
-}
-
-.gm-decoration-none {
-  &:hover {
-    text-decoration: none;
-  }
-
-  &:focus {
-    text-decoration: none;
-  }
-}
-
-.gm-text-nowrap {
-  white-space: nowrap;
-}
+.gm-text {
+  color: var(--gm-color-default) !important;
+}
+
+.gm-text-red {
+  color: red !important;
+}
+
+.gm-text-primary {
+  color: var(--gm-color-primary) !important;
+}
+
+.gm-text-success {
+  color: var(--gm-color-success) !important;
+}
+
+.gm-text-danger {
+  color: var(--gm-color-danger) !important;
+}
+
+.gm-text-desc {
+  color: var(--gm-color-desc) !important;
+}
+
+.gm-text-black {
+  color: black !important;
+}
+
+.gm-text-white {
+  color: white !important;
+}
+
+.gm-text-hover-primary {
+  &:hover {
+    color: var(--gm-color-primary) !important;
+  }
+}
+
+.gm-text-helper {
+  color: var(--gm-color-secondary) !important;
+  font-size: 12px !important;
+}
+
+.gm-text-center {
+  text-align: center;
+}
+
+.gm-text-left {
+  text-align: left;
+}
+
+.gm-text-right {
+  text-align: right;
+}
+
+.gm-text-bold {
+  font-weight: bold;
+}
+
+.gm-text-ellipsis {
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap;
+}
+
+.gm-text-no-ellipsis {
+  white-space: normal;
+}
+
+// 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-text-placeholder {
+  color: var(--gm-color-placeholder);
+}
+
+.gm-placeholder-text {
+  &::placeholder {
+    color: var(--gm-color-placeholder);
+  }
+}
+
+.gm-decoration-none {
+  &:hover {
+    text-decoration: none;
+  }
+
+  &:focus {
+    text-decoration: none;
+  }
+}
+
+.gm-text-nowrap {
+  white-space: nowrap;
+}

package/src/css/var/mixin.less

@@ -1,75 +1,75 @@
-.gmClearFix() {
-  &::before,
-  &::after {
-    content: ' '; // 1
-    display: table; // 2
-    clear: both;
-  }
-}
-
-.gmDisabled() {
-  opacity: 0.5 !important;
-  cursor: not-allowed !important;
-}
-
-.gmDisabledWith() {
-  &.disabled,
-  &[disabled] {
-    .gmDisabled();
-  }
-}
-
-.gmDisabledBg() {
-  color: var(--gm-color-disabled) !important;
-  cursor: not-allowed !important;
-  background: var(--gm-color-bg-disabled) !important;
-}
-
-.gmDisabledBgWith() {
-  &.disabled,
-  &[disabled] {
-    .gmDisabledBg();
-  }
-}
-
-.gmDisabledBgAndOpacity() {
-  opacity: 0.5 !important;
-  cursor: not-allowed !important;
-  background: var(--gm-color-bg-disabled) !important;
-}
-
-.gmDisabledBgAndOpacityWith() {
-  &.disabled,
-  &[disabled] {
-    .gmDisabledBgAndOpacity();
-  }
-}
-
-.gmBorderRadius() {
-  border-radius: 2px;
-}
-
-// form
-.gmFormControl() {
-  // 布局
-  vertical-align: middle;
-  display: inline-block;
-  outline: none;
-  // color
-  color: var(--gm-color-default);
-  font-size: var(--gm-size-text-12);
-  background: var(--gm-color-bg-white);
-  border: 1px solid var(--gm-color-border);
-  border-radius: 2px;
-  // size
-  height: var(--gm-size-form-height);
-  line-height: var(--gm-size-form-height);
-  padding: 5px 10px;
-  margin: 0;
-  width: 100%;
-
-  // status
-  &:focus {
-    border-color: var(--gm-color-border-primary);
-  }
-}
+.gmClearFix() {
+  &::before,
+  &::after {
+    content: ' '; // 1
+    display: table; // 2
+    clear: both;
+  }
+}
+
+.gmDisabled() {
+  opacity: 0.5 !important;
+  cursor: not-allowed !important;
+}
+
+.gmDisabledWith() {
+  &.disabled,
+  &[disabled] {
+    .gmDisabled();
+  }
+}
+
+.gmDisabledBg() {
+  color: var(--gm-color-disabled) !important;
+  cursor: not-allowed !important;
+  background: var(--gm-color-bg-disabled) !important;
+}
+
+.gmDisabledBgWith() {
+  &.disabled,
+  &[disabled] {
+    .gmDisabledBg();
+  }
+}
+
+.gmDisabledBgAndOpacity() {
+  opacity: 0.5 !important;
+  cursor: not-allowed !important;
+  background: var(--gm-color-bg-disabled) !important;
+}
+
+.gmDisabledBgAndOpacityWith() {
+  &.disabled,
+  &[disabled] {
+    .gmDisabledBgAndOpacity();
+  }
+}
+
+.gmBorderRadius() {
+  border-radius: 2px;
+}
+
+// form
+.gmFormControl() {
+  // 布局
+  vertical-align: middle;
+  display: inline-block;
+  outline: none;
+  // color
+  color: var(--gm-color-default);
+  font-size: var(--gm-size-text-12);
+  background: var(--gm-color-bg-white);
+  border: 1px solid var(--gm-color-border);
+  border-radius: 2px;
+  // size
+  height: var(--gm-size-form-height);
+  line-height: var(--gm-size-form-height);
+  padding: 5px 10px;
+  margin: 0;
+  width: 100%;
+
+  // status
+  &:focus {
+    border-color: var(--gm-color-border-primary);
+  }
+}