@web-utils/component 2.0.10 → 2.0.11

package/dist/index.css

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