feat: multi-language layout

src/design/ant/index.less

@@ -13,20 +13,17 @@
   }
 }
 
-// .ant-form-item-label {
-//   text-align: unset;
-// }
-
 // =================================
 // ==============descriptions=======
 // =================================
-.ant-descriptions-bordered .ant-descriptions-item-label {
-  background-color: @background-color-light;
-}
+// .ant-descriptions-bordered .ant-descriptions-item-label {
+//   background-color: @background-color-light;
+// }
+
+// .ant-descriptions .ant-descriptions-item-content {
+//   color: @text-color-call-out;
+// }
 
-.ant-descriptions .ant-descriptions-item-content {
-  color: @text-color-call-out;
-}
 // =================================
 // ==============modal message======
 // =================================
@@ -46,68 +43,6 @@
   color: @primary-color !important;
 }
 
-.ant-modal-mask {
-  background-color: rgba(0, 0, 0, 0.2);
-}
-// =================================
-// ==============menu===============
-// =================================
-.ant-menu-item {
-  &-selected {
-    a {
-      color: @primary-color;
-
-      &:hover {
-        color: @primary-color;
-      }
-    }
-  }
-}
-// =================================
-// ==============dropdown===========
-// =================================
-.ant-dropdown {
-  .ant-divider {
-    margin: 4px 0;
-  }
-
-  &-menu-item {
-    line-height: 30px;
-    color: @text-color-call-out;
-
-    &:hover {
-      color: inherit;
-      background-color: @border-color-shallow-light;
-    }
-  }
-}
-// =================================
-// ==============back-top===========
-// =================================
-.ant-back-top {
-  right: 50px;
-  bottom: 60px;
-}
-// =================================
-// ==============calendar===========
-// =================================
-.ant-calendar-picker {
-  width: 100%;
-}
-// =================================
-// ==============tooltip============
-// =================================
-
-.ant-tooltip {
-  &-inner {
-    padding: 6px 16px;
-    line-height: 20px;
-    color: @white;
-    background: @text-color-base;
-    border-radius: 4px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  }
-}
 // =================================
 // ==============form===============
 // =================================

src/design/ant/input.less

@@ -5,24 +5,9 @@
 .ant-input {
   &-number {
     min-width: 110px;
-    border-color: @border-color-shallow-dark;
   }
 }
 
-.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
-  border-color: @info-color;
-}
-
-.ant-input-disabled,
-.ant-select-disabled .ant-select-selection,
-.ant-cascader-picker-label {
-  color: @text-color-base !important;
-}
-
-.ant-input-disabled {
-  background-color: @background-color-light;
-}
-
 .ant-input-affix-wrapper .ant-input-suffix {
   right: 9px;
 }

src/design/color.less

@@ -13,6 +13,9 @@
 }
 
 @white: #fff;
+
+@content-bg: #f0f2f5;
+
 @info-color: @primary-color;
 
 @basic-mask-color: fade(@white, 30%);
@@ -24,7 +27,7 @@
 @iconify-bg-color: #5551;
 
 // =================================
-// ==============border-color============
+// ==============border-color=======
 // =================================
 
 // Dark-dark

src/design/index.less

@@ -54,8 +54,7 @@ input::-ms-reveal {
 }
 
 body {
-  // font-family: 'Microsoft YaHei,微软雅黑,Arial,sans-serif,Helvetica Neue,Helvetica,Pingfang SC,Hiragino Sans GB';
-  font-family: '-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji';
+  font-family: 'BlinkMacSystemFont,segoe ui,Microsoft YaHei,Arial,sans-serif,Helvetica Neue,Helvetica,Pingfang SC,Hiragino Sans GB,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji';
   font-style: normal;
   font-weight: normal;
   line-height: 1.428571429; // 20/14
@@ -159,17 +158,3 @@ embed,
 object {
   vertical-align: baseline !important;
 }
-
-#app {
-  width: 100%;
-  height: 100%;
-}
-
-.ant-layout {
-  background: #f0f2f5;
-
-  // &-content {
-  //   position: relative;
-  //   overflow: hidden;
-  // }
-}

src/design/mixins.less

@@ -16,33 +16,33 @@
     color: @color;
   }
 }
-// 文本截断
+// Text truncation
 .text-truncate() {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-/* 强制不换行 */
+/* Force no line break */
 .word-nowrap() {
   word-wrap: normal;
   white-space: nowrap;
 }
 
-/* 强制换行 */
+/* Force line break */
 .break-all() {
   word-break: break-all;
   word-wrap: break-word;
   white-space: normal;
 }
 
-// 禁止选中
+// Prohibit selection
 .unselect() {
   cursor: pointer;
   user-select: none;
 }
 
-/* 适用于webkit内核和移动端 */
+/* Suitable for webkit core and mobile */
 .ellipsis-multiple(@num: 1) {
   display: -webkit-box;
   overflow: hidden;

src/design/public.less

@@ -1,8 +1,16 @@
+#app {
+  width: 100%;
+  height: 100%;
+}
+
 .app-svg-loading {
   position: relative;
   width: auto;
 }
 
+// =================================
+// ==============scrollbar==========
+// =================================
 ::-webkit-scrollbar {
   width: 6px;
   height: 6px;

src/design/reset.less

@@ -1,103 +0,0 @@
-@import 'var/link';
-@import './mixins/reset-text.less';
-@import 'color/index';
-.reset() {
-  html,
-  body {
-    width: 100%;
-    height: 100%;
-
-    &.color-weak {
-      filter: invert(80%);
-    }
-
-    &.gray-mode {
-      filter: grayscale(100%);
-      filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
-    }
-  }
-
-  input::-ms-clear,
-  input::-ms-reveal {
-    display: none;
-  }
-
-  body {
-    .reset-text();
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    margin-top: 0;
-    margin-bottom: 0.5em;
-    font-weight: 500;
-    color: @heading-color;
-  }
-
-  ul,
-  ol {
-    list-style: none;
-  }
-
-  li {
-    list-style-type: none;
-  }
-
-  img {
-    vertical-align: top;
-    border: 0;
-  }
-
-  table {
-    border-collapse: collapse;
-    border-spacing: 0;
-  }
-
-  a:focus,
-  a:active {
-    outline: none;
-  }
-
-  i,
-  em {
-    font-style: normal;
-  }
-
-  div:focus {
-    outline: none;
-  }
-
-  a {
-    color: @link-color;
-    text-decoration: @link-decoration;
-    cursor: pointer;
-    background-color: transparent; // remove the gray background on active links in IE 10.
-    outline: none;
-    transition: color 0.3s;
-    -webkit-text-decoration-skip: objects; // remove gaps in links underline in iOS 8+ and Safari 8+.
-
-    &:hover {
-      color: @link-hover-color;
-    }
-
-    &:active {
-      color: @link-active-color;
-    }
-
-    &:active,
-    &:hover {
-      text-decoration: @link-hover-decoration;
-      outline: 0;
-    }
-
-    &[disabled] {
-      color: @disabled-color;
-      pointer-events: none;
-      cursor: not-allowed;
-    }
-  }
-}

src/design/transition/base.less

@@ -1,11 +1,11 @@
 .transition-default() {
   &-enter-active,
   &-leave-active {
-    transition: 0.1s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
+    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1) !important;
   }
 
   &-move {
-    transition: transform 0.2s;
+    transition: transform 0.4s;
   }
 }
 

src/design/transition/fade.less

@@ -11,7 +11,7 @@
 /* fade-slide */
 .fade-slide-leave-active,
 .fade-slide-enter-active {
-  transition: all 0.2s;
+  transition: all 0.3s;
 }
 
 .fade-slide-enter-from {

src/design/var/index.less

@@ -13,6 +13,7 @@
 
 //
 @side-drag-z-index: 200;
+
 @page-loading-z-index: 10000;
 
 // left-menu