@blueking/ai-ui-sdk 0.4.3-beta.26 → 0.4.3-beta.27

package/dist/components/render-tree/index.script.vue.js

@@ -1,24 +1,4 @@
-"use strict";
-var _interopRequireDefault = require('../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-var _vue = require("vue");
-var _toConsumableArray2 = _interopRequireDefault(require('../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
-require('../../node_modules/regenerator-runtime/runtime.js');
-require('../../node_modules/core-js/modules/es.array.filter.js');
-require('../../node_modules/core-js/modules/es.array.includes.js');
-require('../../node_modules/core-js/modules/es.array.map.js');
-require('../../node_modules/core-js/modules/es.object.to-string.js');
-require('../../node_modules/core-js/modules/es.promise.js');
-require('../../node_modules/core-js/modules/es.regexp.exec.js');
-require('../../node_modules/core-js/modules/es.string.includes.js');
-require('../../node_modules/core-js/modules/es.string.search.js');
-var _icon = require("bkui-vue/lib/icon");
-var _index = _interopRequireDefault(require('../render-search-empty/index.vue.js'));
-var _usePermission2 = require('../../hooks/use-permission.ts.js');
-var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments, P, generator) {
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
     function adopt(value) {
         return value instanceof P ? value : new P(function(resolve) {
             resolve(value);
@@ -45,10 +25,16 @@ var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments,
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var _hoisted_1 = {
+import { useSlots as _useSlots, defineComponent as _defineComponent, Fragment as _Fragment2, resolveComponent as _resolveComponent, createVNode as _createVNode } from 'vue';
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
     class: "g-scrollbar"
 };
-var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { RightShape } from 'bkui-vue/lib/icon';
+import { toRef } from 'vue';
+import RenderEmpty from '../render-search-empty/index.vue.js';
+import { usePermission } from '../../hooks/use-permission.ts.js';
+export default /*@__PURE__*/ _defineComponent({
     props: {
         data: {},
         search: {},
@@ -61,16 +47,12 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
         permissionActionIds: {},
         chooseCheck: {
             type: Function,
-            default: function _default() {
-                return Promise.resolve(true);
-            }
+            default: ()=>Promise.resolve(true)
         },
         isNodeHasChildren: {},
         isNodeHasPermission: {
             type: Function,
-            default: function _default() {
-                return true;
-            }
+            default: ()=>true
         }
     },
     emits: [
@@ -81,149 +63,112 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
         "async-load",
         "update:search"
     ],
-    setup: function setup(__props, _ref) {
-        var _this = this;
-        var __emit = _ref.emit;
-        var props = __props;
-        var emits = __emit;
-        var slots = (0, _vue.useSlots)();
-        var _usePermission = (0, _usePermission2.usePermission)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId'), '#4d4f56'), handleMouseEnter = _usePermission.handleMouseEnter, handleMouseMove = _usePermission.handleMouseMove, handleMouseLeave = _usePermission.handleMouseLeave, handleMouseClick = _usePermission.handleMouseClick;
-        var handleUpdateSearch = function handleUpdateSearch(value) {
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const slots = _useSlots();
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const handleUpdateSearch = (value)=>{
             emits('update:search', value);
         };
         // 点击树组件
-        var handleClickTreeItem = function handleClickTreeItem(data) {
+        const handleClickTreeItem = (data)=>{
             handleChooseTreeItem(data);
             handleShowTreeChildren(data);
         };
         // 选择树组件
-        var handleChooseTreeItem = function handleChooseTreeItem(data) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
-                var allowed;
-                return regeneratorRuntime.wrap(function(_context) {
-                    while(1)switch(_context.prev = _context.next){
-                        case 0:
-                            _context.next = 1;
-                            return props.chooseCheck(data);
-                        case 1:
-                            allowed = _context.sent;
-                            if (allowed) {
-                                emits('select', data);
-                            }
-                        case 2:
-                        case "end":
-                            return _context.stop();
-                    }
-                }, _callee);
-            }));
-        };
+        const handleChooseTreeItem = (data)=>__awaiter(this, void 0, void 0, function*() {
+                const allowed = yield props.chooseCheck(data);
+                if (allowed) {
+                    emits('select', data);
+                }
+            });
         // 显示树子节点
-        var handleShowTreeChildren = function handleShowTreeChildren(data) {
+        const handleShowTreeChildren = (data)=>{
             var _a;
             if (!props.isNodeHasChildren(data)) return;
             if (((_a = data.children) === null || _a === void 0 ? void 0 : _a.length) <= 0) {
                 emits('async-load', data);
             }
             // 计算展开的id
-            var openedIds = (0, _toConsumableArray2.default)(props.openedIds);
-            var index = openedIds.indexOf(data[props.keyName]);
+            const openedIds = [
+                ...props.openedIds
+            ];
+            const index = openedIds.indexOf(data[props.keyName]);
             if (index < 0) {
                 openedIds.push(data[props.keyName]);
             }
             emits('update:openedIds', openedIds);
         };
         // 展开折叠树组件
-        var handleToggleTreeItem = function handleToggleTreeItem(data) {
+        const handleToggleTreeItem = (data)=>{
             var _a;
             // 异步加载
             if (props.isNodeHasChildren(data) && ((_a = data.children) === null || _a === void 0 ? void 0 : _a.length) <= 0) {
                 emits('async-load', data);
             }
             // 计算展开的id
-            var openedIds = (0, _toConsumableArray2.default)(props.openedIds);
-            var index = openedIds.indexOf(data[props.keyName]);
+            let openedIds = [
+                ...props.openedIds
+            ];
+            const index = openedIds.indexOf(data[props.keyName]);
             if (index > -1) {
-                openedIds = openedIds.filter(function(id) {
-                    return id !== data[props.keyName];
-                });
+                openedIds = openedIds.filter((id)=>id !== data[props.keyName]);
             } else {
                 openedIds.push(data[props.keyName]);
             }
             emits('update:openedIds', openedIds);
         };
-        var isNodeOpen = function isNodeOpen(node) {
-            return props.openedIds.includes(node[props.keyName]);
-        };
+        const isNodeOpen = (node)=>props.openedIds.includes(node[props.keyName]);
         // 渲染树组件
-        var _renderTreeItem = function renderTreeItem(_ref2) {
-            var data = _ref2.data, level = _ref2.level;
+        const renderTreeItem = ({ data, level })=>{
             var _a, _b, _c;
-            return (0, _vue.createVNode)(_vue.Fragment, null, [
-                (0, _vue.createVNode)("li", {
+            return _createVNode(_Fragment2, null, [
+                _createVNode("li", {
                     "class": {
                         'g-flex-row tree-item': true,
                         '!g-disabled': !props.isNodeHasPermission(data),
                         active: props.selectedId === data[props.keyName]
                     },
                     "style": {
-                        paddingLeft: "".concat(level * 10 + 4, "px")
-                    },
-                    "onMouseenter": function onMouseenter() {
-                        return handleMouseEnter(props.isNodeHasPermission(data));
+                        paddingLeft: `${level * 10 + 4}px`
                     },
-                    "onMousemove": function onMousemove(event) {
-                        return handleMouseMove(event, props.isNodeHasPermission(data));
-                    },
-                    "onMouseleave": function onMouseleave() {
-                        return handleMouseLeave();
-                    },
-                    "onClick": function onClick() {
-                        return handleMouseClick(function() {
-                            return handleClickTreeItem(data);
-                        }, props.isNodeHasPermission(data), props.permissionActionIds, data.id);
-                    }
+                    "onMouseenter": ()=>handleMouseEnter(props.isNodeHasPermission(data)),
+                    "onMousemove": (event)=>handleMouseMove(event, props.isNodeHasPermission(data)),
+                    "onMouseleave": ()=>handleMouseLeave(),
+                    "onClick": ()=>handleMouseClick(()=>handleClickTreeItem(data), props.isNodeHasPermission(data), props.permissionActionIds, data.id)
                 }, [
-                    props.isNodeHasChildren(data) ? ((_a = props.loadingIds) === null || _a === void 0 ? void 0 : _a.includes(data[props.keyName])) ? (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-loading"), {
+                    props.isNodeHasChildren(data) ? ((_a = props.loadingIds) === null || _a === void 0 ? void 0 : _a.includes(data[props.keyName])) ? _createVNode(_resolveComponent("bk-loading"), {
                         "class": "shape-icon",
                         "mode": "spin",
                         "size": "mini"
-                    }, null) : (0, _vue.createVNode)(_icon.RightShape, {
+                    }, null) : _createVNode(RightShape, {
                         "class": {
                             'shape-icon': true,
                             'icon-open': isNodeOpen(data)
                         },
-                        "onMouseenter": function onMouseenter() {
-                            return handleMouseEnter(props.isNodeHasPermission(data));
-                        },
-                        "onMousemove": function onMousemove(event) {
-                            return handleMouseMove(event, props.isNodeHasPermission(data));
-                        },
-                        "onMouseleave": function onMouseleave() {
-                            return handleMouseLeave();
-                        },
-                        "onClick": function onClick(event) {
+                        "onMouseenter": ()=>handleMouseEnter(props.isNodeHasPermission(data)),
+                        "onMousemove": (event)=>handleMouseMove(event, props.isNodeHasPermission(data)),
+                        "onMouseleave": ()=>handleMouseLeave(),
+                        "onClick": (event)=>{
                             event.stopPropagation();
-                            handleMouseClick(function() {
-                                return handleToggleTreeItem(data);
-                            }, props.isNodeHasPermission(data), props.permissionActionIds, data.id);
+                            handleMouseClick(()=>handleToggleTreeItem(data), props.isNodeHasPermission(data), props.permissionActionIds, data.id);
                         }
-                    }, null) : (0, _vue.createVNode)("span", {
+                    }, null) : _createVNode("span", {
                         "class": "shape-icon"
                     }, null),
                     (_b = slots.default) === null || _b === void 0 ? void 0 : _b.call(slots, data)
                 ]),
-                isNodeOpen(data) ? (_c = data.children) === null || _c === void 0 ? void 0 : _c.map(function(child) {
-                    return _renderTreeItem({
+                isNodeOpen(data) ? (_c = data.children) === null || _c === void 0 ? void 0 : _c.map((child)=>renderTreeItem({
                         data: child,
                         level: level + 1
-                    });
-                }) : null
+                    })) : null
             ]);
         };
-        return function(_ctx, _cache) {
-            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("ul", _hoisted_1, [
-                ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(props.data, function(item) {
-                    return (0, _vue.openBlock)(), (0, _vue.createBlock)(_renderTreeItem, {
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock("ul", _hoisted_1, [
+                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.data, (item)=>{
+                    return _openBlock(), _createBlock(renderTreeItem, {
                         data: item,
                         level: 0,
                         key: item[__props.keyName]
@@ -231,7 +176,7 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                         "data"
                     ]);
                 }), 128 /* KEYED_FRAGMENT */ )),
-                props.data.length <= 0 ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_index.default, {
+                props.data.length <= 0 ? (_openBlock(), _createBlock(RenderEmpty, {
                     key: 0,
                     search: props.search,
                     description: "暂无数据",
@@ -241,7 +186,7 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     "onUpdate:search": handleUpdateSearch
                 }, null, 8 /* PROPS */ , [
                     "search"
-                ])) : (0, _vue.createCommentVNode)("v-if", true)
+                ])) : _createCommentVNode("v-if", true)
             ]);
         };
     }

package/dist/components/render-tree/index.vue.css

@@ -13,12 +13,12 @@
       transform: rotate(90deg);
 }
 .tree-item.active {
-    background: #E1ECFF;
-    color: #3A84FF;
+    background: var(--aidev-list-item-active-background);
+    color: var(--aidev-clickable-color);
 }
 .tree-item.active .shape-icon {
-      color: #3A84FF;
+      color: var(--aidev-clickable-color);
 }
 .tree-item:hover {
-    background: #F0F1F5;
+    background: var(--aidev-list-item-hover-background);
 }

package/dist/css/bk-patch.css

@@ -0,0 +1,158 @@
+/*
+ * 说明：这里不使用 !important，改为把选择器首个类名重复一次来提高特异性，
+ * 使补丁能稳定覆盖 bkui-vue 默认样式（与样式加载顺序无关），
+ * 同时业务侧只需用更高特异性（如父级作用域 / 多一个类）即可覆盖本文件样式。
+ */
+.bk-input.bk-input,
+.bk-textarea.bk-textarea,
+.bk-select.bk-select .bk-select-trigger .bk-select-tag,
+.bk-search-select.bk-search-select .bk-search-select-container,
+.bk-tag-input.bk-tag-input .bk-tag-input-trigger,
+.bk-cascader.bk-cascader,
+.bk-date-picker-editor.bk-date-picker-editor,
+.bk-button.bk-button,
+.bk-popover.bk-pop2-content.bk-select-popover.bk-select-popover,
+.bk-cascader-popover.bk-cascader-popover,
+.bk-dropdown-popover.bk-dropdown-popover .bk-dropdown-menu {
+  border-radius: var(--aidev-radius);
+}
+
+/* 外层圆角裁剪内层白底直角，避免四角露白 */
+.bk-input.bk-input {
+  overflow: hidden;
+}
+
+.bk-input.bk-input:not(.is-disabled) {
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+}
+
+.bk-input.bk-input:not(.is-disabled) .bk-input--text {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+}
+
+.bk-input.bk-input:not(.is-disabled):hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.bk-input.bk-input:not(.is-disabled).is-focused,
+.bk-select.bk-select:not(.is-disabled).is-focus .bk-input {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+.bk-textarea.bk-textarea:not(.is-disabled) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+}
+
+.bk-textarea.bk-textarea:not(.is-disabled):hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.bk-textarea.bk-textarea:not(.is-disabled).is-focused {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+.bk-select.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+}
+
+.bk-select.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.bk-select.bk-select:not(.is-disabled).is-focus .bk-select-trigger .bk-select-tag {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+.bk-search-select.bk-search-select .bk-search-select-container {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+}
+
+.bk-search-select.bk-search-select .bk-search-select-container:hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.bk-search-select.bk-search-select .bk-search-select-container.is-focus {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+.bk-tag-input.bk-tag-input .bk-tag-input-trigger:not(.disabled) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+}
+
+.bk-tag-input.bk-tag-input .bk-tag-input-trigger:not(.disabled):hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.bk-tag-input.bk-tag-input .bk-tag-input-trigger:not(.disabled).active {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+.bk-cascader.bk-cascader:not(.is-disabled) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+}
+
+.bk-cascader.bk-cascader:not(.is-disabled).is-hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.bk-cascader.bk-cascader:not(.is-disabled).is-focus {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+.bk-date-picker-editor.bk-date-picker-editor:not([disabled]) {
+  color: var(--aidev-form-color);
+  background-color: var(--aidev-form-background);
+  border-color: var(--aidev-form-border-color);
+}
+
+.bk-date-picker-editor.bk-date-picker-editor:not([disabled]):hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.bk-date-picker-editor.bk-date-picker-editor:not([disabled]):focus {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+.bk-button.bk-button:not(.is-disabled) {
+  border-color: var(--aidev-form-border-color);
+}
+
+.bk-button.bk-button:not(.is-disabled):hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.bk-button.bk-button:not(.is-disabled):active {
+  border-color: var(--aidev-form-active-border-color);
+}
+
+/* text 文字按钮（theme=primary）：使用可点击色，覆盖上方通用按钮的灰色文字 */
+.bk-button-primary.bk-button-primary.is-text:not(.is-disabled),
+.bk-button-primary.bk-button-primary.is-text:not(.is-disabled):hover,
+.bk-button-primary.bk-button-primary.is-text:not(.is-disabled):active {
+  color: var(--aidev-clickable-color);
+}
+
+/* select 下拉框底部扩展区，保持与外层圆角一致 */
+.bk-select-popover.bk-select-popover .bk-select-content-wrapper .bk-select-extension {
+  border-radius: 0 0 var(--aidev-radius) var(--aidev-radius);
+}
+
+/* 保留表单校验错误态红色边框（放最后，优先级最高） */
+.bk-form-item.bk-form-item.is-error .bk-input,
+.bk-form-item.bk-form-item.is-error .bk-textarea,
+.bk-form-item.bk-form-item.is-error .bk-cascader,
+.bk-form-item.bk-form-item.is-error .bk-date-picker-editor {
+  border-color: #ea3636;
+}

package/dist/css/g-utilities.css

@@ -1,3 +1,7 @@
+.\!g-bg-\[var\(--aidev-main-background\)\] {
+  background-color: var(--aidev-main-background) !important;
+}
+
 .\!g-bg-dark-gray {
   background-color: #f5f7fa !important;
 }
@@ -6,10 +10,6 @@
   background-color: #f6ebda !important;
 }
 
-.\!g-bg-white {
-  background-color: #fff !important;
-}
-
 .\!g-block {
   display: block !important;
 }
@@ -203,16 +203,16 @@
   position: absolute;
 }
 
-.g-bg-f0f1f5 {
-  background-color: #f0f1f5;
+.g-bg-\[var\(--aidev-inner-background\)\] {
+  background-color: var(--aidev-inner-background);
 }
 
-.g-bg-fafbfd {
-  background-color: #fafbfd;
+.g-bg-\[var\(--aidev-main-background\)\] {
+  background-color: var(--aidev-main-background);
 }
 
-.g-bg-white {
-  background-color: #fff;
+.g-bg-fafbfd {
+  background-color: #fafbfd;
 }
 
 .g-border-b-\[\#EAEBF0\] {
@@ -352,8 +352,8 @@
   }
 }
 
-.g-fill-3a84ff {
-  fill: #3a84ff;
+.g-fill-\[var\(--aidev-clickable-color\)\] {
+  fill: var(--aidev-clickable-color);
 }
 
 .g-flex {
@@ -431,6 +431,18 @@
   }
 }
 
+.g-group\/collection-icon:hover .g-group-hover\/collection-icon\:g-text-e38b02 {
+  color: #e38b02;
+}
+
+.g-group\/collection-icon:hover .g-group-hover\/collection-icon\:g-text-f59500 {
+  color: #f59500;
+}
+
+.g-group\/reference-icon:hover .g-group-hover\/reference-icon\:g-text-\[var\(--aidev-clickable-color\)\] {
+  color: var(--aidev-clickable-color);
+}
+
 .g-h-16 {
   height: 16px;
 }
@@ -537,6 +549,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;
 }
@@ -958,8 +986,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 {
@@ -1154,12 +1182,12 @@ padding: 0px !important;
   color: #979BA5;
 }
 
-.g-text-black {
-  color: #313238;
+.g-text-\[var\(--aidev-clickable-color\)\] {
+  color: var(--aidev-clickable-color);
 }
 
-.g-text-blue {
-  color: #3a84ff;
+.g-text-black {
+  color: #313238;
 }
 
 .g-text-center {
@@ -1266,12 +1294,12 @@ padding: 0px !important;
   border: 1px solid #3a84ff !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 {

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

@@ -1,7 +1,7 @@
 [
+  "!g-bg-[var(--aidev-main-background)]",
   "!g-bg-dark-gray",
   "!g-bg-f6ebda",
-  "!g-bg-white",
   "!g-block",
   "!g-border-f59500",
   "!g-cursor-pointer",
@@ -43,9 +43,9 @@
   "!g-w-full",
   "!g-z-9999",
   "g-absolute",
-  "g-bg-f0f1f5",
+  "g-bg-[var(--aidev-inner-background)]",
+  "g-bg-[var(--aidev-main-background)]",
   "g-bg-fafbfd",
-  "g-bg-white",
   "g-border-b-[#EAEBF0]",
   "g-border-radio-100",
   "g-border-t-1",
@@ -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",
@@ -75,6 +75,11 @@
   "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-[var(--aidev-clickable-color)]",
+  "g-group/collection-icon",
+  "g-group/reference-icon",
   "g-h-16",
   "g-h-22",
   "g-h-24",
@@ -101,6 +106,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",
@@ -184,7 +190,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]",
@@ -204,8 +210,8 @@
   "g-text-40",
   "g-text-8",
   "g-text-979BA5",
+  "g-text-[var(--aidev-clickable-color)]",
   "g-text-black",
-  "g-text-blue",
   "g-text-center",
   "g-text-ea3636",
   "g-text-fc943b",
@@ -231,8 +237,8 @@
   "hover:!g-bg-[#dcdee5]",
   "hover:!g-bg-light-blue",
   "hover:!g-border-blue",
-  "hover:!g-rounded-4",
-  "hover:!g-text-blue",
+  "hover:!g-rounded-[var(--aidev-radius)]",
+  "hover:!g-text-[var(--aidev-clickable-color)]",
   "hover:g-bg-[#f5f7fa]",
   "hover:g-cursor-pointer",
   "hover:g-rounded-full",

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: #f5f7fa;
+  color: var(--aidev-main-color);
+  font-size: 14px;
+  text-align: left;
+}