@blueking/ai-ui-sdk 0.3.0-beta.9 → 0.4.1-beta.1

package/dist/css/g-utilities.css

@@ -1,3 +1,7 @@
+.\!g-bg-dark-gray {
+  background-color: #f5f7fa !important;
+}
+
 .\!g-bg-white {
   background-color: #fff !important;
 }
@@ -6,6 +10,10 @@
   display: block !important;
 }
 
+.\!g-border-f59500 {
+  border: 1px solid #f59500 !important;
+}
+
 .\!g-cursor-pointer {
   cursor: pointer !important;
 }
@@ -67,10 +75,18 @@
   margin-bottom: 10px !important;
 }
 
+.\!g-mb-12 {
+  margin-bottom: 12px !important;
+}
+
 .\!g-mb-16 {
   margin-bottom: 16px !important;
 }
 
+.\!g-mb-6 {
+  margin-bottom: 6px !important;
+}
+
 .\!g-mr-12 {
   margin-right: 12px !important;
 }
@@ -85,6 +101,14 @@
   }
 }
 
+.\!g-overflow-hidden {
+  overflow: hidden !important;
+}
+
+.\!g-pl-16 {
+  padding-left: 16px !important;
+}
+
 .\!g-pl-24 {
   padding-left: 24px !important;
 }
@@ -97,6 +121,10 @@
   padding-left: 6px !important;
 }
 
+.\!g-pr-16 {
+  padding-right: 16px !important;
+}
+
 .\!g-pr-5 {
   padding-right: 5px !important;
 }
@@ -117,10 +145,22 @@
   font-size: 12px !important;
 }
 
+.\!g-text-16 {
+  font-size: 16px !important;
+}
+
 .\!g-text-18 {
   font-size: 18px !important;
 }
 
+.\!g-text-2CAF5E {
+  color: #2CAF5E !important;
+}
+
+.\!g-text-ea3636 {
+  color: #ea3636 !important;
+}
+
 .\!g-text-white {
   color: #fff !important;
 }
@@ -129,18 +169,38 @@
   width: 220px !important;
 }
 
+.\!g-w-568 {
+  width: 568px !important;
+}
+
 .\!g-w-full {
   width: 100% !important;
 }
 
+.\!g-z-9999 {
+  z-index: 9999 !important;
+}
+
 .g-absolute {
   position: absolute;
 }
 
+.g-bg-fafbfd {
+  background-color: #fafbfd;
+}
+
 .g-border-radio-100 {
   border-radius: 100%;
 }
 
+.g-border-t-1 {
+  border-top-width: 1px;
+}
+
+.g-border-t-F0F1F5 {
+  border-top: 1px solid #F0F1F5;
+}
+
 .g-confirm {
   .bk-pop-confirm-title {
     padding-bottom: 6px;
@@ -175,6 +235,10 @@
   cursor: grab;
 }
 
+.g-cursor-pointer {
+  cursor: pointer;
+}
+
 .g-deleted-resource {
   .g-resource-main, .g-resource-description {
     opacity: .45;
@@ -185,6 +249,31 @@
   }
 }
 
+.g-disabled {
+  cursor: not-allowed;
+  color: #dcdee5;
+
+  &.bk-button-primary:not(.is-text) {
+    background-color: #dcdee5;
+    color: #fff;
+    border-color: #dcdee5;
+  }
+
+  &.bk-button:not(.is-text) {
+    color: var(--disable-color);
+    border-color: var(--disable-color);
+    background-color: var(--disable-bg-color);
+  }
+
+  .bkaidev-icon {
+    color: #c4c6cc;
+  }
+
+  .g-disabled-text {
+    color: #dcdee5;
+  }
+}
+
 .g-ellipsis {
   white-space: nowrap;
   overflow: hidden;
@@ -223,6 +312,10 @@
   }
 }
 
+.g-fill-3a84ff {
+  fill: #3a84ff;
+}
+
 .g-flex {
   display: flex;
 }
@@ -281,6 +374,14 @@
   gap: 4px;
 }
 
+.g-gap-8 {
+  gap: 8px;
+}
+
+.g-gap-y-4 {
+  row-gap: 4px;
+}
+
 .g-gray-header-table {
   .bk-table-head {
     th {
@@ -294,18 +395,42 @@
   height: 16px;
 }
 
+.g-h-24 {
+  height: 24px;
+}
+
+.g-h-42 {
+  height: 42px;
+}
+
 .g-h-56 {
   height: 56px;
 }
 
+.g-h-60 {
+  height: 60px;
+}
+
 .g-h-70 {
   height: 70px;
 }
 
+.g-h-78 {
+  height: 78px;
+}
+
+.g-h-full {
+  height: 100%;
+}
+
 .g-hidden {
   display: none;
 }
 
+.g-inline {
+  display: inline;
+}
+
 .g-inline-flex-row {
   display: inline-flex;
   flex-direction: row;
@@ -316,6 +441,14 @@
   align-items: center;
 }
 
+.g-items-start {
+  align-items: flex-start;
+}
+
+.g-justify-between {
+  justify-content: space-between;
+}
+
 .g-justify-center {
   justify-content: center;
 }
@@ -352,6 +485,18 @@
   line-height: 32px;
 }
 
+.g-m-0 {
+  margin: 0px;
+}
+
+.g-max-h-260 {
+  max-height: 260px;
+}
+
+.g-max-h-400 {
+  max-height: 400px;
+}
+
 .g-max-h-80vh {
   max-height: 80vh;
 }
@@ -403,6 +548,10 @@
   margin-bottom: 8px;
 }
 
+.g-min-h-98 {
+  min-height: 98px;
+}
+
 .g-min-w-16 {
   min-width: 16px;
 }
@@ -479,6 +628,10 @@
   margin-right: 10px;
 }
 
+.g-mr-12 {
+  margin-right: 12px;
+}
+
 .g-mr-14 {
   margin-right: 14px;
 }
@@ -507,6 +660,10 @@
   margin-right: 8px;
 }
 
+.g-mt-10 {
+  margin-top: 10px;
+}
+
 .g-mt-100 {
   margin-top: 100px;
 }
@@ -519,6 +676,10 @@
   margin-top: 14px;
 }
 
+.g-mt-16 {
+  margin-top: 16px;
+}
+
 .g-mt-24 {
   margin-top: 24px;
 }
@@ -539,6 +700,16 @@
   margin-top: 8px;
 }
 
+.g-mx-16 {
+  margin-left: 16px;
+  margin-right: 16px;
+}
+
+.g-my-12 {
+  margin-top: 12px;
+  margin-bottom: 12px;
+}
+
 .g-no-permission-resource {
   .g-resource-main {
     opacity: .45;
@@ -554,6 +725,10 @@
   font-variant-numeric: tabular-nums;
 }
 
+.g-p-0 {
+  padding: 0px;
+}
+
 .g-p-12 {
   padding: 12px;
 }
@@ -562,6 +737,10 @@
   padding: 2px;
 }
 
+.g-pb-12 {
+  padding-bottom: 12px;
+}
+
 .g-pb-14 {
   padding-bottom: 14px;
 }
@@ -570,6 +749,10 @@
   padding-bottom: 20px;
 }
 
+.g-pb-4 {
+  padding-bottom: 4px;
+}
+
 .g-pb-8 {
   padding-bottom: 8px;
 }
@@ -580,10 +763,47 @@
   width: 12px;
 }
 
+.g-pl-12 {
+  padding-left: 12px;
+}
+
+.g-pl-16 {
+  padding-left: 16px;
+}
+
 .g-pl-8 {
   padding-left: 8px;
 }
 
+.g-popover-confirm {
+padding: 0px !important;
+
+ .bk-pop2-arrow{
+ background: #FAFBFD !important; 
+} 
+
+  .bk-pop-confirm-title {
+  padding: 12px 16px 0 16px; 
+ ;font-weight: 700; 
+ line-height: 22px; 
+} 
+
+ .bk-pop-confirm-footer {
+ height: 42px; 
+ background: #FAFBFD; 
+  padding: 0 16px; 
+ border-top: 1px solid #EAEBF0; 
+} 
+
+ .bk-pop-confirm-content{
+ padding: 0px !important;
+ }
+}
+
+.g-pr-16 {
+  padding-right: 16px;
+}
+
 .g-pr-24 {
   padding-right: 24px;
 }
@@ -600,6 +820,29 @@
   padding-top: 14px;
 }
 
+.g-pt-16 {
+  padding-top: 16px;
+}
+
+.g-pt-8 {
+  padding-top: 8px;
+}
+
+.g-px-16 {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+
+.g-px-24 {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+
+.g-px-4 {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
 .g-radio-group {
   width: 100%;
 
@@ -639,6 +882,10 @@
   position: relative;
 }
 
+.g-rotate--90 {
+  transform: rotate(-90deg);
+}
+
 .g-rotate-infinite {
   animation: rotate 2s linear infinite;
 }
@@ -715,6 +962,10 @@
   }
 }
 
+.g-shrink-0 {
+  flex-shrink: 0;
+}
+
 .g-small-form {
   .bk-form-label,
   .bk-radio-label,
@@ -795,6 +1046,10 @@
   font-size: 10px;
 }
 
+.g-text-12 {
+  font-size: 12px;
+}
+
 .g-text-14 {
   font-size: 14px;
 }
@@ -823,6 +1078,10 @@
   font-size: 8px;
 }
 
+.g-text-979BA5 {
+  color: #979BA5;
+}
+
 .g-text-black {
   color: #313238;
 }
@@ -835,6 +1094,10 @@
   text-align: center;
 }
 
+.g-text-ea3636 {
+  color: #ea3636;
+}
+
 .g-text-gray {
   color: #979ba5;
 }
@@ -863,6 +1126,10 @@
   color: #ea3636;
 }
 
+.g-transition-transform {
+  transition: transform .3s cubic-bezier(.4, 0, .2, 1), -webkit-transform .3s cubic-bezier(.4, 0, .2, 1);
+}
+
 .g-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -895,8 +1162,12 @@
   white-space: pre-line;
 }
 
-.g-group:hover .group-hover\:g-inline {
-  display: inline;
+.hover\:\!g-bg-\[\#dcdee5\]:hover {
+  background-color: #dcdee5 !important;
+}
+
+.hover\:\!g-bg-light-blue:hover {
+  background-color: #f0f5ff !important;
 }
 
 .hover\:\!g-border-blue:hover {
@@ -907,6 +1178,18 @@
   color: #3a84ff !important;
 }
 
+.hover\:g-bg-\[\#f5f7fa\]:hover {
+  background-color: #f5f7fa;
+}
+
+.hover\:g-cursor-pointer:hover {
+  cursor: pointer;
+}
+
+.hover\:g-rounded-full:hover {
+  border-radius: 9999px;
+}
+
 .hover\:g-text-danger-red:hover {
   color: #ff4d4f;
 }

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

@@ -1,6 +1,8 @@
 [
+  "!g-bg-dark-gray",
   "!g-bg-white",
   "!g-block",
+  "!g-border-f59500",
   "!g-cursor-pointer",
   "!g-disabled",
   "!g-h-32",
@@ -11,30 +13,46 @@
   "!g-items-start",
   "!g-justify-between",
   "!g-mb-10",
+  "!g-mb-12",
   "!g-mb-16",
+  "!g-mb-6",
   "!g-mr-12",
   "!g-mt-16",
   "!g-no-validate-form-item",
+  "!g-overflow-hidden",
+  "!g-pl-16",
   "!g-pl-24",
   "!g-pl-5",
   "!g-pl-6",
+  "!g-pr-16",
   "!g-pr-5",
   "!g-pr-6",
   "!g-self-center",
   "!g-self-start",
   "!g-text-12",
+  "!g-text-16",
   "!g-text-18",
+  "!g-text-2CAF5E",
+  "!g-text-ea3636",
   "!g-text-white",
   "!g-w-220",
+  "!g-w-568",
   "!g-w-full",
+  "!g-z-9999",
   "g-absolute",
+  "g-bg-fafbfd",
   "g-border-radio-100",
+  "g-border-t-1",
+  "g-border-t-F0F1F5",
   "g-confirm",
   "g-confirm-delete",
   "g-cursor-grab",
+  "g-cursor-pointer",
   "g-deleted-resource",
+  "g-disabled",
   "g-ellipsis",
   "g-exception",
+  "g-fill-3a84ff",
   "g-flex",
   "g-flex-1",
   "g-flex-col",
@@ -47,13 +65,23 @@
   "g-font-normal",
   "g-gap",
   "g-gap-4",
+  "g-gap-8",
+  "g-gap-y-4",
   "g-gray-header-table",
   "g-h-16",
+  "g-h-24",
+  "g-h-42",
   "g-h-56",
+  "g-h-60",
   "g-h-70",
+  "g-h-78",
+  "g-h-full",
   "g-hidden",
+  "g-inline",
   "g-inline-flex-row",
   "g-items-center",
+  "g-items-start",
+  "g-justify-between",
   "g-justify-center",
   "g-justify-end",
   "g-last-form-item",
@@ -63,6 +91,9 @@
   "g-leading-24",
   "g-leading-28",
   "g-leading-32",
+  "g-m-0",
+  "g-max-h-260",
+  "g-max-h-400",
   "g-max-h-80vh",
   "g-max-truncate",
   "g-max-w-400",
@@ -75,6 +106,7 @@
   "g-mb-40",
   "g-mb-6",
   "g-mb-8",
+  "g-min-h-98",
   "g-min-w-16",
   "g-ml-10",
   "g-ml-12",
@@ -87,6 +119,7 @@
   "g-ml-8",
   "g-more-menu",
   "g-mr-10",
+  "g-mr-12",
   "g-mr-14",
   "g-mr-16",
   "g-mr-2",
@@ -94,42 +127,61 @@
   "g-mr-4",
   "g-mr-6",
   "g-mr-8",
+  "g-mt-10",
   "g-mt-100",
   "g-mt-12",
   "g-mt-14",
+  "g-mt-16",
   "g-mt-24",
   "g-mt-30",
   "g-mt-4",
   "g-mt-6",
   "g-mt-8",
+  "g-mx-16",
+  "g-my-12",
   "g-no-permission-resource",
   "g-number-font",
+  "g-p-0",
   "g-p-12",
   "g-p-2",
+  "g-pb-12",
   "g-pb-14",
   "g-pb-20",
+  "g-pb-4",
   "g-pb-8",
   "g-permission-cursor-element",
+  "g-pl-12",
+  "g-pl-16",
   "g-pl-8",
+  "g-popover-confirm",
+  "g-pr-16",
   "g-pr-24",
   "g-pr-8",
   "g-pt-12",
   "g-pt-14",
+  "g-pt-16",
+  "g-pt-8",
+  "g-px-16",
+  "g-px-24",
+  "g-px-4",
   "g-radio-group",
   "g-relative",
   "g-resource-description",
   "g-resource-main",
   "g-resource-name",
+  "g-rotate--90",
   "g-rotate-infinite",
   "g-rounded-2",
   "g-scrollbar",
   "g-scrollbar-page",
   "g-short-form",
   "g-show-dialog",
+  "g-shrink-0",
   "g-small-form",
   "g-small-gap-form",
   "g-t-table-filter",
   "g-text-10",
+  "g-text-12",
   "g-text-14",
   "g-text-16",
   "g-text-20",
@@ -137,9 +189,11 @@
   "g-text-32",
   "g-text-40",
   "g-text-8",
+  "g-text-979BA5",
   "g-text-black",
   "g-text-blue",
   "g-text-center",
+  "g-text-ea3636",
   "g-text-gray",
   "g-text-green",
   "g-text-left",
@@ -147,6 +201,7 @@
   "g-text-light-gray",
   "g-text-normal",
   "g-text-red",
+  "g-transition-transform",
   "g-truncate",
   "g-w-16",
   "g-w-200",
@@ -154,9 +209,13 @@
   "g-w-88",
   "g-white-footer-table",
   "g-whitespace-pre-line",
-  "group-hover:g-inline",
+  "hover:!g-bg-[#dcdee5]",
+  "hover:!g-bg-light-blue",
   "hover:!g-border-blue",
   "hover:!g-text-blue",
+  "hover:g-bg-[#f5f7fa]",
+  "hover:g-cursor-pointer",
+  "hover:g-rounded-full",
   "hover:g-text-danger-red",
   "hover:g-text-normal"
 ]