@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.2

package/dist/css/g-utilities.css

@@ -1,30 +1,66 @@
-.\!g-bg-dark-gray {
-  background-color: #f5f7fa !important;
+.\!g-bg-\[var\(--aidev-checkbox-checked-color\)\] {
+  background-color: var(--aidev-checkbox-checked-color) !important;
 }
 
-.\!g-bg-f6ebda {
-  background-color: #f6ebda !important;
+.\!g-bg-\[var\(--aidev-checkbox-checked-disabled-color\)\] {
+  background-color: var(--aidev-checkbox-checked-disabled-color) !important;
 }
 
-.\!g-bg-white {
-  background-color: #fff !important;
+.\!g-bg-\[var\(--aidev-checkbox-disabled-background\)\] {
+  background-color: var(--aidev-checkbox-disabled-background) !important;
+}
+
+.\!g-bg-\[var\(--aidev-checkbox-tree-indeterminate-background\)\] {
+  background-color: var(--aidev-checkbox-tree-indeterminate-background) !important;
+}
+
+.\!g-bg-\[var\(--aidev-inner-background\)\] {
+  background-color: var(--aidev-inner-background) !important;
+}
+
+.\!g-bg-\[var\(--aidev-main-background\)\] {
+  background-color: var(--aidev-main-background) !important;
+}
+
+.\!g-bg-f6ebda {
+  background-color: #f6ebda !important;
 }
 
 .\!g-block {
   display: block !important;
 }
 
+.\!g-border-\[var\(--aidev-checkbox-checked-color\)\] {
+  border: 1px solid var(--aidev-checkbox-checked-color) !important;
+}
+
+.\!g-border-\[var\(--aidev-checkbox-checked-disabled-color\)\] {
+  border: 1px solid var(--aidev-checkbox-checked-disabled-color) !important;
+}
+
+.\!g-border-\[var\(--aidev-checkbox-disabled-border-color\)\] {
+  border: 1px solid var(--aidev-checkbox-disabled-border-color) !important;
+}
+
+.\!g-border-\[var\(--aidev-checkbox-tree-indeterminate-border-color\)\] {
+  border: 1px solid var(--aidev-checkbox-tree-indeterminate-border-color) !important;
+}
+
 .\!g-border-f59500 {
   border: 1px solid #f59500 !important;
 }
 
+.\!g-cursor-not-allowed {
+  cursor: not-allowed !important;
+}
+
 .\!g-cursor-pointer {
   cursor: pointer !important;
 }
 
 .\!g-disabled {
   cursor: not-allowed !important;
-  color: #c4c6cc !important;
+  color: var(--aidev-disabled-color) !important;
 
   &.bk-button-primary:not(.is-text) {
     background-color: #c4c6cc !important;
@@ -39,11 +75,11 @@
   }
 
   .bkaidev-icon {
-    color: #c4c6cc !important;
+    color: var(--aidev-disabled-color) !important;
   }
 
   .g-disabled-text {
-    color: #c4c6cc !important;
+    color: var(--aidev-disabled-color) !important;
   }
 }
 
@@ -162,6 +198,10 @@
   color: #2CAF5E !important;
 }
 
+.\!g-text-\[var\(--aidev-main-background\)\] {
+  color: var(--aidev-main-background) !important;
+}
+
 .\!g-text-b17432 {
   color: #b17432 !important;
 }
@@ -170,10 +210,6 @@
   color: #ea3636 !important;
 }
 
-.\!g-text-white {
-  color: #fff !important;
-}
-
 .\!g-top-index {
   z-index: 9999 !important;
 
@@ -203,20 +239,28 @@
   position: absolute;
 }
 
-.g-bg-f0f1f5 {
-  background-color: #f0f1f5;
+.g-bg-\[var\(--aidev-background\)\] {
+  background-color: var(--aidev-background);
+}
+
+.g-bg-\[var\(--aidev-checkbox-background\)\] {
+  background-color: var(--aidev-checkbox-background);
 }
 
-.g-bg-fafbfd {
-  background-color: #fafbfd;
+.g-bg-\[var\(--aidev-inner-background\)\] {
+  background-color: var(--aidev-inner-background);
 }
 
-.g-bg-white {
-  background-color: #fff;
+.g-bg-\[var\(--aidev-main-background\)\] {
+  background-color: var(--aidev-main-background);
 }
 
-.g-border-b-\[\#EAEBF0\] {
-  border-bottom: 1px solid #EAEBF0;
+.g-border-\[var\(--aidev-checkbox-border-color\)\] {
+  border: 1px solid var(--aidev-checkbox-border-color);
+}
+
+.g-border-b-\[var\(--aidev-line-strong-color\)\] {
+  border-bottom: 1px solid var(--aidev-line-strong-color);
 }
 
 .g-border-radio-100 {
@@ -236,33 +280,41 @@
     padding-bottom: 6px;
     line-height: 24px;
     font-size: 16px;
-    color: #313238;
+    color: var(--aidev-title-color);
   }
 
   .bk-pop-confirm-content {
-    color: #4d4f56;
+    color: var(--aidev-main-color);
     line-height: 20px;
     padding-bottom: 8px;
   }
 }
 
 .g-confirm-delete {
-  .bk-button-primary {
-    background-color: #ea3636;
-    border-color: #ea3636;
+  .bk-button-primary:not(.is-outline),
+  .bk-button-danger:not(.is-outline) {
+    background-color: var(--aidev-danger-button-color);
+    border-color: var(--aidev-danger-button-border-color);
+    box-shadow: none;
   }
 
   &.bk-popover.bk-pop2-content {
-    padding: 13px;
+    padding: 16px;
+
     .bk-pop-confirm-title {
-    padding-bottom: 8px;
-    text-align: left;
-    font-size: 16px;
-    line-height: 24px;
+      padding-bottom: 8px;
+      text-align: left;
+      font-size: 16px;
+      line-height: 24px;
+      font-weight: 400;
+      color: var(--aidev-title-color);
     }
+
     .bk-pop-confirm-content {
-    text-align: left;
-    line-height: 20px;
+      text-align: left;
+      font-size: 12px;
+      line-height: 20px;
+      color: var(--aidev-main-color);
     }
   }
 }
@@ -291,7 +343,7 @@
 
 .g-disabled {
   cursor: not-allowed !important;
-  color: #c4c6cc !important;
+  color: var(--aidev-disabled-color) !important;
 
   &.bk-button-primary:not(.is-text) {
     background-color: #c4c6cc;
@@ -306,11 +358,11 @@
   }
 
   .bkaidev-icon {
-    color: #c4c6cc;
+    color: var(--aidev-disabled-color);
   }
 
   .g-disabled-text {
-    color: #c4c6cc;
+    color: var(--aidev-disabled-color);
   }
 }
 
@@ -320,40 +372,8 @@
   text-overflow: ellipsis;
 }
 
-.g-exception {
-  &.bk-exception-part .bk-exception-description {
-    margin-top: 0;
-  }
-
-  &.bk-exception-page .bk-exception-description {
-    margin-top: -36px;
-  }
-
-  .bk-exception-title {
-    margin-top: -10px;
-    margin-bottom: 20px;
-  }
-
-  .bk-exception-description {
-    margin-bottom: 8px;
-    white-space: pre-wrap;
-  }
-
-  .bk-exception-footer {
-    margin-top: 0;
-
-    &:has(.bk-exception-description) {
-      text-align: left;
-    }
-  }
-
-  .exception-image {
-    width: 300%;
-  }
-}
-
-.g-fill-3a84ff {
-  fill: #3a84ff;
+.g-fill-\[var\(--aidev-clickable-color\)\] {
+  fill: var(--aidev-clickable-color);
 }
 
 .g-flex {
@@ -422,15 +442,6 @@
   row-gap: 4px;
 }
 
-.g-gray-header-table {
-  .bk-table-head {
-    th {
-      background-color: #f0f1f5;
-      border-color: #f0f1f5;
-    }
-  }
-}
-
 .g-group\/collection-icon:hover .g-group-hover\/collection-icon\:g-text-e38b02 {
   color: #e38b02;
 }
@@ -439,8 +450,8 @@
   color: #f59500;
 }
 
-.g-group\/reference-icon:hover .g-group-hover\/reference-icon\:g-text-blue {
-  color: #3a84ff;
+.g-group\/reference-icon:hover .g-group-hover\/reference-icon\:g-text-\[var\(--aidev-clickable-color\)\] {
+  color: var(--aidev-clickable-color);
 }
 
 .g-h-16 {
@@ -467,16 +478,16 @@
   height: 56px;
 }
 
-.g-h-60 {
-  height: 60px;
-}
-
 .g-h-70 {
   height: 70px;
 }
 
-.g-h-78 {
-  height: 78px;
+.g-h-\[calc\(100\%_-_48px\)\] {
+  height: calc(100% - 48px);
+}
+
+.g-h-\[calc\(100vh_-_140px\)\] {
+  height: calc(100vh - 140px);
 }
 
 .g-h-full {
@@ -491,6 +502,10 @@
   display: inline;
 }
 
+.g-inline-block {
+  display: inline-block;
+}
+
 .g-inline-flex-row {
   display: inline-flex;
   flex-direction: row;
@@ -549,6 +564,30 @@
   margin: 0px;
 }
 
+.g-main-button {
+  color: var(--aidev-main-button-color) !important;
+  background-color: var(--aidev-main-button-background) !important;
+  border-color: var(--aidev-main-button-border-color) !important;
+  box-shadow: var(--aidev-main-button-box-shadow) !important;
+
+  &:hover {
+    background-color: var(--aidev-main-button-hover-background) !important;
+    border-color: var(--aidev-main-button-hover-border-color) !important;
+  }
+
+  &:active {
+    background-color: var(--aidev-main-button-active-background) !important;
+    border-color: var(--aidev-main-button-active-border-color) !important;
+  }
+
+  &.is-disabled {
+    color: var(--aidev-main-button-disabled-color) !important;
+    background-color: var(--aidev-main-button-disabled-background) !important;
+    border-color: var(--aidev-main-button-disabled-background) !important;
+    box-shadow: none !important;
+  }
+}
+
 .g-max-h-260 {
   max-height: 260px;
 }
@@ -656,11 +695,11 @@
   padding: 4px 0;
   border: 1px solid #dcdee5;
   box-shadow: 0 2px 6px 0 #0000001a;
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
 
   li {
     font-size: 12px;
-    color: #4d4f56;
+    color: var(--aidev-main-color);
     line-height: 32px;
     cursor: pointer;
     padding: 0 12px;
@@ -678,8 +717,8 @@
       justify-content: flex-start;
     }
 
-    &:hover {
-      background: #f5f7fa;
+    &:hover:not(.g-disabled) {
+      background: var(--aidev-dropdown-menu-hover-background);
     }
   }
 }
@@ -785,6 +824,10 @@
   font-variant-numeric: tabular-nums;
 }
 
+.g-overflow-hidden {
+  overflow: hidden;
+}
+
 .g-p-0 {
   padding: 0px;
 }
@@ -809,6 +852,10 @@
   padding-bottom: 14px;
 }
 
+.g-pb-16 {
+  padding-bottom: 16px;
+}
+
 .g-pb-20 {
   padding-bottom: 20px;
 }
@@ -924,7 +971,7 @@ padding: 0px !important;
     .bkaidev-icon {
       font-size: 14px;
       margin-right: 2px;
-      color: #979ba5;
+      color: var(--aidev-assist-color);
     }
 
     .g-radio-tips {
@@ -934,17 +981,17 @@ padding: 0px !important;
     &.is-checked {
       .bk-radio-button-label {
         background: #e1ecff;
-        border-color: #3a84ff;
-        color: #3a84ff;
+        border-color: var(--aidev-clickable-color);
+        color: var(--aidev-clickable-color);
       }
 
       .g-radio-tips {
-        border-bottom: 1px dashed #3a84ff;
+        border-bottom: 1px dashed var(--aidev-clickable-color);
       }
 
       .bkaidev-icon,
       .ai-ui-sdk-icon {
-        color: #3a84ff;
+        color: var(--aidev-clickable-color);
       }
     }
   }
@@ -970,8 +1017,12 @@ padding: 0px !important;
   animation: rotate 2s linear infinite;
 }
 
-.g-rounded-2 {
-  border-radius: 2px;
+.g-rounded-\[var\(--aidev-radius\)\] {
+  border-radius: var(--aidev-radius);
+}
+
+.g-rounded-\[var\(--aidev-radius-s\)\] {
+  border-radius: var(--aidev-radius-s);
 }
 
 .g-scrollbar {
@@ -1018,6 +1069,10 @@ padding: 0px !important;
   box-shadow: 0 3px 4px 0 #0000000a;
 }
 
+.g-shadow-\[var\(--aidev-card-hover-box-shadow\)\] {
+  box-shadow: var(--aidev-card-hover-box-shadow);
+}
+
 .g-short-form {
   .form-item {
     margin-bottom: 16px;
@@ -1099,33 +1154,6 @@ padding: 0px !important;
   }
 }
 
-.g-t-table-filter {
-  .t-radio.t-is-checked .t-radio__input::after {
-    background-color: #3a84ff;
-  }
-  .t-radio__label {
-    font-size: 12px;
-    color: #63656e;
-    font-size: 12px;;
-  }
-  .t-table__filter--bottom-buttons {
-    .t-button--theme-primary {
-      background-color: #3a84ff;
-      color: #fff;
-      border-color: #3a84ff;
-      border-radius: 2px;
-      padding: 0 12px;
-    }
-    .t-button--theme-default {
-      background-color: #fff;
-      border: 1px solid #c4c6cc;
-      border-radius: 2px;
-      color: #63656e;
-      padding: 0 12px;
-    }
-  }
-}
-
 .g-text-10 {
   font-size: 10px;
 }
@@ -1162,56 +1190,52 @@ padding: 0px !important;
   font-size: 8px;
 }
 
-.g-text-979BA5 {
-  color: #979BA5;
-}
-
-.g-text-black {
-  color: #313238;
+.g-text-\[\#2caf5e\] {
+  color: #2caf5e;
 }
 
-.g-text-blue {
-  color: #3a84ff;
+.g-text-\[\#ea3636\] {
+  color: #ea3636;
 }
 
-.g-text-center {
-  text-align: center;
+.g-text-\[var\(--aidev-assist-color\)\] {
+  color: var(--aidev-assist-color);
 }
 
-.g-text-ea3636 {
-  color: #ea3636;
+.g-text-\[var\(--aidev-clickable-color\)\] {
+  color: var(--aidev-clickable-color);
 }
 
-.g-text-fc943b {
-  color: #fc943b;
+.g-text-\[var\(--aidev-disabled-color\)\] {
+  color: var(--aidev-disabled-color);
 }
 
-.g-text-gray {
-  color: #979ba5;
+.g-text-\[var\(--aidev-main-color\)\] {
+  color: var(--aidev-main-color);
 }
 
-.g-text-green {
-  color: #2caf5e;
+.g-text-\[var\(--aidev-tag-color\)\] {
+  color: var(--aidev-tag-color);
 }
 
-.g-text-left {
-  text-align: left;
+.g-text-\[var\(--aidev-title-color\)\] {
+  color: var(--aidev-title-color);
 }
 
-.g-text-light {
-  color: #9b9da1;
+.g-text-center {
+  text-align: center;
 }
 
-.g-text-light-gray {
-  color: #c4c6cc;
+.g-text-ea3636 {
+  color: #ea3636;
 }
 
-.g-text-normal {
-  color: #4d4f56;
+.g-text-fc943b {
+  color: #fc943b;
 }
 
-.g-text-red {
-  color: #ea3636;
+.g-text-left {
+  text-align: left;
 }
 
 .g-top-0 {
@@ -1256,38 +1280,40 @@ padding: 0px !important;
   width: 100%;
 }
 
-.g-white-footer-table {
-  .bk-table-footer {
-    background-color: #fff;
-  }
-}
-
 .g-whitespace-pre-line {
   white-space: pre-line;
 }
 
-.hover\:\!g-bg-\[\#dcdee5\]:hover {
-  background-color: #dcdee5 !important;
+.hover\:\!g-bg-\[var\(--aidev-icon-light-hover-background\)\]:hover {
+  background-color: var(--aidev-icon-light-hover-background) !important;
+}
+
+.hover\:\!g-bg-\[var\(--aidev-item-hover-background\)\]:hover {
+  background-color: var(--aidev-item-hover-background) !important;
 }
 
-.hover\:\!g-bg-light-blue:hover {
-  background-color: #f0f5ff !important;
+.hover\:\!g-border-\[var\(--aidev-clickable-color\)\]:hover {
+  border: 1px solid var(--aidev-clickable-color) !important;
 }
 
-.hover\:\!g-border-blue:hover {
-  border: 1px solid #3a84ff !important;
+.hover\:\!g-rounded-\[var\(--aidev-radius\)\]:hover {
+  border-radius: var(--aidev-radius) !important;
 }
 
-.hover\:\!g-rounded-4:hover {
-  border-radius: 4px !important;
+.hover\:\!g-text-\[var\(--aidev-clickable-color\)\]:hover {
+  color: var(--aidev-clickable-color) !important;
 }
 
-.hover\:\!g-text-blue:hover {
-  color: #3a84ff !important;
+.hover\:g-bg-\[var\(--aidev-capsule-hover-background\)\]:hover {
+  background-color: var(--aidev-capsule-hover-background);
 }
 
-.hover\:g-bg-\[\#f5f7fa\]:hover {
-  background-color: #f5f7fa;
+.hover\:g-bg-\[var\(--aidev-inner-background\)\]:hover {
+  background-color: var(--aidev-inner-background);
+}
+
+.hover\:g-border-\[var\(--aidev-checkbox-hover-border-color\)\]:hover {
+  border: 1px solid var(--aidev-checkbox-hover-border-color);
 }
 
 .hover\:g-cursor-pointer:hover {
@@ -1298,10 +1324,14 @@ padding: 0px !important;
   border-radius: 9999px;
 }
 
-.hover\:g-text-e38b02:hover {
-  color: #e38b02;
+.hover\:g-text-\[var\(--aidev-clickable-hover-color\)\]:hover {
+  color: var(--aidev-clickable-hover-color);
 }
 
-.hover\:g-text-normal:hover {
-  color: #4d4f56;
+.hover\:g-text-\[var\(--aidev-main-color\)\]:hover {
+  color: var(--aidev-main-color);
+}
+
+.hover\:g-text-e38b02:hover {
+  color: #e38b02;
 }