@blueking/ai-ui-sdk 0.5.1-beta.4 → 0.5.1-beta.6

package/dist/css/g-utilities.css

@@ -1,13 +1,13 @@
-.\!g-bg-dark-gray {
-  background-color: #f5f7fa !important;
+.\!g-bg-\[var\(--aidev-inner-background\)\] {
+  background-color: var(--aidev-inner-background) !important;
 }
 
-.\!g-bg-f6ebda {
-  background-color: #f6ebda !important;
+.\!g-bg-\[var\(--aidev-main-background\)\] {
+  background-color: var(--aidev-main-background) !important;
 }
 
-.\!g-bg-white {
-  background-color: #fff !important;
+.\!g-bg-f6ebda {
+  background-color: #f6ebda !important;
 }
 
 .\!g-block {
@@ -24,7 +24,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 !important;
@@ -39,11 +39,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 +162,10 @@
   color: #2CAF5E !important;
 }
 
+.\!g-text-\[var\(--aidev-main-background\)\] {
+  color: var(--aidev-main-background) !important;
+}
+
 .\!g-text-b17432 {
   color: #b17432 !important;
 }
@@ -170,10 +174,6 @@
   color: #ea3636 !important;
 }
 
-.\!g-text-white {
-  color: #fff !important;
-}
-
 .\!g-top-index {
   z-index: 9999 !important;
 
@@ -203,20 +203,20 @@
   position: absolute;
 }
 
-.g-bg-f0f1f5 {
-  background-color: #f0f1f5;
+.g-bg-\[var\(--aidev-background\)\] {
+  background-color: var(--aidev-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-b-\[var\(--aidev-line-strong-color\)\] {
+  border-bottom: 1px solid var(--aidev-line-strong-color);
 }
 
 .g-border-radio-100 {
@@ -236,33 +236,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 +299,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 +314,11 @@
   }
 
   .bkaidev-icon {
-    color: #c4c6cc;
+    color: var(--aidev-disabled-color);
   }
 
   .g-disabled-text {
-    color: #c4c6cc;
+    color: var(--aidev-disabled-color);
   }
 }
 
@@ -320,40 +328,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 +398,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 +406,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 {
@@ -549,6 +516,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 +647,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 +669,8 @@
       justify-content: flex-start;
     }
 
-    &:hover {
-      background: #f5f7fa;
+    &:hover:not(.g-disabled) {
+      background: var(--aidev-dropdown-menu-hover-background);
     }
   }
 }
@@ -785,6 +776,10 @@
   font-variant-numeric: tabular-nums;
 }
 
+.g-overflow-hidden {
+  overflow: hidden;
+}
+
 .g-p-0 {
   padding: 0px;
 }
@@ -809,6 +804,10 @@
   padding-bottom: 14px;
 }
 
+.g-pb-16 {
+  padding-bottom: 16px;
+}
+
 .g-pb-20 {
   padding-bottom: 20px;
 }
@@ -924,7 +923,7 @@ padding: 0px !important;
     .bkaidev-icon {
       font-size: 14px;
       margin-right: 2px;
-      color: #979ba5;
+      color: var(--aidev-assist-color);
     }
 
     .g-radio-tips {
@@ -934,17 +933,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 +969,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 +1021,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;
@@ -1135,56 +1142,52 @@ padding: 0px !important;
   font-size: 8px;
 }
 
-.g-text-979BA5 {
-  color: #979BA5;
+.g-text-\[\#2caf5e\] {
+  color: #2caf5e;
 }
 
-.g-text-black {
-  color: #313238;
+.g-text-\[\#ea3636\] {
+  color: #ea3636;
 }
 
-.g-text-blue {
-  color: #3a84ff;
+.g-text-\[var\(--aidev-assist-color\)\] {
+  color: var(--aidev-assist-color);
 }
 
-.g-text-center {
-  text-align: center;
+.g-text-\[var\(--aidev-clickable-color\)\] {
+  color: var(--aidev-clickable-color);
 }
 
-.g-text-ea3636 {
-  color: #ea3636;
+.g-text-\[var\(--aidev-disabled-color\)\] {
+  color: var(--aidev-disabled-color);
 }
 
-.g-text-fc943b {
-  color: #fc943b;
+.g-text-\[var\(--aidev-main-color\)\] {
+  color: var(--aidev-main-color);
 }
 
-.g-text-gray {
-  color: #979ba5;
-}
-
-.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 {
@@ -1229,38 +1232,36 @@ 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-light-blue:hover {
-  background-color: #f0f5ff !important;
+.hover\:\!g-bg-\[var\(--aidev-item-hover-background\)\]:hover {
+  background-color: var(--aidev-item-hover-background) !important;
 }
 
-.hover\:\!g-border-blue:hover {
-  border: 1px solid #3a84ff !important;
+.hover\:\!g-border-\[var\(--aidev-clickable-color\)\]:hover {
+  border: 1px solid var(--aidev-clickable-color) !important;
 }
 
-.hover\:\!g-rounded-4:hover {
-  border-radius: 4px !important;
+.hover\:\!g-rounded-\[var\(--aidev-radius\)\]:hover {
+  border-radius: var(--aidev-radius) !important;
 }
 
-.hover\:\!g-text-blue:hover {
-  color: #3a84ff !important;
+.hover\:\!g-text-\[var\(--aidev-clickable-color\)\]:hover {
+  color: var(--aidev-clickable-color) !important;
 }
 
-.hover\:g-bg-\[\#f5f7fa\]:hover {
-  background-color: #f5f7fa;
+.hover\:g-bg-\[var\(--aidev-capsule-hover-background\)\]:hover {
+  background-color: var(--aidev-capsule-hover-background);
+}
+
+.hover\:g-bg-\[var\(--aidev-inner-background\)\]:hover {
+  background-color: var(--aidev-inner-background);
 }
 
 .hover\:g-cursor-pointer:hover {
@@ -1271,10 +1272,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-\[var\(--aidev-main-color\)\]:hover {
+  color: var(--aidev-main-color);
 }
 
-.hover\:g-text-normal:hover {
-  color: #4d4f56;
+.hover\:g-text-e38b02:hover {
+  color: #e38b02;
 }

package/dist/css/g-utilities.manifest.json

@@ -1,7 +1,7 @@
 [
-  "!g-bg-dark-gray",
+  "!g-bg-[var(--aidev-inner-background)]",
+  "!g-bg-[var(--aidev-main-background)]",
   "!g-bg-f6ebda",
-  "!g-bg-white",
   "!g-block",
   "!g-border-f59500",
   "!g-cursor-pointer",
@@ -34,19 +34,19 @@
   "!g-text-16",
   "!g-text-18",
   "!g-text-2CAF5E",
+  "!g-text-[var(--aidev-main-background)]",
   "!g-text-b17432",
   "!g-text-ea3636",
-  "!g-text-white",
   "!g-top-index",
   "!g-w-220",
   "!g-w-568",
   "!g-w-full",
   "!g-z-9999",
   "g-absolute",
-  "g-bg-f0f1f5",
-  "g-bg-fafbfd",
-  "g-bg-white",
-  "g-border-b-[#EAEBF0]",
+  "g-bg-[var(--aidev-background)]",
+  "g-bg-[var(--aidev-inner-background)]",
+  "g-bg-[var(--aidev-main-background)]",
+  "g-border-b-[var(--aidev-line-strong-color)]",
   "g-border-radio-100",
   "g-border-t-1",
   "g-border-t-F0F1F5",
@@ -58,8 +58,7 @@
   "g-deleted-resource",
   "g-disabled",
   "g-ellipsis",
-  "g-exception",
-  "g-fill-3a84ff",
+  "g-fill-[var(--aidev-clickable-color)]",
   "g-flex",
   "g-flex-1",
   "g-flex-col",
@@ -74,10 +73,9 @@
   "g-gap-4",
   "g-gap-8",
   "g-gap-y-4",
-  "g-gray-header-table",
   "g-group-hover/collection-icon:g-text-e38b02",
   "g-group-hover/collection-icon:g-text-f59500",
-  "g-group-hover/reference-icon:g-text-blue",
+  "g-group-hover/reference-icon:g-text-[var(--aidev-clickable-color)]",
   "g-group/collection-icon",
   "g-group/reference-icon",
   "g-h-16",
@@ -106,6 +104,7 @@
   "g-leading-28",
   "g-leading-32",
   "g-m-0",
+  "g-main-button",
   "g-max-h-260",
   "g-max-h-400",
   "g-max-h-80vh",
@@ -155,12 +154,14 @@
   "g-my-12",
   "g-no-permission-resource",
   "g-number-font",
+  "g-overflow-hidden",
   "g-p-0",
   "g-p-12",
   "g-p-2",
   "g-p-4",
   "g-pb-12",
   "g-pb-14",
+  "g-pb-16",
   "g-pb-20",
   "g-pb-4",
   "g-permission-cursor-element",
@@ -189,10 +190,12 @@
   "g-rotate--90",
   "g-rotate-45",
   "g-rotate-infinite",
-  "g-rounded-2",
+  "g-rounded-[var(--aidev-radius)]",
+  "g-rounded-[var(--aidev-radius-s)]",
   "g-scrollbar",
   "g-scrollbar-page",
   "g-shadow-[0_3px_4px_0_#0000000a]",
+  "g-shadow-[var(--aidev-card-hover-box-shadow)]",
   "g-short-form",
   "g-show-dialog",
   "g-shrink-0",
@@ -207,19 +210,18 @@
   "g-text-32",
   "g-text-40",
   "g-text-8",
-  "g-text-979BA5",
-  "g-text-black",
-  "g-text-blue",
+  "g-text-[#2caf5e]",
+  "g-text-[#ea3636]",
+  "g-text-[var(--aidev-assist-color)]",
+  "g-text-[var(--aidev-clickable-color)]",
+  "g-text-[var(--aidev-disabled-color)]",
+  "g-text-[var(--aidev-main-color)]",
+  "g-text-[var(--aidev-tag-color)]",
+  "g-text-[var(--aidev-title-color)]",
   "g-text-center",
   "g-text-ea3636",
   "g-text-fc943b",
-  "g-text-gray",
-  "g-text-green",
   "g-text-left",
-  "g-text-light",
-  "g-text-light-gray",
-  "g-text-normal",
-  "g-text-red",
   "g-top-0",
   "g-top-8",
   "g-transition-transform",
@@ -230,16 +232,17 @@
   "g-w-64",
   "g-w-88",
   "g-w-full",
-  "g-white-footer-table",
   "g-whitespace-pre-line",
-  "hover:!g-bg-[#dcdee5]",
-  "hover:!g-bg-light-blue",
-  "hover:!g-border-blue",
-  "hover:!g-rounded-4",
-  "hover:!g-text-blue",
-  "hover:g-bg-[#f5f7fa]",
+  "hover:!g-bg-[var(--aidev-icon-light-hover-background)]",
+  "hover:!g-bg-[var(--aidev-item-hover-background)]",
+  "hover:!g-border-[var(--aidev-clickable-color)]",
+  "hover:!g-rounded-[var(--aidev-radius)]",
+  "hover:!g-text-[var(--aidev-clickable-color)]",
+  "hover:g-bg-[var(--aidev-capsule-hover-background)]",
+  "hover:g-bg-[var(--aidev-inner-background)]",
   "hover:g-cursor-pointer",
   "hover:g-rounded-full",
-  "hover:g-text-e38b02",
-  "hover:g-text-normal"
+  "hover:g-text-[var(--aidev-clickable-hover-color)]",
+  "hover:g-text-[var(--aidev-main-color)]",
+  "hover:g-text-e38b02"
 ]

package/dist/css/main.css

@@ -0,0 +1,10 @@
+body {
+  overflow: hidden;
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background: var(--aidev-background);
+  color: var(--aidev-main-color);
+  font-size: 14px;
+  text-align: left;
+}