meixioacomponent 0.2.82 → 0.2.86

package/packages/components/style/element/index.css

@@ -1169,23 +1169,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  border: none !important;
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -1309,7 +1293,7 @@
   color: #8f959e;
 }
 .el-input__inner:hover {
-  border-color: #8f959e;
+  border-color: var(--color-primary);
 }
 .el-input__suffix {
   position: absolute;
@@ -1357,12 +1341,7 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
+
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -1867,9 +1846,7 @@
 .el-select .el-select__tags > span {
   display: contents;
 }
-.el-select:hover .el-input__inner {
-  border-color: #8f959e;
-}
+
 .el-select .el-input__inner {
   cursor: pointer;
   padding-right: 35px;
@@ -1968,7 +1945,6 @@
   text-overflow: ellipsis;
 }
 
-
 .el-select .el-tag__close.el-icon-close:hover {
   background-color: var(--color-error);
   color: var(--text-white);
@@ -2413,23 +2389,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  border: none !important;
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -2552,9 +2512,6 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
 
 .el-input__suffix {
   position: absolute;
@@ -2602,12 +2559,7 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
+
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -3977,7 +3929,7 @@
 }
 .el-menu-item.is-active {
   color: var(--color-primary);
-  background-color: var(--hover-gray);
+  background-color: var(--color-gray-d);
 }
 .el-menu-item.is-active i {
   color: inherit;
@@ -4082,23 +4034,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  border: none !important;
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -4221,9 +4157,6 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
 
 .el-input__suffix {
   position: absolute;
@@ -4271,12 +4204,7 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
+
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -4423,23 +4351,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  border: none !important;
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -4580,9 +4492,6 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
 
 .el-input__suffix {
   position: absolute;
@@ -4630,12 +4539,7 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
+
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -5770,23 +5674,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  border: none !important;
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -5895,10 +5783,10 @@
 }
 .el-input__inner {
   -webkit-appearance: none;
-  background-color: transparent;
+  background-color: var(--color-gray-s);
   background-image: none;
   border-radius: 4px;
-  border: 2px solid var(--font-color-ds);
+  border: 2px solid var(--color-gray-d);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: var(--font-color-d);
@@ -5927,9 +5815,6 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
 
 .el-input__suffix {
   position: absolute;
@@ -5977,12 +5862,7 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
+
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -6459,7 +6339,7 @@
   display: contents;
 }
 .el-select:hover .el-input__inner {
-  border-color: #8f959e;
+  border-color: var(--color-primary);
 }
 .el-select .el-input__inner {
   cursor: pointer;
@@ -6885,11 +6765,7 @@
 .el-button--medium.is-circle {
   padding: 10px;
 }
-.el-button--small {
-  padding: 9px 15px;
-  font-size: 12px;
-  border-radius: 3px;
-}
+
 .el-button--small.is-round {
   padding: 9px 15px;
 }
@@ -9727,15 +9603,16 @@
 .el-textarea__inner {
   display: block;
   resize: vertical;
-  padding: 5px 15px;
+  padding: 5px 0px;
   line-height: 1.5;
+  border: 0px !important;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   font-size: inherit;
+  font-weight: var(--font-weight-kg);
   color: var(--font-color-d);
   background-image: none;
-  border: 1px solid #bbbfc4;
   background-color: transparent;
   border-radius: 4px;
   -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -9863,9 +9740,6 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
 
 .el-input__suffix {
   position: absolute;
@@ -9914,8 +9788,8 @@
   border-color: var(--color-primary);
 }
 .el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
+  background-color: var(--color-table-header);
+  border-color: var(--color-gray-d);
   color: #8f959e;
   cursor: not-allowed;
 }
@@ -11472,23 +11346,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  border: none !important;
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -11611,9 +11469,6 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
 
 .el-input__suffix {
   position: absolute;
@@ -11661,12 +11516,6 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -12508,11 +12357,7 @@
 .el-button--medium.is-circle {
   padding: 10px;
 }
-.el-button--small {
-  padding: 9px 15px;
-  font-size: 12px;
-  border-radius: 3px;
-}
+
 .el-button--small.is-round {
   padding: 9px 15px;
 }
@@ -12665,23 +12510,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  border: none !important;
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -12804,10 +12633,6 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
-
 .el-input__suffix {
   position: absolute;
   height: 100%;
@@ -12854,12 +12679,7 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
+
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -15094,23 +14914,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  border: none !important;
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -15233,9 +15037,6 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
 
 .el-input__suffix {
   position: absolute;
@@ -15283,12 +15084,7 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
+
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -20123,23 +19919,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  border: none !important;
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -20262,9 +20042,6 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
 
 .el-input__suffix {
   position: absolute;
@@ -20312,12 +20089,7 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
+
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -22002,22 +21774,7 @@
   vertical-align: bottom;
   font-size: 14px;
 }
-.el-textarea__inner {
-  display: block;
-  resize: vertical;
-  padding: var(--padding-1) 0px !important;
-  line-height: 1.5;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  font-size: inherit;
-  color: var(--font-color-d);
-  background-color: transparent;
-  background-image: none;
-  border-radius: 4px;
-  -webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
+
 .el-textarea__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -22140,9 +21897,7 @@
 .el-input__inner::placeholder {
   color: #8f959e;
 }
-.el-input__inner:hover {
-  border-color: #8f959e;
-}
+
 .el-input__inner:focus {
   outline: 3px solid var(--hover-light-primary);
   border-color: var(--color-primary);
@@ -22193,12 +21948,7 @@
   outline: 0;
   border-color: var(--color-primary);
 }
-.el-input.is-disabled .el-input__inner {
-  background-color: var(--hover-gray);
-  border-color: #bbbfc4;
-  color: #8f959e;
-  cursor: not-allowed;
-}
+
 .el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
   color: #8f959e;
 }
@@ -22351,6 +22101,7 @@
   box-sizing: border-box;
   outline: 0;
   margin: 0;
+  border: none !important;
   -webkit-transition: 0.1s;
   transition: 0.1s;
   font-weight: 500;
@@ -22608,6 +22359,12 @@
   color: var(--bg-white);
   outline: 0;
 }
+.el-button:focus,
+.el-button:hover {
+  background-color: var(--color-gray-d);
+  border-color: var(--color-gray-d);
+  color: var(--font-color-d);
+}
 .el-button--danger.is-plain.is-disabled,
 .el-button--danger.is-plain.is-disabled:active,
 .el-button--danger.is-plain.is-disabled:focus,
@@ -22675,11 +22432,7 @@
 .el-button--medium.is-circle {
   padding: 10px;
 }
-.el-button--small {
-  padding: 9px 15px;
-  font-size: 12px;
-  border-radius: 3px;
-}
+
 .el-button--small.is-round {
   padding: 9px 15px;
 }
@@ -23886,6 +23639,21 @@
 .el-button [class*="el-icon-"] + span {
   margin-left: 5px;
 }
+
+
+.el-button--bg-icon:focus, .el-button--bg-icon:hover {
+  background: var(--hover-light-primary) !important;
+  color: var(--color-primary) !important;
+}
+.el-button--bg-icon.is-current{
+  background: var(--hover-light-primary) !important;
+  color: var(--color-primary) !important;
+}
+
+
+
+
+
 .el-button.is-plain:focus,
 .el-button.is-plain:hover {
   background: #030d20;
@@ -24230,8 +23998,8 @@
   padding: 10px;
 }
 .el-button--small {
-  padding: 8px 14px;
-  font-size: 12px;
+  padding: var(--padding-4) calc(var(--padding-5) * 1.2);
+  font-size: var(--font-size-base);
   border-radius: 3px;
 }
 .el-button--small.is-round {

package/packages/components/style/theme/light.less

@@ -14,7 +14,7 @@
   // 灰色类型
   --color-gray-d: #dfe1e6;
   --color-gray-m: #f4f5f7;
-  --color-gray-s: #f7f7f7;
+  --color-gray-s: #fafbfc;
   // 字体颜色
   --font-color-d: #172b4d;
   --font-color-m: #344563;

package/packages/components/style/variables.less

@@ -1,6 +1,6 @@
 :root {
   //
-  --hover-gray: var(--color-gray-m);
+  --hover-gray: var(--color-gray-s);
   --hover-primary: var(--color-active-primary);
   // 阴影
   --shadow: 0px 2px 4px #0000001f, 0 0 6px #0000001f;
@@ -19,8 +19,8 @@
   --font-size-xl: calc(var(--font-size) * 2); // 字号-二级字号 20
   --font-size-xxl: calc(var(--font-size) * 3.6); // 字号-一级字号 36
   // 字号
-  --font-family: TencentSansW7, -apple-system, BlinkMacSystemFont, Segoe UI,
-    Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
+  --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+    Ubuntu, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
   // 图标尺寸
   --icon-size-s: 12px;
   --icon-size-base: 14px;
@@ -72,6 +72,6 @@
   // hover 主题色颜色
   --hover-light-primary: #e6eefa;
   // 选中色
-  --color-selected: #213f72;
+  --color-selected: #344563;
   --scrollbar-color: #4b4b4be6;
 }