chore: code format

packages/ui/certd-client/src/style/antdv4.less

@@ -1,74 +1,69 @@
-.ant-layout .ant-layout-sider{
-    background-color: #ebf1f6;
-}
-
-.ant-layout .ant-layout-header{
+.ant-layout .ant-layout-sider {
   background-color: #ebf1f6;
 }
 
-.fs-multiple-page-control-group .fs-multiple-page-control-content{
+.ant-layout .ant-layout-header {
+  background-color: #ebf1f6;
+}
+
+.fs-multiple-page-control-group .fs-multiple-page-control-content {
   overflow-y: hidden;
 }
 
-.fs-multiple-page-control-group .fs-multiple-page-control-btn .ant-btn{
-  border-bottom-left-radius:0;
-  border-bottom-right-radius:0;
+.fs-multiple-page-control-group .fs-multiple-page-control-btn .ant-btn {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
-.ant-menu-horizontal{
+.ant-menu-horizontal {
   border-bottom: 0;
 }
 
-.fs-framework .header-menu{
+.fs-framework .header-menu {
   overflow-y: hidden;
 }
 
-.ant-btn.ant-btn-icon-only{
-  padding-inline:revert;
+.ant-btn.ant-btn-icon-only {
+  padding-inline: revert;
 }
 
 .fs-form-wrapper .fs-form-header {
   padding-right: 30px !important;
 }
 
-
-.fs-values-format .fs-tag{
+.fs-values-format .fs-tag {
   display: inline-flex;
-  .fs-icon{
+  .fs-icon {
     margin-right: 3px;
   }
 }
 
-.fs-search .ant-row{
-
+.fs-search .ant-row {
 }
 
-
 //适配手机端
-.ant-tour{
-  max-width: 90vw
+.ant-tour {
+  max-width: 90vw;
 }
 
-.fs-page{
-  .fs-page-header{
+.fs-page {
+  .fs-page-header {
     background-color: hsl(var(--card));
   }
-  .fs-crud-table{
+  .fs-crud-table {
     background-color: hsl(var(--card));
   }
 }
 
-footer{
+footer {
   background-color: hsl(var(--card)) !important;
 }
 
-
-.ant-select-multiple .ant-select-selection-item-remove{
+.ant-select-multiple .ant-select-selection-item-remove {
   display: flex;
   align-items: center;
 }
 
-
 .ant-progress.ant-progress-show-info .ant-progress-outer {
   margin-inline-end: calc(-3em - 8px);
   padding-inline-end: calc(3em + 8px);
-}
+}

packages/ui/certd-client/src/style/certd.less

@@ -2,18 +2,17 @@
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  font-size:16px;
+  font-size: 16px;
 }
 .fs-icon {
-  font-size:16px;
+  font-size: 16px;
 }
 
 .ant-btn {
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  .fs-iconify{
-
+  .fs-iconify {
     margin-right: 5px;
   }
 }
@@ -37,7 +36,6 @@
   align-items: center;
 }
 
-
 .ant-drawer-content {
   &.fullscreen {
     position: fixed;
@@ -51,10 +49,9 @@
   }
 }
 
-
 .icon-button {
   cursor: pointer;
-  font-size: 22px
+  font-size: 22px;
 }
 
 .ant-drawer {
@@ -76,7 +73,7 @@
   margin: 20px;
 }
 
-.fs-crud-table{
+.fs-crud-table {
   .ant-table-body {
     height: 60vh;
     table {
@@ -84,40 +81,39 @@
   }
 }
 
-
-body a{
-    color: #1890ff;
-  &:hover{
+body a {
+  color: #1890ff;
+  &:hover {
     color: #40a9ff;
   }
 }
 
-span.fs-icon-svg{
+span.fs-icon-svg {
   display: inline-flex;
   align-items: center;
 }
 
-.ant-btn .fs-icon:last-child{
-  margin-right:0px
+.ant-btn .fs-icon:last-child {
+  margin-right: 0px;
 }
 
-.fs-iconify fs-icon{
-  svg{
-    vertical-align:0 !important;
+.fs-iconify fs-icon {
+  svg {
+    vertical-align: 0 !important;
   }
 }
 
-.fs-button{
-  span{
-    &:first-child{
+.fs-button {
+  span {
+    &:first-child {
       margin-right: 5px;
     }
-    &:last-child{
+    &:last-child {
       margin-left: 5px;
     }
   }
-  .fs-icon,.fs-button-icon{
+  .fs-icon,
+  .fs-button-icon {
     margin: 0 !important;
-
   }
-}
+}

packages/ui/certd-client/src/style/common.less

@@ -1,12 +1,13 @@
-@import './theme/index.less';
-@import './theme/default.less';
-@import './scroll.less';
-@import './transition.less';
-@import './fix-windicss.less';
-@import './antdv4.less';
-@import './certd.less';
+@import "./theme/index.less";
+@import "./theme/default.less";
+@import "./scroll.less";
+@import "./transition.less";
+@import "./fix-windicss.less";
+@import "./antdv4.less";
+@import "./certd.less";
 
-html, body {
+html,
+body {
   margin: 0;
   padding: 0;
   height: 100%;
@@ -15,10 +16,15 @@ html, body {
 }
 
 div#app {
-  height: 100%
+  height: 100%;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   margin-bottom: 0;
   margin-top: 0;
 }
@@ -30,17 +36,14 @@ h1, h2, h3, h4, h5, h6 {
   margin-right: 5px;
 }
 
-
 .ant-btn-link {
   height: 24px;
 }
 
-
 .ant-input-affix-wrapper {
   padding: 4px 11px;
 }
 
-
 .anticon {
   vertical-align: 0 !important;
 }
@@ -54,17 +57,17 @@ h1, h2, h3, h4, h5, h6 {
   justify-content: center;
   align-items: center;
 }
-.flex-vc{
+.flex-vc {
   align-items: center;
 }
-.flex-vb{
+.flex-vb {
   align-items: baseline;
 }
 .flex-o {
   display: flex !important;
   align-items: center;
 }
-.flex-baseline{
+.flex-baseline {
   display: flex !important;
   align-items: baseline;
 }
@@ -94,77 +97,76 @@ h1, h2, h3, h4, h5, h6 {
   display: flex;
   flex-direction: column;
 }
-.align-left{
+.align-left {
   text-align: left;
 }
-.align-right{
+.align-right {
   text-align: right;
 }
 
 .scroll-y {
   overflow-y: auto;
-
 }
-.m-0{
-  margin:0 !important;
+.m-0 {
+  margin: 0 !important;
 }
-.m-2{
-  margin:2px !important;
+.m-2 {
+  margin: 2px !important;
 }
-.m-3{
-  margin:3px !important;
+.m-3 {
+  margin: 3px !important;
 }
-.m-5{
-  margin:5px !important;
+.m-5 {
+  margin: 5px !important;
 }
 .m-10 {
-  margin: 10px !important;;
+  margin: 10px !important;
 }
 
-.m-20{
-  margin:20px !important;
+.m-20 {
+  margin: 20px !important;
 }
 .mb-2 {
-  margin-bottom: 2px !important;;
+  margin-bottom: 2px !important;
 }
 
 .mb-5 {
-  margin-bottom: 5px !important;;
+  margin-bottom: 5px !important;
 }
 .ml-5 {
-  margin-left: 5px !important;;
+  margin-left: 5px !important;
 }
 
 .ml-10 {
-  margin-left: 10px !important;;
+  margin-left: 10px !important;
 }
 
 .ml-20 {
-  margin-left: 20px !important;;
+  margin-left: 20px !important;
 }
 
 .ml-15 {
-  margin-left: 15px !important;;
+  margin-left: 15px !important;
 }
 
 .mr-5 {
-  margin-right: 5px !important;;
+  margin-right: 5px !important;
 }
 
 .mr-10 {
-  margin-right: 10px !important;;
+  margin-right: 10px !important;
 }
 
 .mr-20 {
-  margin-right: 20px !important;;
+  margin-right: 20px !important;
 }
 
 .mr-15 {
-  margin-right: 15px !important;;
+  margin-right: 15px !important;
 }
 
 .mt-5 {
-  margin-top: 5px !important;;
+  margin-top: 5px !important;
 }
 
 .mt-10 {
@@ -172,20 +174,19 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .mb-10 {
-  margin-bottom: 10px !important;;
+  margin-bottom: 10px !important;
 }
 
-
 .p-5 {
-  padding: 5px !important;;
+  padding: 5px !important;
 }
 
 .p-10 {
-  padding: 10px !important;;
+  padding: 10px !important;
 }
 
 .p-20 {
-  padding: 20px !important;;
+  padding: 20px !important;
 }
 .ellipsis {
   white-space: nowrap;
@@ -212,7 +213,7 @@ h1, h2, h3, h4, h5, h6 {
   border-bottom: 1px solid #dedede;
 }
 
-.color-plus{
+.color-plus {
   color: #c5913f;
 }
 .color-blue {
@@ -230,8 +231,8 @@ h1, h2, h3, h4, h5, h6 {
   color: gray;
 }
 
-.iconify{
-    //font-size: 16px;
+.iconify {
+  //font-size: 16px;
 }
 
 .icon-box {
@@ -250,7 +251,6 @@ h1, h2, h3, h4, h5, h6 {
   color: #c5913f !important;
 }
 
-
 .deleted {
   color: #c7c7c7;
   //删除线
@@ -268,18 +268,17 @@ h1, h2, h3, h4, h5, h6 {
 .helper {
   color: #aeaeae;
   font-size: 12px;
-  margin-top:3px;
-  margin-bottom:3px;
-  &.error{
+  margin-top: 3px;
+  margin-bottom: 3px;
+  &.error {
     color: #ff4d4f;
   }
 }
 
-
 .fs-copyable {
   display: inline-flex;
   .text {
-    flex: 1
+    flex: 1;
   }
 
   .copy-button {
@@ -288,23 +287,20 @@ h1, h2, h3, h4, h5, h6 {
   }
 }
 
-
-.fs-16{
-    font-size: 16px;
+.fs-16 {
+  font-size: 16px;
 }
 
-.w-50\%{
-    width: 50%;
+.w-50\% {
+  width: 50%;
 }
 
-
 .ant-drawer-content-wrapper {
   max-width: 90vw;
 }
 
-
-.block-title{
+.block-title {
   font-size: 14px;
-  padding:10px;
-  color : #6e6e6e;
-}
+  padding: 10px;
+  color: #6e6e6e;
+}

packages/ui/certd-client/src/style/fix-windicss.less

@@ -1,3 +1,3 @@
-img.ant-image-preview-img{
+img.ant-image-preview-img {
   display: initial;
 }

packages/ui/certd-client/src/style/scroll.less

@@ -5,14 +5,14 @@
 
 ::-webkit-scrollbar-track {
   width: 8px;
-  background: rgba(#101F1C, 0.1);
+  background: rgba(#101f1c, 0.1);
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;
   border-radius: 2em;
 }
 
 ::-webkit-scrollbar-thumb {
- // background-color: rgba(#101F1C, 0.5);
+  // background-color: rgba(#101F1C, 0.5);
   background-clip: padding-box;
   min-height: 28px;
   -webkit-border-radius: 2em;
@@ -23,6 +23,5 @@
 }
 
 ::-webkit-scrollbar-thumb:hover {
-
   //background-color: rgba(#101F1C, 1);
 }

packages/ui/certd-client/src/style/theme/default.less

@@ -1,27 +1,27 @@
-.ant-layout{
+.ant-layout {
   background-color: @colorPrimaryBg;
 }
 .ant-layout-header {
-  background-color: @colorPrimaryBg
+  background-color: @colorPrimaryBg;
 }
 .ant-layout-sider {
-  background-color:@colorPrimaryBg
-}
-.ant-menu{
   background-color: @colorPrimaryBg;
-  &.ant-menu-submenu-popup{
+}
+.ant-menu {
+  background-color: @colorPrimaryBg;
+  &.ant-menu-submenu-popup {
     background-color: transparent;
   }
 }
-.aside-menu{
-  .ant-menu-submenu > .ant-menu{
-    background-color:@colorPrimaryBg
+.aside-menu {
+  .ant-menu-submenu > .ant-menu {
+    background-color: @colorPrimaryBg;
   }
 
-  .ant-menu-item-active{
+  .ant-menu-item-active {
     background-color: @bg-menu-item-color;
   }
-  .ant-menu-item-selected{
+  .ant-menu-item-selected {
     background-color: @bg-menu-item-color !important;
   }
 }

packages/ui/certd-client/src/style/theme/index.less

@@ -1,3 +1,3 @@
-@bg-menu-item-color:hsla(0,0%,100%,.5);
-@colorPrimaryBg:#ebf1f6;
-@primary-color: #1890ff;
+@bg-menu-item-color:hsla (0,0%,100%,.5);
+@colorPrimaryBg: #ebf1f6;
+@primary-color: #1890ff;

packages/ui/certd-client/src/style/transition.less

@@ -10,7 +10,7 @@
 // 过渡动画 横向渐变
 .fade-transverse-leave-active,
 .fade-transverse-enter-active {
-  transition: all .5s;
+  transition: all 0.5s;
 }
 .fade-transverse-enter-from {
   opacity: 0;
@@ -24,7 +24,7 @@
 // 过渡动画 缩放渐变
 .fade-scale-leave-active,
 .fade-scale-enter-active {
-  transition: all .3s;
+  transition: all 0.3s;
 }
 .fade-scale-enter {
   opacity: 0;