@web-utils/component 2.0.13 → 2.0.14

package/dist/index.css

@@ -1,31 +1,16 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
 .address-input-wrapper {
   width: 100%;
 }
 .address-input-item-wrapper {
   padding-right: 5px;
 }
-.address-input-item-wrapper .el-cascader, .address-input-item-wrapper .el-input {
+.address-input-item-wrapper .el-cascader,
+.address-input-item-wrapper .el-input {
   width: 100%;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .aside-menu-item {
   padding: 8px 10px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .capsule-tab {
   display: inline;
   margin-right: 10px;
@@ -40,7 +25,7 @@
 }
 .capsule-tab .tab-item.active {
   color: #fff;
-  background-color: rgb(239, 102, 102);
+  background-color: #ef6666;
 }
 .capsule-tab .tab-item:first-child {
   border-radius: 12px 0 0 12px;
@@ -55,7 +40,6 @@
 .uploader {
   position: relative;
 }
-
 .uploader-btn {
   position: relative;
   display: inline-block;
@@ -70,9 +54,8 @@
   cursor: pointer;
 }
 .uploader-btn:hover {
-  background-color: rgb(0 0 0 / 8%);
+  background-color: #00000014;
 }
-
 .uploader-drop {
   position: relative;
   padding: 10px;
@@ -84,12 +67,6 @@
   background-color: #f7f7f7;
   border-color: #999;
 }
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
 .chunk-file-uploader-file {
   position: relative;
   height: 49px;
@@ -97,12 +74,9 @@
   line-height: 49px;
   border-bottom: 1px solid #cdcdcd;
 }
-.chunk-file-uploader-file[status=waiting] .chunk-file-uploader-file-pause, .chunk-file-uploader-file[status=uploading] .chunk-file-uploader-file-pause {
-  display: block;
-}
-.chunk-file-uploader-file[status=paused] .chunk-file-uploader-file-resume {
-  display: block;
-}
+.chunk-file-uploader-file[status=waiting] .chunk-file-uploader-file-pause,
+.chunk-file-uploader-file[status=uploading] .chunk-file-uploader-file-pause,
+.chunk-file-uploader-file[status=paused] .chunk-file-uploader-file-resume,
 .chunk-file-uploader-file[status=error] .chunk-file-uploader-file-retry {
   display: block;
 }
@@ -117,10 +91,10 @@
   width: 100%;
   height: 100%;
   background: #e2eeff;
-  transform: translateX(-100%);
+  transform: translate(-100%);
 }
 .chunk-file-uploader-file-progressing {
-  transition: all 0.4s linear;
+  transition: all .4s linear;
 }
 .chunk-file-uploader-file-info {
   position: relative;
@@ -131,17 +105,25 @@
   flex-direction: row;
 }
 .chunk-file-uploader-file-info:hover {
-  background-color: rgba(240, 240, 240, 0.2);
+  background-color: #f0f0f033;
 }
-.chunk-file-uploader-file-info i, .chunk-file-uploader-file-info em {
+.chunk-file-uploader-file-info i,
+.chunk-file-uploader-file-info em {
   font-style: normal;
 }
-.chunk-file-uploader-file-name, .chunk-file-uploader-file-size, .chunk-file-uploader-file-meta, .chunk-file-uploader-file-status, .chunk-file-uploader-file-actions {
+.chunk-file-uploader-file-name,
+.chunk-file-uploader-file-size,
+.chunk-file-uploader-file-meta,
+.chunk-file-uploader-file-status,
+.chunk-file-uploader-file-actions {
   position: relative;
   height: 100%;
   padding: 0 10px;
 }
-.chunk-file-uploader-file-size, .chunk-file-uploader-file-meta, .chunk-file-uploader-file-status, .chunk-file-uploader-file-actions {
+.chunk-file-uploader-file-size,
+.chunk-file-uploader-file-meta,
+.chunk-file-uploader-file-status,
+.chunk-file-uploader-file-actions {
   flex-shrink: 0;
 }
 .chunk-file-uploader-file-name {
@@ -159,29 +141,29 @@
   margin-right: 8px;
   vertical-align: top;
 }
-.chunk-file-uploader-file-icon::before {
+.chunk-file-uploader-file-icon:before {
   display: block;
   height: 100%;
-  color: #808080;
+  color: gray;
   font-size: 24px;
   line-height: 1;
   text-indent: 0;
-  content: "📃";
+  content: "\1f4c3";
 }
-.chunk-file-uploader-file-icon[icon=folder]::before {
-  content: "📂";
+.chunk-file-uploader-file-icon[icon=folder]:before {
+  content: "\1f4c2";
 }
-.chunk-file-uploader-file-icon[icon=image]::before {
-  content: "📊";
+.chunk-file-uploader-file-icon[icon=image]:before {
+  content: "\1f4ca";
 }
-.chunk-file-uploader-file-icon[icon=video]::before {
-  content: "📹";
+.chunk-file-uploader-file-icon[icon=video]:before {
+  content: "\1f4f9";
 }
-.chunk-file-uploader-file-icon[icon=audio]::before {
-  content: "🎵";
+.chunk-file-uploader-file-icon[icon=audio]:before {
+  content: "\1f3b5";
 }
-.chunk-file-uploader-file-icon[icon=document]::before {
-  content: "📋";
+.chunk-file-uploader-file-icon[icon=document]:before {
+  content: "\1f4cb";
 }
 .chunk-file-uploader-file-actions > span {
   display: none;
@@ -190,7 +172,7 @@
   height: 16px;
   margin-top: 16px;
   margin-right: 10px;
-  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAARkSURBVGje7ZnfS1NRHMAH4ptPkvQSuAdBkCxD8FUQJMEULUgzy1KyyPVQ4JMiiP4Bvg6EwUQQfMmwhwRDshwaKUjDVCgoSdDNHkzTJZ6+Z37Purve8+PeTb2TM/ggu+ew89l33x8H9BBCPG7GowXTJej3+wnDvEm0JuLC04+EYWftVAUv+fiCvDUdQR1BHUEdQR3BTIygvixoQS14XgTtthLVdpNWwXRLqvQ724LplFRtyrYF0yVpFLQrKRVMh6RZ0I6kkmCqklaCqpKZH0FX56Crq9jVfdDVk0RfFrSgFsxkQVmLcdKCVrKySCrryhPEyYShhzOcrFtG0EoilfHHk1CRU5rF6ZjNZhlVOW6RnMSVyyilKies4pO41diVy8wIujoHXV3FGdMHXTtJKLFYTLhZtq4vC1rwXApCZTIqgR6g1PBMCO9DL3bMMSqBHqDU8EyISDAHiGKvWwcCQG2KgjlAFCDAOhAAap0K5gKLphk8mqJgLrCIgoxRJ4J5wKpJ7gAoMkn5EBXBPGDVJHcAFJmkfIhQcAql1oBpTvTol9gG9pm4RHAKpdaAaU706JfYBvaZuJVgPQrt4sFlnOh5MC/p3lmJYD0K7eLBZZzoeTAv6d5ZnuAYHjpgEOnk5F0ufhG6v1ggOIaHDhhEOjl5l4tfhO4vthLcwAMrFNvLJO5vEwhu4IEViu1lEve3WQmyoihQFBzG/V0CQVYUBYqCw7i/SxTBcpsRbFeIYLnNCLZbCY5b5KAnxRwct8hBj9McZFVMW0ihRNBuFdMWUigRlFaxuQ9WWYjRMTiIe5z0wSoLMToGB3GPsA9aTZIJoB+nRgBnM1tzOkkmgH6cGgGczWzNpzqLx3n/aULJJgezeNw07oxQySbVywKjBOgFRnDs+VEsx8FlgVEC9AIjOPb8KJYjvSzoG7UW1IJaUAtqQS14toLNM5fN5APdwBJA8G83Pk/aK/rgzVvXzeQD3cASQPBvNz5P2ssTzAaGUIrHEO6zI5gNDKEUjyHcxxWkh4Ylcowwk1QQpIeGJXKMMJO0EgwqyjGCioJBJvDrxRMSuVOTJEXfbz1/bHwWtBL0yoQehK6RucgE+bGzanzulQh6E3IgQV+xpc8kcrfuSO7eTfJ3ZYmQw0Oy9azVKOk1C/bJ5D5F38YPeLfx0rjWJxHsS0SqsSYuxySjj5qO5Oj7xQWy2VBtFOwzCy6ryH3YfE3uh64Y1xckgstJPydEjkkeHv07Iy4Xaao15+KCWTBx6M/db+T9xivSErqaJDdzXI6yLRE8Vgg0coex/SPJvT0SbWu0KpZtbgSpCH3NRt7I5OxHkObc6heU+/M/J5vrpBFM5GBLqCQux14COXs5CNXK5OjPGm1tSMrJSOMNYQ4mVTGV/L6zTL7+DovkbFUxbSW0Wo05l8hJWsU+cRWfSh+Mt5Lb1ck/J1TvVsdDaR/MiEni+llsdZuZp62EViu+96bpNjNPWwmtVnzvFd5m9IVVC54x/wA7gNvqFG9vXQAAAABJRU5ErkJggg==") no-repeat 0 0;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAARkSURBVGje7ZnfS1NRHMAH4ptPkvQSuAdBkCxD8FUQJMEULUgzy1KyyPVQ4JMiiP4Bvg6EwUQQfMmwhwRDshwaKUjDVCgoSdDNHkzTJZ6+Z37Purve8+PeTb2TM/ggu+ew89l33x8H9BBCPG7GowXTJej3+wnDvEm0JuLC04+EYWftVAUv+fiCvDUdQR1BHUEdQR3BTIygvixoQS14XgTtthLVdpNWwXRLqvQ724LplFRtyrYF0yVpFLQrKRVMh6RZ0I6kkmCqklaCqpKZH0FX56Crq9jVfdDVk0RfFrSgFsxkQVmLcdKCVrKySCrryhPEyYShhzOcrFtG0EoilfHHk1CRU5rF6ZjNZhlVOW6RnMSVyyilKies4pO41diVy8wIujoHXV3FGdMHXTtJKLFYTLhZtq4vC1rwXApCZTIqgR6g1PBMCO9DL3bMMSqBHqDU8EyISDAHiGKvWwcCQG2KgjlAFCDAOhAAap0K5gKLphk8mqJgLrCIgoxRJ4J5wKpJ7gAoMkn5EBXBPGDVJHcAFJmkfIhQcAql1oBpTvTol9gG9pm4RHAKpdaAaU706JfYBvaZuJVgPQrt4sFlnOh5MC/p3lmJYD0K7eLBZZzoeTAv6d5ZnuAYHjpgEOnk5F0ufhG6v1ggOIaHDhhEOjl5l4tfhO4vthLcwAMrFNvLJO5vEwhu4IEViu1lEve3WQmyoihQFBzG/V0CQVYUBYqCw7i/SxTBcpsRbFeIYLnNCLZbCY5b5KAnxRwct8hBj9McZFVMW0ihRNBuFdMWUigRlFaxuQ9WWYjRMTiIe5z0wSoLMToGB3GPsA9aTZIJoB+nRgBnM1tzOkkmgH6cGgGczWzNpzqLx3n/aULJJgezeNw07oxQySbVywKjBOgFRnDs+VEsx8FlgVEC9AIjOPb8KJYjvSzoG7UW1IJaUAtqQS14toLNM5fN5APdwBJA8G83Pk/aK/rgzVvXzeQD3cASQPBvNz5P2ssTzAaGUIrHEO6zI5gNDKEUjyHcxxWkh4Ylcowwk1QQpIeGJXKMMJO0EgwqyjGCioJBJvDrxRMSuVOTJEXfbz1/bHwWtBL0yoQehK6RucgE+bGzanzulQh6E3IgQV+xpc8kcrfuSO7eTfJ3ZYmQw0Oy9azVKOk1C/bJ5D5F38YPeLfx0rjWJxHsS0SqsSYuxySjj5qO5Oj7xQWy2VBtFOwzCy6ryH3YfE3uh64Y1xckgstJPydEjkkeHv07Iy4Xaao15+KCWTBx6M/db+T9xivSErqaJDdzXI6yLRE8Vgg0coex/SPJvT0SbWu0KpZtbgSpCH3NRt7I5OxHkObc6heU+/M/J5vrpBFM5GBLqCQux14COXs5CNXK5OjPGm1tSMrJSOMNYQ4mVTGV/L6zTL7+DovkbFUxbSW0Wo05l8hJWsU+cRWfSh+Mt5Lb1ck/J1TvVsdDaR/MiEni+llsdZuZp62EViu+96bpNjNPWwmtVnzvFd5m9IVVC54x/wA7gNvqFG9vXQAAAABJRU5ErkJggg==) no-repeat 0 0;
   cursor: pointer;
 }
 .chunk-file-uploader-file-actions > span:hover {
@@ -217,7 +199,6 @@
   padding: 0;
   list-style: none;
 }
-
 .uploader-list {
   position: relative;
 }
@@ -226,18 +207,11 @@
   padding: 0;
   list-style: none;
 }
-
 .uploader-unsupport {
   position: relative;
   z-index: 10;
   overflow: hidden;
 }
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
 .code-mirror-editor {
   line-height: normal;
 }
@@ -248,12 +222,7 @@
 }
 .code-mirror-editor .CodeMirror.CodeMirror-focused {
   border-color: #e34e55;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .cm-container {
   position: fixed;
   z-index: 9999;
@@ -263,10 +232,10 @@
   position: absolute;
   top: 50%;
   right: 0;
-  width: 0.9em;
-  height: 0.9em;
+  width: .9em;
+  height: .9em;
   overflow: hidden;
-  vertical-align: -0.15em;
+  vertical-align: -.15em;
   transform: translateY(-50%);
   fill: currentcolor;
 }
@@ -298,7 +267,7 @@
   box-sizing: border-box;
   width: 100%;
   height: 100%;
-  padding: 0 0.8em;
+  padding: 0 .8em;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -313,7 +282,8 @@
   color: #fff;
   background-color: #666;
 }
-.cm-container .cm-ul-2, .cm-container .cm-ul-3 {
+.cm-container .cm-ul-2,
+.cm-container .cm-ul-3 {
   position: absolute;
   top: 0;
   z-index: 10000;
@@ -323,7 +293,7 @@
   left: 0;
   transform: translateY(-50%) rotate(180deg);
 }
-.cm-container .cm-underline li div::after {
+.cm-container .cm-underline li div:after {
   position: absolute;
   top: 0;
   left: 5%;
@@ -333,26 +303,20 @@
   background-color: #ccc;
   content: "";
 }
-.cm-container .cm-underline li div:hover::after, .cm-container .cm-underline > li:first-child > div::after {
+.cm-container .cm-underline li div:hover:after,
+.cm-container .cm-underline > li:first-child > div:after {
   display: none;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .border-bottom {
   border-bottom: 1px solid #d7dae0;
 }
-
-.clear-fix::after {
+.clear-fix:after {
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   content: " ";
 }
-
 .flex-row {
   display: flex;
   flex-direction: row;
@@ -367,11 +331,9 @@
 .flex-row.horizon-center {
   justify-content: center;
 }
-
 .text-center {
   text-align: center;
 }
-
 .flex-column {
   display: flex;
   flex-direction: column;
@@ -382,11 +344,10 @@
 .flex-column.horizon-center {
   align-items: center;
 }
-
-.flex-item, .flex-item-relative {
+.flex-item,
+.flex-item-relative {
   flex: 1 1 auto;
 }
-
 .flex-item-relative {
   position: relative;
 }
@@ -397,15 +358,9 @@
   bottom: 0;
   left: 0;
 }
-
 .flex-not-shrink {
   flex-shrink: 0;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .dynamic-table {
   display: flex;
   flex-direction: column;
@@ -414,7 +369,7 @@
 }
 .dynamic-table .dynamic-table-action-icon {
   margin-left: 10px;
-  font-weight: bold;
+  font-weight: 700;
   cursor: pointer;
 }
 .dynamic-table .el-form-item {
@@ -429,21 +384,11 @@
 .dynamic-table .el-input.is-disabled .el-input__inner {
   background-color: transparent;
   border: none;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .echarts {
   width: 100%;
   height: 100%;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .editable-progress {
   display: flex;
   flex-direction: column;
@@ -453,7 +398,8 @@
   background-color: #e4e7ed;
   border-radius: 100px;
 }
-.editable-progress .el-progress, .editable-progress .el-slider {
+.editable-progress .el-progress,
+.editable-progress .el-slider {
   width: 100%;
   font-weight: 700;
 }
@@ -463,7 +409,8 @@
 .editable-progress .el-progress-bar__outer {
   background-color: #e4e7ed;
 }
-.editable-progress .el-slider__bar, .editable-progress .el-slider__runway {
+.editable-progress .el-slider__bar,
+.editable-progress .el-slider__runway {
   height: 22px;
   border-radius: 100px;
 }
@@ -474,12 +421,7 @@
 .editable-progress .el-slider__button-wrapper .el-slider__button {
   width: 24px;
   height: 24px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .editable-tree {
   position: relative;
 }
@@ -541,7 +483,10 @@
   display: block;
   padding: 8px 20px 8px 8px;
   color: #242f42;
-  font: normal 11px tahoma, arial, sans-serif;
+  font:
+    11px tahoma,
+    arial,
+    sans-serif;
   line-height: 100%;
   white-space: nowrap;
   cursor: pointer;
@@ -555,12 +500,7 @@
   margin-right: 4px;
   font-weight: 700;
   font-size: 1.3em;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .element-dialog.el-dialog.el-dialog-resizeable {
   display: flex;
   flex-direction: column;
@@ -592,7 +532,8 @@
 .element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn:hover {
   background: #e34e55;
 }
-.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-full-screen, .element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-copy-document {
+.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-full-screen,
+.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-copy-document {
   padding: 4px;
   font-size: 13px;
 }
@@ -633,11 +574,11 @@
   align-items: center;
   padding: 4px 10px;
   font-size: 16px;
-  background-color: #409EFF;
+  background-color: #409eff;
 }
 .element-dialog.el-dialog .el-dialog__header .el-dialog__title {
   color: #fff;
-  font-weight: normal;
+  font-weight: 400;
   font-size: 16px;
 }
 .element-dialog.el-dialog .header-button-wrapper {
@@ -656,28 +597,8 @@
 }
 .element-dialog.el-dialog .header-button:hover {
   background: #e34e55;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.empty-view {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: #909399;
-  font-size: 20px;
-  background-color: #fff;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
+.empty-view,
 .error-view {
   position: relative;
   display: flex;
@@ -688,12 +609,7 @@
   color: #909399;
   font-size: 20px;
   background-color: #fff;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .flex-scroller-wrapper {
   position: relative;
   flex: 1 1 auto;
@@ -707,12 +623,7 @@
 }
 .flex-scroller-wrapper .flex-scroller.content-scroll {
   overflow: auto;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .form-checkbox-group.form-checkbox-group-row.form-checkbox-group-row-ellipsis .el-checkbox__label {
   overflow: hidden;
   white-space: nowrap;
@@ -757,38 +668,24 @@
 }
 .form-checkbox-group .el-checkbox__label {
   padding-left: 4px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .form-input-number.el-input-number {
   width: 100%;
 }
 .form-input-number.el-input-number .el-input__inner {
   text-align: left;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.form-item.el-form-item.required:not(.is-no-asterisk) .el-form-item__label::before {
+}
+.form-item.el-form-item.required:not(.is-no-asterisk) .el-form-item__label:before {
   margin-right: 4px;
   color: #f56c6c;
   content: "*";
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .form-item-group {
   margin-bottom: 10px;
   background-color: #fff;
 }
-.form-item-group.is-disabled .is-required .el-form-item__label::before, .form-item-group.is-disabled .required .el-form-item__label::before {
+.form-item-group.is-disabled .is-required .el-form-item__label:before,
+.form-item-group.is-disabled .required .el-form-item__label:before {
   display: none;
 }
 .form-item-group .form-item-group-row {
@@ -802,17 +699,12 @@
   margin: 0 0 10px;
   padding: 0 10px;
   color: #333;
-  font-weight: bold;
+  font-weight: 700;
   font-size: 14px;
   line-height: 30px;
   background-color: #f3f5fb;
   cursor: pointer;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .form-radio-group.inline {
   display: inline;
 }
@@ -859,12 +751,7 @@
 .form-radio-group .el-radio__label {
   padding-left: 0;
   line-height: 19px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .form-view {
   display: flex;
   flex-direction: column;
@@ -894,7 +781,7 @@
   padding-right: 0;
 }
 .form-view .form-card {
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 12px #0000001a;
   max-width: 1000px;
   margin: 14px auto;
   padding: 20px;
@@ -902,17 +789,17 @@
   background-color: #fff;
   border: 1px solid #ebeef5;
   border-radius: 4px;
-  transition: 0.3s;
+  transition: .3s;
 }
 .form-view .form-card.un-limit {
   max-width: 100%;
 }
 .form-view .form-nav {
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 12px #0000001a;
   position: absolute;
   top: 55px;
   left: 20px;
-  background-color: white;
+  background-color: #fff;
 }
 .form-view .form-nav-list {
   min-width: 180px;
@@ -922,7 +809,7 @@
   position: relative;
   padding: 5px 20px;
   color: #e34e55;
-  font-weight: bold;
+  font-weight: 700;
   font-size: 15px;
   background-color: #f3f5fb;
 }
@@ -932,11 +819,12 @@
   font-family: element-icons !important;
   cursor: pointer;
 }
-.form-view .form-nav-item.active, .form-view .form-nav-item:hover {
+.form-view .form-nav-item.active,
+.form-view .form-nav-item:hover {
   color: #e34e55;
-  font-weight: bold;
+  font-weight: 700;
 }
-.form-view .form-nav-item.active::before {
+.form-view .form-nav-item.active:before {
   position: absolute;
   left: -14px;
   content: "\e6e0";
@@ -983,11 +871,14 @@
 }
 .form-view .select-num .num {
   font-size: 19px;
-  font-family: impact, Constantia, Georgia;
+  font-family:
+    impact,
+    Constantia,
+    Georgia;
 }
 .form-view .el-table .el-table__header th {
   color: #595959;
-  font-weight: normal;
+  font-weight: 400;
   background: #fff;
 }
 .form-view .el-table td {
@@ -1003,8 +894,7 @@
   display: none;
 }
 .form-view .el-table td .cell .el-input.is-disabled .el-input__inner {
-  padding: 0;
-  padding-left: 4px;
+  padding: 0 0 0 4px;
   line-height: 1.6;
   white-space: normal;
   word-break: break-word;
@@ -1012,16 +902,11 @@
   border: 0;
 }
 @media screen and (min-width: 1700px) {
-.form-view.form-view__lg .form-card {
+  .form-view.form-view__lg .form-card {
     position: relative;
     left: 60px;
+  }
 }
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
 .guide-steps {
   margin-top: 20px;
   margin-bottom: 20px;
@@ -1049,12 +934,7 @@
 }
 .guide-steps .el-step.disabled .el-step__icon.is-text {
   cursor: not-allowed;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .icon-card {
   padding: 14px;
   border-radius: 4px;
@@ -1071,7 +951,7 @@
   line-height: 48px;
 }
 .icon-card .icon-card_color {
-  font-weight: bold;
+  font-weight: 700;
   font-size: 18px;
   cursor: pointer;
 }
@@ -1104,12 +984,7 @@
 }
 .icon-card.green .icon-card_color {
   color: #72c734;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .iframe-window.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body {
   position: relative;
   padding: 0;
@@ -1123,12 +998,7 @@
   width: 100%;
   height: 100%;
   border: none;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .image-viewer .image-item {
   display: inline-block;
   width: 100px;
@@ -1143,12 +1013,7 @@
 }
 .viewer-backdrop {
   background-color: #5e5e5e;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .el-input-number.input-number {
   display: block;
 }
@@ -1157,23 +1022,13 @@
 }
 .el-input-number.input-number .el-input {
   width: 100%;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .input-number-range {
   display: flex;
   flex-direction: row;
   align-items: center;
   width: 100%;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .loading-view {
   position: relative;
   display: flex;
@@ -1184,12 +1039,7 @@
   color: #909399;
   font-size: 20px;
   background-color: #fff;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .nav-bar {
   flex-shrink: 0;
   display: flex;
@@ -1200,12 +1050,7 @@
 }
 .nav-bar .el-button--text {
   margin-left: 12px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .not-implement {
   display: flex;
   align-items: center;
@@ -1214,94 +1059,16 @@
   color: gray;
   font-size: 3em;
   text-align: center;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .page {
   height: 100%;
 }
 .page.vertical {
   flex-direction: column;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.pageable-table {
-  flex: 1 1 auto;
-  position: relative;
-  height: 100%;
 }
 .pageable-table .single-select-column .el-radio__label {
   padding: 0;
 }
-.pageable-table.auto-height {
-  position: static;
-  height: auto;
-}
-.pageable-table.auto-height .el-table {
-  position: static;
-  min-height: 200px;
-}
-.pageable-table.auto-height .pageable-table-wrapper {
-  position: static;
-}
-.pageable-table .pageable-table-wrapper {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.pageable-table .el-pagination {
-  background-color: #fff;
-}
-.pageable-table .table-status-icon {
-  font-size: 20px;
-}
-.pageable-table .pageable-table-loading {
-  display: inline-flex;
-  align-items: center;
-}
-.pageable-table .pageable-table-error {
-  display: inline-flex;
-  align-items: center;
-  color: #f00;
-  border: 1px solid #fca4a4;
-}
-.pageable-table .pageable-table-error:hover {
-  background-color: #fff0f0;
-}
-.pageable-table .pageable-table-total {
-  padding: 0 10px 10px;
-}
-.pageable-table .underline {
-  position: relative;
-}
-.pageable-table .underline::after {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 1px;
-  background-color: #606266;
-  content: "";
-}
-.pageable-table .total {
-  padding: 10px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
 .pageable-table {
   flex: 1 1 auto;
   position: relative;
@@ -1340,7 +1107,7 @@
 .pageable-table .pageable-table-error {
   display: inline-flex;
   align-items: center;
-  color: #f00;
+  color: red;
   border: 1px solid #fca4a4;
 }
 .pageable-table .pageable-table-error:hover {
@@ -1352,7 +1119,7 @@
 .pageable-table .underline {
   position: relative;
 }
-.pageable-table .underline::after {
+.pageable-table .underline:after {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -1364,12 +1131,7 @@
 }
 .pageable-table .total {
   padding: 10px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .egd-page-header {
   height: 40px;
   margin: 0 10px;
@@ -1377,12 +1139,7 @@
 }
 .egd-page-header .align-end {
   justify-content: flex-end;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .page-index-content {
   display: flex;
   flex: 1 1 auto;
@@ -1397,14 +1154,9 @@
   justify-content: center;
   width: 100%;
   height: 100%;
-  color: #808080;
+  color: gray;
   font-size: 20px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .page-skeleton .page-content {
   position: relative;
   flex: 1 1 auto;
@@ -1421,12 +1173,7 @@
 }
 .page-skeleton .page-content.flex-row {
   display: flex;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .page-skeleton-new .page-skeleton-new-header {
   display: flex;
   flex-direction: row;
@@ -1462,12 +1209,7 @@
 }
 .page-skeleton-new .page-skeleton-new-page-content.flex-row {
   display: flex;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .pswp {
   z-index: 2147483647;
 }
@@ -1481,12 +1223,7 @@
 .pswp .error-img {
   width: 200px;
   margin-bottom: 10px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .resize-observer {
   position: absolute;
   top: 0;
@@ -1511,12 +1248,7 @@
   height: 100%;
   overflow: hidden;
   pointer-events: none;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .search-popover {
   border-radius: 4px;
   z-index: 100;
@@ -1531,7 +1263,7 @@
   top: 0;
   left: 0;
   transform: translate3d(calc((100vw - 560px) / 2), 15%, 0);
-  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpi/PTpEwMY8PLyMsFZnz9/ZoKzgAzG////Q1hAABBgAFeiDto+NxIZAAAAAElFTkSuQmCC");
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpi/PTpEwMY8PLyMsFZnz9/ZoKzgAzG////Q1hAABBgAFeiDto+NxIZAAAAAElFTkSuQmCC);
   background-repeat: repeat;
 }
 .search-popover .footer-tips {
@@ -1543,11 +1275,14 @@
   align-items: center;
   background: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
   border-radius: 2px;
-  box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, 0.4);
+  box-shadow:
+    inset 0 -2px #cdcde6,
+    inset 0 0 1px 1px #fff,
+    0 1px 2px 1px #1e235a66;
   display: inline-flex;
   height: 18px;
   justify-content: center;
-  margin-right: 0.4em;
+  margin-right: .4em;
   padding-bottom: 2px;
   width: 20px;
 }
@@ -1570,7 +1305,7 @@
   font-size: 24px;
 }
 .search-popover .search-item {
-  box-shadow: 0 1px 3px 0 #d4d9e1;
+  box-shadow: 0 1px 3px #d4d9e1;
   text-decoration: none;
   box-sizing: border-box;
   color: #000;
@@ -1603,12 +1338,7 @@
 }
 .search-popover .search-item.active .search-icon {
   color: #fff;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .sign-panel {
   align-items: flex-start;
   justify-content: center;
@@ -1699,7 +1429,7 @@
 .sign-panel .sign-draw-area {
   position: relative;
   max-width: 100%;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */ /* 应用头部高度 */ /* 页面宽度 */ /* 侧栏宽度 */ /* 标签高度 */ /* 页面头部工具条高度 */
+}
 .egd-split-wrapper {
   position: relative;
   width: 100%;
@@ -1708,7 +1438,8 @@
 .egd-split-pane {
   position: absolute;
 }
-.egd-split-pane.left-pane, .egd-split-pane.right-pane {
+.egd-split-pane.left-pane,
+.egd-split-pane.right-pane {
   top: 0;
   bottom: 0;
 }
@@ -1718,7 +1449,8 @@
 .egd-split-pane.right-pane {
   right: 0;
 }
-.egd-split-pane.top-pane, .egd-split-pane.bottom-pane {
+.egd-split-pane.top-pane,
+.egd-split-pane.bottom-pane {
   right: 0;
   left: 0;
 }
@@ -1741,19 +1473,19 @@
   top: 50%;
   left: 1px;
   height: 32px;
-  transform: translate(0, -50%);
+  transform: translateY(-50%);
 }
 .egd-split-trigger-bar-con.horizontal {
   top: 1px;
   left: 50%;
   width: 32px;
-  transform: translate(-50%, 0);
+  transform: translate(-50%);
 }
 .egd-split-trigger-vertical {
   width: 6px;
   height: 100%;
   background: #f8f8f9;
-  box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);
+  box-shadow: 0 0 4px #1c243866;
   cursor: ew-resize;
 }
 .egd-split-trigger-vertical .egd-split-trigger-bar {
@@ -1761,13 +1493,13 @@
   width: 4px;
   height: 1px;
   margin-top: 3px;
-  background: rgba(23, 35, 61, 0.25);
+  background: rgba(23, 35, 61, .25);
 }
 .egd-split-trigger-horizontal {
   width: 100%;
   height: 6px;
   background: #f8f8f9;
-  box-shadow: 0 0 4px 0 rgba(28, 36, 56, 0.4);
+  box-shadow: 0 0 4px #1c243866;
   cursor: ns-resize;
 }
 .egd-split-trigger-horizontal .egd-split-trigger-bar {
@@ -1775,7 +1507,7 @@
   width: 1px;
   height: 4px;
   margin-right: 3px;
-  background: rgba(23, 35, 61, 0.25);
+  background: rgba(23, 35, 61, .25);
 }
 .egd-split-horizontal .egd-split-trigger-con {
   top: 50%;
@@ -1787,10 +1519,7 @@
   width: 100%;
   border-bottom: 1px solid #d7dae0;
 }
-.egd-split-trigger-vertical-line {
-  background-color: transparent;
-  box-shadow: none;
-}
+.egd-split-trigger-vertical-line,
 .egd-split-trigger-horizontal-line {
   background-color: transparent;
   box-shadow: none;
@@ -1798,12 +1527,7 @@
 .egd-split .no-select {
   -webkit-touch-callout: none;
   user-select: none;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .stateful {
   display: inline-block;
   width: 14px;
@@ -1823,27 +1547,17 @@
   background-color: #feae3d;
 }
 .stateful.error {
-  background-color: #f00;
+  background-color: red;
 }
 .stateful.done {
   background-color: #45a3e7;
 }
 .stateful.closed {
   background-color: #d7d7d7;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .static-pageable-table {
   flex: 1 1 auto;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .egd-swiper {
   position: relative;
   height: 100%;
@@ -1853,17 +1567,17 @@
   padding: 0;
   color: #fff;
   font-size: 12px;
-  background-color: rgba(31, 45, 61, 0.11);
-  border-color: rgba(31, 45, 61, 0.01);
+  background-color: #1f2d3d1c;
+  border-color: #1f2d3d03;
   border-radius: 50%;
 }
 .egd-swiper .el-button.el-carousel__arrow i {
   cursor: unset;
 }
 .egd-swiper .el-button.el-carousel__arrow.is-disabled {
-  color: white;
-  background-color: rgba(31, 45, 61, 0.11);
-  border-color: rgba(31, 45, 61, 0.01);
+  color: #fff;
+  background-color: #1f2d3d1c;
+  border-color: #1f2d3d03;
 }
 .egd-swiper .egd-swiper-box {
   height: 100%;
@@ -1878,14 +1592,9 @@
   height: 100%;
   padding-top: 14px;
   overflow: visible;
-  transform: translate3d(0, 0, 0);
+  transform: translateZ(0);
   transition-property: transform;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .vux-tab-ink-bar {
   position: absolute;
   bottom: 0;
@@ -1895,10 +1604,10 @@
   background-color: #1989fa;
 }
 .vux-tab-ink-bar-transition-forward {
-  transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s;
+  transition: right .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1) .09s;
 }
 .vux-tab-ink-bar-transition-backward {
-  transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s, left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+  transition: right .3s cubic-bezier(.35, 0, .25, 1) .09s, left .3s cubic-bezier(.35, 0, .25, 1);
 }
 .vux-tab-bar-top .vux-tab-ink-bar {
   top: 0;
@@ -1927,17 +1636,11 @@
   line-height: 36px;
   text-align: center;
   cursor: pointer;
-  /* background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) bottom left no-repeat; */
-  /* background-size: 100% 1px; */
 }
 .vux-tab .vux-tab-item.vux-tab-selected {
   color: #1989fa;
   border-bottom: 3px solid #1989fa;
 }
-.vux-tab-bar-top .vux-tab .vux-tab-item {
-  /* background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) top left no-repeat; */
-  /* background-size: 100% 1px; */
-}
 .vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected {
   border-top: 3px solid #1989fa;
   border-bottom: none;
@@ -1948,14 +1651,12 @@
 .vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected {
   background: 0 0;
 }
-
-/** when=prop:custom-bar-width **/
 .vux-tab-bar-inner {
   display: block;
   height: 100%;
   margin: auto;
   background-color: #1989fa;
-  transition: width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
+  transition: width .3s cubic-bezier(.35, 0, .25, 1);
 }
 .vux-tab-item-badge {
   position: absolute;
@@ -2001,12 +1702,7 @@
 }
 .scrollable .vux-tab-item {
   flex: 0 0 22%;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .table-view {
   display: flex;
   flex-direction: column;
@@ -2021,7 +1717,8 @@
 .table-view .border-bottom .el-table--border {
   border-bottom: 1px solid #ebeef5;
 }
-.table-view .border-left .el-table--border, .table-view .border-left .el-pagination {
+.table-view .border-left .el-table--border,
+.table-view .border-left .el-pagination {
   border-left: 1px solid #ebeef5;
 }
 .table-view .border-right .el-table--border {
@@ -2039,7 +1736,7 @@
   display: flex;
   width: 100%;
   height: 100%;
-  background-color: white;
+  background-color: #fff;
 }
 .table-view .table-view-sidebar {
   flex-shrink: 0;
@@ -2063,8 +1760,8 @@
   bottom: 0;
   z-index: 5;
   display: flex;
-  background-color: white;
-  transition: right 200ms ease;
+  background-color: #fff;
+  transition: right .2s ease;
 }
 .table-view .slide-panel .slide-panel-line {
   position: relative;
@@ -2095,12 +1792,7 @@
 }
 .table-view .slide-panel .slide-panel-content .el-date-editor {
   width: 100%;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .tag-render {
   min-height: 80px;
   padding-top: 3px;
@@ -2126,18 +1818,13 @@
   right: 7px;
   bottom: -4px;
   color: #b7b7b7;
-  font-size: 0.9em;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+  font-size: .9em;
+}
 .template-tag {
   margin: 0 10px;
   color: #1e90ff;
-  font-weight: bold;
-  font-family: "黑体", serif;
+  font-weight: 700;
+  font-family: \9ed1\4f53, serif;
   font-style: italic;
   cursor: help !important;
 }
@@ -2148,7 +1835,7 @@
   padding: 10px;
   overflow: auto;
   font-size: 16px;
-  font-family: "微软雅黑", serif;
+  font-family: \5fae\8f6f\96c5\9ed1, serif;
   line-height: normal;
   text-align: left;
   word-break: normal;
@@ -2162,19 +1849,14 @@
 .show-placeholder {
   position: relative;
 }
-.show-placeholder::after {
+.show-placeholder:after {
   position: absolute;
   top: 10px;
   left: 11px;
   color: #a9a9a9;
   content: attr(placeholder);
   pointer-events: none;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .tinymce-editor {
   height: 100%;
 }
@@ -2197,19 +1879,14 @@
   flex: 1;
 }
 .tinymce-editor .fa-icon {
-  font: normal normal normal 14px/1 FontAwesome !important;
+  font: 14px/1 FontAwesome !important;
 }
 .tinymce-editor .el-icon {
   font-family: element-icons, serif !important;
 }
 .tinymce-editor .mce-label {
   display: none;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .toolbar {
   display: flex;
   height: 40px;
@@ -2224,7 +1901,9 @@
 .toolbar .toolbar-left > .form-toolbar-button:last-child .separate-line {
   display: none;
 }
-.toolbar .toolbar-left [class*=" el-icon-"], .toolbar .toolbar-left [class^=el-icon-], .toolbar .toolbar-left i.fa {
+.toolbar .toolbar-left [class*=" el-icon-"],
+.toolbar .toolbar-left [class^=el-icon-],
+.toolbar .toolbar-left i.fa {
   margin-top: -1px;
   color: #1989fa;
   font-size: 15px;
@@ -2242,12 +1921,7 @@
 }
 .footer-bar .el-button {
   padding: 10px 40px;
-}/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
+}
 .form-toolbar-button .separate-line {
   display: inline-block;
   width: 1px;
@@ -2263,574 +1937,6 @@
 .form-toolbar-button .form-toolbar-button .el-button:hover {
   border-color: transparent;
 }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* The input */
 .tags-input {
   display: flex;
   flex-wrap: wrap;
@@ -2844,29 +1950,28 @@
 .tags-input input:focus {
   outline: none;
 }
-.tags-input input[type='text'] {
+.tags-input input[type=text] {
   color: #495057;
 }
 .tags-input-wrapper-default {
-  padding: 0.5rem 0.25rem;
+  padding: .5rem .25rem;
   background: #fff;
   border: 1px solid transparent;
   border-color: #dbdbdb;
-  border-radius: 0.25rem;
+  border-radius: .25rem;
 }
-
-/* The tag badges & the remove icon */
 .tags-input span {
-  margin-right: 0.3rem;
+  margin-right: .3rem;
 }
 .tags-input-remove {
   position: relative;
   display: inline-block;
-  width: 0.5rem;
-  height: 0.5rem;
+  width: .5rem;
+  height: .5rem;
   cursor: pointer;
 }
-.tags-input-remove::before, .tags-input-remove::after {
+.tags-input-remove:before,
+.tags-input-remove:after {
   position: absolute;
   top: 50%;
   left: 0;
@@ -2874,49 +1979,41 @@
   height: 2px;
   margin-top: -1px;
   background: #ea0000;
-  content: '';
+  content: "";
 }
-.tags-input-remove::before {
+.tags-input-remove:before {
   transform: rotate(45deg);
 }
-.tags-input-remove::after {
+.tags-input-remove:after {
   transform: rotate(-45deg);
 }
-
-/* Tag badge styles */
 .tags-input-badge {
   display: inline-block;
-  padding: 0.25em 0.4em;
+  padding: .25em .4em;
   font-weight: 700;
   font-size: 75%;
   line-height: 1;
   white-space: nowrap;
   text-align: center;
   vertical-align: baseline;
-  border-radius: 0.25rem;
+  border-radius: .25rem;
 }
 .tags-input-badge-pill {
-  padding-right: 0.6em;
-  padding-left: 0.6em;
+  padding-right: .6em;
+  padding-left: .6em;
   border-radius: 10rem;
 }
 .tags-input-badge-selected-default {
   color: #212529;
   background-color: #f0f1f2;
 }
-
-/* Typeahead */
 .typeahead-hide-btn {
   color: #999 !important;
 }
-
-/* Typeahead - badges */
 .typeahead-badges > span {
-  margin-right: 0.3rem;
+  margin-right: .3rem;
   cursor: pointer;
 }
-
-/* Typeahead - dropdown */
 .typeahead-dropdown {
   position: absolute;
   top: 50px;
@@ -2932,19 +2029,16 @@
   box-shadow: 0 0 5px #d7d7d7;
 }
 .typeahead-dropdown li {
-  padding: 0.25rem 1rem;
+  padding: .25rem 1rem;
   cursor: pointer;
 }
-
-/* Typeahead elements style/theme */
 .tags-input-typeahead-item-default {
-  color: grey;
-  background-color: white;
+  color: gray;
+  background-color: #fff;
 }
 .tags-input-typeahead-item-highlighted-default {
   background-color: #f5f7fa;
 }
-
 .watermark {
   position: absolute;
   top: 0;
@@ -2955,12 +2049,6 @@
   height: 100%;
   pointer-events: none;
 }
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
 .x-dialog .el-dialog__footer {
   padding: 10px;
 }
@@ -2969,4 +2057,4 @@
 }
 .x-dialog .x-dialog-content {
   max-height: 80vh;
-}
+}