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

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-border-color\)\] {
+  border-bottom: 1px solid var(--aidev-border-color);
 }
 
 .g-border-radio-100 {
@@ -236,11 +236,11 @@
     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;
   }
@@ -291,7 +291,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 +306,11 @@
   }
 
   .bkaidev-icon {
-    color: #c4c6cc;
+    color: var(--aidev-disabled-color);
   }
 
   .g-disabled-text {
-    color: #c4c6cc;
+    color: var(--aidev-disabled-color);
   }
 }
 
@@ -352,8 +352,8 @@
   }
 }
 
-.g-fill-3a84ff {
-  fill: #3a84ff;
+.g-fill-\[var\(--aidev-clickable-color\)\] {
+  fill: var(--aidev-clickable-color);
 }
 
 .g-flex {
@@ -422,15 +422,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 +430,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 +540,22 @@
   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;
+
+  &: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;
+  }
+}
+
 .g-max-h-260 {
   max-height: 260px;
 }
@@ -656,11 +663,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;
@@ -924,7 +931,7 @@ padding: 0px !important;
     .bkaidev-icon {
       font-size: 14px;
       margin-right: 2px;
-      color: #979ba5;
+      color: var(--aidev-assist-color);
     }
 
     .g-radio-tips {
@@ -970,8 +977,8 @@ 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-scrollbar {
@@ -1135,56 +1142,48 @@ padding: 0px !important;
   font-size: 8px;
 }
 
-.g-text-979BA5 {
-  color: #979BA5;
-}
-
-.g-text-black {
-  color: #313238;
-}
-
-.g-text-blue {
-  color: #3a84ff;
+.g-text-\[\#2caf5e\] {
+  color: #2caf5e;
 }
 
-.g-text-center {
-  text-align: center;
+.g-text-\[\#ea3636\] {
+  color: #ea3636;
 }
 
-.g-text-ea3636 {
-  color: #ea3636;
+.g-text-\[var\(--aidev-assist-color\)\] {
+  color: var(--aidev-assist-color);
 }
 
-.g-text-fc943b {
-  color: #fc943b;
+.g-text-\[var\(--aidev-clickable-color\)\] {
+  color: var(--aidev-clickable-color);
 }
 
-.g-text-gray {
-  color: #979ba5;
+.g-text-\[var\(--aidev-disabled-color\)\] {
+  color: var(--aidev-disabled-color);
 }
 
-.g-text-green {
-  color: #2caf5e;
+.g-text-\[var\(--aidev-main-color\)\] {
+  color: var(--aidev-main-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,12 +1228,6 @@ padding: 0px !important;
   width: 100%;
 }
 
-.g-white-footer-table {
-  .bk-table-footer {
-    background-color: #fff;
-  }
-}
-
 .g-whitespace-pre-line {
   white-space: pre-line;
 }
@@ -1243,24 +1236,24 @@ padding: 0px !important;
   background-color: #dcdee5 !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-inner-background\)\]:hover {
+  background-color: var(--aidev-inner-background);
 }
 
 .hover\:g-cursor-pointer:hover {
@@ -1271,10 +1264,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-border-color)]",
   "g-border-radio-100",
   "g-border-t-1",
   "g-border-t-F0F1F5",
@@ -59,7 +59,7 @@
   "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 +74,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 +105,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",
@@ -189,7 +189,7 @@
   "g-rotate--90",
   "g-rotate-45",
   "g-rotate-infinite",
-  "g-rounded-2",
+  "g-rounded-[var(--aidev-radius)]",
   "g-scrollbar",
   "g-scrollbar-page",
   "g-shadow-[0_3px_4px_0_#0000000a]",
@@ -207,19 +207,17 @@
   "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-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 +228,16 @@
   "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-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-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;
+}

package/dist/css/variable/blue-theme.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    brand1: string;
+    brand2: string;
+    brand3: string;
+    brand4: string;
+    brand5: string;
+    brand6: string;
+    brand7: string;
+    neutral1: string;
+    neutral2: string;
+    neutral3: string;
+    neutral4: string;
+    neutral5: string;
+    neutral6: string;
+    neutral7: string;
+    neutral8: string;
+    neutral9: string;
+    neutral10: string;
+    success1: string;
+    success2: string;
+    success3: string;
+    success4: string;
+    success5: string;
+    success6: string;
+    success7: string;
+    warn1: string;
+    warn2: string;
+    warn3: string;
+    warn4: string;
+    warn5: string;
+    warn6: string;
+    warn7: string;
+    danger1: string;
+    danger2: string;
+    danger3: string;
+    danger4: string;
+    danger5: string;
+    danger6: string;
+    danger7: string;
+    radius: string;
+    mainButtonBoxShadow: string;
+};
+export default _default;

package/dist/css/variable/blue-theme.ts.js

@@ -0,0 +1,42 @@
+export default {
+    brand1: '#274ECF',
+    brand2: '#3B6EF5',
+    brand3: '#6694FF',
+    brand4: '#8FB4FF',
+    brand5: '#B8D2FF',
+    brand6: '#E0EDFF',
+    brand7: '#F0F6FF',
+    neutral1: '#111214',
+    neutral2: '#4A5973',
+    neutral3: '#8F9FBD',
+    neutral4: '#C1CDE5',
+    neutral5: '#E4E9F2',
+    neutral6: '#E9EDF5',
+    neutral7: '#F0F4FA',
+    neutral8: '#F7F9FD',
+    neutral9: '#FBFCFE',
+    neutral10: '#FFFFFF',
+    success1: '#299E56',
+    success2: '#2CAF5E',
+    success3: '#65C389',
+    success4: '#A1E3BA',
+    success5: '#CBF0DA',
+    success6: '#DAF6E5',
+    success7: '#EBFAF0',
+    warn1: '#E38B02',
+    warn2: '#F59500',
+    warn3: '#F8B64F',
+    warn4: '#F9D090',
+    warn5: '#FCE5C0',
+    warn6: '#FDEED8',
+    warn7: '#FDF4E8',
+    danger1: '#E71818',
+    danger2: '#EA3636',
+    danger3: '#FF5656',
+    danger4: '#F8B4B4',
+    danger5: '#FFDDDD',
+    danger6: '#FFEBEB',
+    danger7: '#FFF0F0',
+    radius: '6px',
+    mainButtonBoxShadow: '0 4px 10px color-mix(in srgb, #3b6ef5 28%, transparent)'
+};

package/dist/css/variable/token.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    '--aidev-radius': string;
+    '--aidev-form-color': string;
+    '--aidev-form-background': string;
+    '--aidev-form-border-color': string;
+    '--aidev-form-hover-border-color': string;
+    '--aidev-form-active-border-color': string;
+    '--aidev-table-line-color': string;
+    '--aidev-border-color': string;
+    '--aidev-background': string;
+    '--aidev-main-background': string;
+    '--aidev-title-color': string;
+    '--aidev-main-color': string;
+    '--aidev-assist-color': string;
+    '--aidev-disabled-color': string;
+    '--aidev-inner-background': string;
+    '--aidev-main-button-color': string;
+    '--aidev-main-button-background': string;
+    '--aidev-main-button-border-color': string;
+    '--aidev-main-button-hover-background': string;
+    '--aidev-main-button-active-background': string;
+    '--aidev-main-button-hover-border-color': string;
+    '--aidev-main-button-active-border-color': string;
+    '--aidev-main-button-box-shadow': string;
+    '--aidev-clickable-color': string;
+    '--aidev-clickable-hover-color': string;
+    '--aidev-list-item-hover-background': string;
+    '--aidev-list-item-active-background': string;
+    '--aidev-list-item-active-count-background': string;
+    '--aidev-icon-hover-background': string;
+    '--aidev-icon-light-hover-background': string;
+    '--aidev-item-hover-background': string;
+    '--aidev-generate-public-color': string;
+    '--aidev-generate-public-background': string;
+    '--aidev-generate-public-hover-color': string;
+    '--aidev-generate-public-hover-background': string;
+    '--aidev-generate-space-color': string;
+    '--aidev-generate-space-background': string;
+    '--aidev-generate-space-hover-color': string;
+    '--aidev-generate-space-hover-background': string;
+    '--default-color': string;
+    '--primary-color': string;
+};
+export default _default;

package/dist/css/variable/token.ts.js

@@ -0,0 +1,63 @@
+export default {
+    // 圆角
+    '--aidev-radius': 'radius',
+    // 表单
+    '--aidev-form-color': 'neutral2',
+    '--aidev-form-background': 'neutral10',
+    '--aidev-form-border-color': 'neutral4',
+    '--aidev-form-hover-border-color': 'neutral3',
+    '--aidev-form-active-border-color': 'brand2',
+    // 表格内边框颜色
+    '--aidev-table-line-color': 'neutral6',
+    // 边框颜色
+    '--aidev-border-color': 'neutral5',
+    // 整个网站的背景色
+    '--aidev-background': 'neutral8',
+    // 主要区域背景色
+    '--aidev-main-background': 'neutral10',
+    // 网站标题颜色
+    '--aidev-title-color': 'neutral1',
+    // 网站正文颜色
+    '--aidev-main-color': 'neutral2',
+    // 网站辅助文字颜色
+    '--aidev-assist-color': 'neutral3',
+    // 网站禁用文字颜色
+    '--aidev-disabled-color': 'neutral4',
+    // 在主要区域内的，部分区域的背景色
+    '--aidev-inner-background': 'neutral6',
+    // 主按钮相关颜色
+    '--aidev-main-button-color': 'neutral10',
+    '--aidev-main-button-background': 'brand2',
+    '--aidev-main-button-border-color': 'brand2',
+    '--aidev-main-button-hover-background': 'brand3',
+    '--aidev-main-button-active-background': 'brand1',
+    '--aidev-main-button-hover-border-color': 'brand3',
+    '--aidev-main-button-active-border-color': 'brand1',
+    '--aidev-main-button-box-shadow': 'mainButtonBoxShadow',
+    // 可点击区域文字颜色
+    '--aidev-clickable-color': 'brand2',
+    '--aidev-clickable-hover-color': 'brand3',
+    // 列表项颜色
+    '--aidev-list-item-hover-background': 'neutral7',
+    '--aidev-list-item-active-background': 'brand6',
+    '--aidev-list-item-active-count-background': 'brand4',
+    // 图标按钮 hover / 选中高亮背景（icon 在深色一点背景下）
+    '--aidev-icon-hover-background': 'brand5',
+    // 图标按钮 hover / 选中高亮背景（icon在浅色背景下）
+    '--aidev-icon-light-hover-background': 'brand6',
+    // 列表项 / 卡片 hover / 选中高亮背景
+    '--aidev-item-hover-background': 'brand6',
+    // 资源使用范围相关颜色
+    '--aidev-generate-public-color': 'success2',
+    '--aidev-generate-public-background': 'success6',
+    '--aidev-generate-public-hover-color': 'success1',
+    '--aidev-generate-public-hover-background': 'success5',
+    '--aidev-generate-space-color': '#45A0A5',
+    '--aidev-generate-space-background': '#D8F4F5',
+    '--aidev-generate-space-hover-color': '#388A8E',
+    '--aidev-generate-space-hover-background': '#B6E7E9',
+    // bkui 字体颜色
+    '--default-color': 'neutral2',
+    // bkui 主颜色
+    '--primary-color': 'brand2'
+};