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

package/dist/components/render-resource-version/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-6h1dws1g";
+script.__scopeId = "data-v-virvn9mg";
 script.__file = "./src/components/render-resource-version/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-router-tab/index.vue.css

@@ -1,21 +1,21 @@
 
-.router-tab[data-v-mkwchbk1] {
+.router-tab[data-v-8wemg47p] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 24px;
 }
-.router-tab a[data-v-mkwchbk1] {
+.router-tab a[data-v-8wemg47p] {
     padding: 0 8px;
     margin-right: 24px;
     font-size: 14px;
     line-height: 42px;
     height: 42px;
-    color: #4D4F56;
+    color: var(--aidev-main-color);
     box-sizing: border-box;
 }
-.router-tab a.router-link-exact-active[data-v-mkwchbk1] {
-      color: #3A84FF;
-      border-bottom: 2px solid #3A84FF;
+.router-tab a.router-link-exact-active[data-v-8wemg47p] {
+      color: var(--aidev-clickable-color);
+      border-bottom: 2px solid var(--aidev-clickable-color);
 }

package/dist/components/render-router-tab/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-mkwchbk1";
+script.__scopeId = "data-v-8wemg47p";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-search-empty/index.script.vue.js.js

@@ -1,13 +1,17 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
+import { unref as _unref, normalizeClass as _normalizeClass, createVNode as _createVNode, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     class: "g-flex g-flex-col !g-items-center g-mb-40"
 };
 const _hoisted_2 = {
     key: 0,
-    class: "!g-text-12 g-text-gray g-flex-row g-justify-center g-flex-wrap g-items-center g-ml-8 g-mr-8"
+    class: /*@__PURE__*/ _normalizeClass([
+        '!g-text-12 g-text-[var(--aidev-assist-color)] g-flex-row g-justify-center',
+        'g-flex-wrap g-items-center g-ml-8 g-mr-8'
+    ])
 };
 import { isEmpty } from '../../common/util.ts.js';
+import RenderException from '../render-exception/index.vue.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         search: {},
@@ -32,11 +36,9 @@ export default /*@__PURE__*/ _defineComponent({
             }
         };
         return (_ctx, _cache)=>{
-            const _component_bk_exception = _resolveComponent("bk-exception");
             return _openBlock(), _createElementBlock("section", _hoisted_1, [
-                _createVNode(_component_bk_exception, {
+                _createVNode(RenderException, {
                     class: _normalizeClass([
-                        'g-exception',
                         props.scene === 'page' ? 'g-mt-100' : 'g-mt-30'
                     ]),
                     scene: props.scene,
@@ -51,7 +53,11 @@ export default /*@__PURE__*/ _defineComponent({
                 !_unref(isEmpty)(props.search) ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
                     _cache[0] || (_cache[0] = _createTextVNode(" 可以尝试调整筛选条件或 ", -1 /* CACHED */ )),
                     _createElementVNode("button", {
-                        class: "g-text-blue !g-cursor-pointer g-ml-4",
+                        class: _normalizeClass([
+                            'g-text-[var(--aidev-clickable-color)]',
+                            'hover:g-text-[var(--aidev-clickable-hover-color)]',
+                            '!g-cursor-pointer g-ml-4'
+                        ]),
                         onClick: handleClearSearch
                     }, " 清空筛选条件 ")
                 ])) : _createCommentVNode("v-if", true)

package/dist/components/render-select-plus-extension/index.vue.css

@@ -1,5 +1,5 @@
 
-.select-plus-extension[data-v-zwiuuzqq] {
+.select-plus-extension[data-v-2j6l4bzy] {
   cursor: pointer;
   width: 100%;
   display: flex;
@@ -8,10 +8,10 @@
   font-size: 12px;
   line-height: 20px;
 }
-.select-plus-extension .ai-ui-sdk-icon[data-v-zwiuuzqq]  {
+.select-plus-extension .ai-ui-sdk-icon[data-v-2j6l4bzy]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-zwiuuzqq]:hover {
-    color: #3A84FF;
+.select-plus-extension[data-v-2j6l4bzy]:hover {
+    color: var(--aidev-clickable-color);
 }

package/dist/components/render-select-plus-extension/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-zwiuuzqq";
+script.__scopeId = "data-v-2j6l4bzy";
 script.__file = "./src/components/render-select-plus-extension/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-skill/actions/index.script.vue.js.js

@@ -2,7 +2,7 @@ import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, withCtx as _withCtx, withDirectives as _withDirectives, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 const _hoisted_1 = {
     key: 0,
-    class: "g-mr-4 g-w-16 g-h-16 g-min-w-16 g-fill-3a84ff g-rotate-infinite"
+    class: "g-mr-4 g-w-16 g-h-16 g-min-w-16 g-fill-[var(--aidev-clickable-color)] g-rotate-infinite"
 };
 const _hoisted_2 = {
     key: 1,
@@ -261,7 +261,7 @@ export default /*@__PURE__*/ _defineComponent({
                                     text: props.isTextButton,
                                     class: _normalizeClass([
                                         '!g-p-5',
-                                        props.isTextButton ? 'hover:!g-bg-[#dcdee5] hover:!g-rounded-4' : ''
+                                        props.isTextButton ? 'hover:!g-bg-[var(--aidev-icon-light-hover-background)] hover:!g-rounded-[var(--aidev-radius)]' : ''
                                     ]),
                                     size: "small",
                                     onClick: _cache[1] || (_cache[1] = _withModifiers(()=>{}, [

package/dist/components/render-skill/icons/index.script.vue.js.js

@@ -2,7 +2,7 @@ import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     key: 0,
-    class: "g-flex-row g-mr-16 !g-text-12 g-text-gray"
+    class: "g-flex-row g-mr-16 !g-text-12 g-text-[var(--aidev-assist-color)]"
 };
 import { ResourceCardType } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({

package/dist/components/render-skill/install/index.script.vue.js.js

@@ -85,7 +85,7 @@ const _hoisted_1 = {
     class: "g-flex-row"
 };
 const _hoisted_2 = {
-    class: "g-text-14 g-text-gray"
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 import { Message } from 'bkui-vue';
 import { onBeforeUnmount, ref, toRef, useTemplateRef, watch } from 'vue';

package/dist/components/render-skill/install/openclaw-windows-instances.script.vue.js.js

@@ -12,15 +12,16 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = {
     "data-ellipsis-tooltip": "",
-    class: "!g-text-12 g-text-gray g-leading-22 g-mb-4 g-truncate"
+    class: "!g-text-12 g-text-[var(--aidev-assist-color)] g-leading-22 g-mb-4 g-truncate"
 };
 const _hoisted_5 = {
     "data-ellipsis-tooltip": "",
-    class: "!g-text-12 g-text-gray g-leading-22 g-truncate"
+    class: "!g-text-12 g-text-[var(--aidev-assist-color)] g-leading-22 g-truncate"
 };
 import { onBeforeMount, ref, toRef } from 'vue';
 import { isEmpty } from '../../../common/util.ts.js';
 import RenderCheckbox from '../../render-checkbox/index.vue.js';
+import RenderException from '../../render-exception/index.vue.js';
 import { useSkillHttp } from '../../../hooks/use-skill-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
@@ -84,7 +85,6 @@ export default /*@__PURE__*/ _defineComponent({
         onBeforeMount(handleGetOpenclawWindowsInstances);
         return (_ctx, _cache)=>{
             const _component_bk_loading = _resolveComponent("bk-loading");
-            const _component_bk_exception = _resolveComponent("bk-exception");
             return _openBlock(), _createBlock(_component_bk_loading, {
                 loading: isLoadingInstances.value,
                 class: "g-max-h-400 g-scrollbar g-min-h-98"
@@ -92,14 +92,14 @@ export default /*@__PURE__*/ _defineComponent({
                 default: _withCtx(()=>[
                         (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(openclawWindowsInstances.value, (instance, index)=>{
                             return _openBlock(), _createElementBlock("section", {
-                                key: instance.hostName,
                                 class: _normalizeClass([
-                                    'g-flex-row g-rounded-2',
+                                    'g-flex-row g-rounded-[var(--aidev-radius)]',
                                     'g-pt-12 g-pb-12 !g-pr-16 g-pl-12',
-                                    '!g-bg-dark-gray hover:!g-bg-light-blue',
+                                    '!g-bg-[var(--aidev-inner-background)] hover:!g-bg-[var(--aidev-item-hover-background)]',
                                     index > 0 ? 'g-mt-10' : '',
                                     isLoadingInstanceStatus.value ? 'g-disabled' : 'g-cursor-pointer'
                                 ]),
+                                key: instance.hostName,
                                 onClick: ($event)=>handleSelectOpenclawWindowsInstance(instance)
                             }, [
                                 _createElementVNode("section", _hoisted_2, [
@@ -130,7 +130,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 ])
                             ], 10 /* CLASS, PROPS */ , _hoisted_1);
                         }), 128 /* KEYED_FRAGMENT */ )),
-                        _unref(isEmpty)(openclawWindowsInstances.value) ? (_openBlock(), _createBlock(_component_bk_exception, {
+                        _unref(isEmpty)(openclawWindowsInstances.value) ? (_openBlock(), _createBlock(RenderException, {
                             key: 0,
                             class: "agent-empty",
                             type: "empty",

package/dist/components/render-skill/search/index.script.vue.js.js

@@ -51,7 +51,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderSearchSelect, {
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 placeholder: "搜索中英文名称、描述、更新人",
                 "model-value": props.search,
                 data: searchOptions.value,

package/dist/components/render-skill/variable-form/index.script.vue.js

@@ -1,13 +1,13 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, unref as _unref, createVNode as _createVNode, withCtx as _withCtx } from "vue";
 const _hoisted_1 = {
-    class: "g-bg-fafbfd !g-pl-16 g-h-42"
+    class: "g-bg-[var(--aidev-background)] !g-pl-16 g-h-42"
 };
 const _hoisted_2 = {
     class: "g-h-42"
 };
 const _hoisted_3 = {
-    class: "g-bg-fafbfd !g-pl-16 g-h-42"
+    class: "g-bg-[var(--aidev-background)] !g-pl-16 g-h-42"
 };
 import { ref } from 'vue';
 import { Ediatable, InputColumn } from '@blueking/ediatable';
@@ -72,7 +72,7 @@ export default /*@__PURE__*/ _defineComponent({
         return (_ctx, _cache)=>{
             return _openBlock(), _createElementBlock(_Fragment, null, [
                 _cache[0] || (_cache[0] = _createElementVNode("h3", {
-                    class: "g-text-12 g-leading-20 g-text-black g-my-12 g-mx-16"
+                    class: "g-text-12 g-leading-20 g-text-[var(--aidev-title-color)] g-my-12 g-mx-16"
                 }, " 以下环境变量将在 skill 沙箱启动时自动注入 ", -1 /* CACHED */ )),
                 _createVNode(_unref(Ediatable), {
                     "thead-list": theadList,

package/dist/components/render-t-table/index.script.vue.js.js

@@ -55,7 +55,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 import { defineComponent as _defineComponent } from 'vue';
 import { createVNode as _createVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 import RenderSearchEmpty from '../render-search-empty/index.vue.js';
 import { OrderMethod, TTableColumnType } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
@@ -145,7 +145,8 @@ export default /*@__PURE__*/ _defineComponent({
         defaultActiveRowKeys: {},
         activeRowType: {},
         allowResizeColumnWidth: {
-            type: Boolean
+            type: Boolean,
+            default: true
         },
         attach: {},
         bordered: {
@@ -264,6 +265,51 @@ export default /*@__PURE__*/ _defineComponent({
         const props = __props;
         const emits = __emit;
         const columnControllerVisible = ref(false);
+        // 传给组件稳定引用
+        const computedColumns = computed(()=>{
+            var _props_columns;
+            return ((_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : []).map((item)=>{
+                const { sortKey, defaultHide, isOperate } = item, rest = _object_without_properties(item, [
+                    "sortKey",
+                    "defaultHide",
+                    "isOperate"
+                ]);
+                return rest;
+            });
+        });
+        const computedColumnController = computed(()=>{
+            const isNotOperate = (item)=>!item.isOperate;
+            const isNotCheck = (item)=>![
+                    TTableColumnType.Single,
+                    TTableColumnType.Multiple
+                ].includes(item.type);
+            var _props_columns;
+            const fields = ((_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : []).filter((item)=>isNotOperate(item) && isNotCheck(item)).map((item)=>item.colKey);
+            return {
+                hideTriggerButton: true,
+                fields,
+                dialogProps: {
+                    preventScrollThrough: true,
+                    dialogClassName: 't-table-dialog',
+                    showOverlay: true,
+                    header: '表格设置'
+                }
+            };
+        });
+        const computedDefaultDisplayColumns = computed(()=>{
+            var _props_columns;
+            return ((_props_columns = props.columns) !== null && _props_columns !== void 0 ? _props_columns : []).filter((item)=>!item.defaultHide).map((item)=>item.colKey);
+        });
+        const computedSort = computed(()=>{
+            if (!props.orderBy || !props.orderMethod) {
+                return [];
+            }
+            var _getColKeyBySortKey;
+            return {
+                sortBy: (_getColKeyBySortKey = getColKeyBySortKey(props.orderBy)) !== null && _getColKeyBySortKey !== void 0 ? _getColKeyBySortKey : props.orderBy,
+                descending: props.orderMethod === OrderMethod.Desc
+            };
+        });
         const getAttrs = ()=>{
             // 去掉一些自己控制的属性
             const { search, pagination, orderBy, orderMethod, columns, selectedDatas, displayColumns, columnControllerVisible } = props, rest = _object_without_properties(props, [
@@ -278,16 +324,6 @@ export default /*@__PURE__*/ _defineComponent({
             ]);
             return rest;
         };
-        const getColumns = ()=>{
-            return props.columns.map((item)=>{
-                const { sortKey, defaultHide, isOperate } = item, rest = _object_without_properties(item, [
-                    "sortKey",
-                    "defaultHide",
-                    "isOperate"
-                ]);
-                return rest;
-            });
-        };
         const getSortKeyByColKey = (colKey)=>{
             var _props_columns;
             const col = (_props_columns = props.columns) === null || _props_columns === void 0 ? void 0 : _props_columns.find((item)=>item.colKey === colKey);
@@ -298,16 +334,6 @@ export default /*@__PURE__*/ _defineComponent({
             const col = (_props_columns = props.columns) === null || _props_columns === void 0 ? void 0 : _props_columns.find((item)=>item.sortKey === sortKey);
             return col === null || col === void 0 ? void 0 : col.colKey;
         };
-        const getSort = ()=>{
-            if (!props.orderBy || !props.orderMethod) {
-                return [];
-            }
-            var _getColKeyBySortKey;
-            return {
-                sortBy: (_getColKeyBySortKey = getColKeyBySortKey(props.orderBy)) !== null && _getColKeyBySortKey !== void 0 ? _getColKeyBySortKey : props.orderBy,
-                descending: props.orderMethod === OrderMethod.Desc
-            };
-        };
         const getPagination = ()=>{
             if (!props.pagination) {
                 return undefined;
@@ -323,29 +349,6 @@ export default /*@__PURE__*/ _defineComponent({
                 }
             };
         };
-        const getColumnController = ()=>{
-            const getColumnControllerFields = ()=>{
-                const isNotOperate = (item)=>!item.isOperate;
-                const isNotCheck = (item)=>![
-                        TTableColumnType.Single,
-                        TTableColumnType.Multiple
-                    ].includes(item.type);
-                return props.columns.filter((item)=>isNotOperate(item) && isNotCheck(item)).map((item)=>item.colKey);
-            };
-            return {
-                hideTriggerButton: true,
-                fields: getColumnControllerFields(),
-                dialogProps: {
-                    preventScrollThrough: true,
-                    dialogClassName: 't-table-dialog',
-                    showOverlay: true,
-                    header: '表格设置'
-                }
-            };
-        };
-        const getDefaultDisplayColumns = ()=>{
-            return props.columns.filter((item)=>!item.defaultHide).map((item)=>item.colKey);
-        };
         const getSelectedRowKeys = ()=>{
             var _props_selectedDatas;
             return (_props_selectedDatas = props.selectedDatas) === null || _props_selectedDatas === void 0 ? void 0 : _props_selectedDatas.map((item)=>item[props.rowKey]);
@@ -379,12 +382,12 @@ export default /*@__PURE__*/ _defineComponent({
                 "column-controller-visible": columnControllerVisible.value,
                 "onUpdate:columnControllerVisible": _cache[1] || (_cache[1] = ($event)=>columnControllerVisible.value = $event)
             }, getAttrs(), {
-                columns: getColumns(),
                 pagination: getPagination(),
-                sort: getSort(),
                 "selected-row-keys": getSelectedRowKeys(),
-                "column-controller": getColumnController(),
-                "default-display-columns": getDefaultDisplayColumns(),
+                sort: computedSort.value,
+                columns: computedColumns.value,
+                "column-controller": computedColumnController.value,
+                "default-display-columns": computedDefaultDisplayColumns.value,
                 onSortChange: handleSortChange,
                 onFilterChange: handleFilterChange,
                 onSelectChange: handleSelectChange,
@@ -407,7 +410,7 @@ export default /*@__PURE__*/ _defineComponent({
                 sortIcon: _withCtx(()=>[
                         ..._cache[2] || (_cache[2] = [
                             _createElementVNode("i", {
-                                class: "ai-ui-sdk-icon ai-ui-sdk-angle-up-fill-3 g-text-light-gray"
+                                class: "ai-ui-sdk-icon ai-ui-sdk-angle-up-fill-3 g-text-[var(--aidev-disabled-color)]"
                             }, null, -1 /* CACHED */ )
                         ])
                     ]),
@@ -425,10 +428,10 @@ export default /*@__PURE__*/ _defineComponent({
                 _: 3 /* FORWARDED */ 
             }, 16 /* FULL_PROPS */ , [
                 "column-controller-visible",
-                "columns",
                 "pagination",
-                "sort",
                 "selected-row-keys",
+                "sort",
+                "columns",
                 "column-controller",
                 "default-display-columns"
             ]);

package/dist/components/render-t-table/index.vue.css

@@ -1,29 +1,30 @@
 
-.t-table[data-v-2c6n569h] {
+.t-table[data-v-iqyx1q13] {
   --td-font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC',
     'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
+  --td-component-border: var(--aidev-line-medium-color);
   position: relative;
   display: flex;
   flex-direction: column;
   font-family: var(--td-font-family);
   font-size: 12px;
 }
-[data-v-2c6n569h] .t-loading__gradient {
+[data-v-iqyx1q13] .t-loading__gradient {
   display: none;
 }
-[data-v-2c6n569h] .t-loading__text {
+[data-v-iqyx1q13] .t-loading__text {
   margin-left: 0;
 }
-[data-v-2c6n569h] .t-table__content {
+[data-v-iqyx1q13] .t-table__content {
   flex: 1 1 auto;
   min-height: 0;
   overflow: auto;
 }
-[data-v-2c6n569h] .t-loading--full {
+[data-v-iqyx1q13] .t-loading--full {
   top: 0;
   height: calc(100% - 60px);
 }
-[data-v-2c6n569h] .t-table__top-content {
+[data-v-iqyx1q13] .t-table__top-content {
   position: absolute;
   top: 0;
   right: 0;
@@ -36,62 +37,69 @@
   height: 42px;
   margin: 0;
   padding: 0;
-  background: #fafbfd;
-  border-left: 1px solid #dcdee5;
+  background: var(--aidev-list-item-hover-background);
+  border-left: 1px solid var(--aidev-line-medium-color);
 }
-.t-table-setting-trigger[data-v-2c6n569h] {
+.t-table-setting-trigger[data-v-iqyx1q13] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 14px;
-  color: #c4c6cc;
+  color: var(--aidev-disabled-color);
   cursor: pointer;
 }
-.t-table-setting-trigger[data-v-2c6n569h]:hover {
-  color: #3a84ff;
+.t-table-setting-trigger[data-v-iqyx1q13]:hover {
+  color: var(--aidev-clickable-color);
 }
-[data-v-2c6n569h] .t-table__header th:last-child {
+[data-v-iqyx1q13] .t-table__header th:last-child {
   padding-right: 42px !important;
 }
-[data-v-2c6n569h] .t-table__header th {
+[data-v-iqyx1q13] .t-table__header th {
   height: 42px;
   padding-top: 0;
   padding-bottom: 0;
-  background-color: #FAFBFD !important;
-  color: #313238;
+  background-color: var(--aidev-list-item-hover-background) !important;
+  border-right-color: var(--aidev-list-item-hover-background);
+  color: var(--aidev-title-color);
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-2c6n569h] .t-table__th-cell-inner {
-  color: #313238;
+[data-v-iqyx1q13] .t-table__th-cell-inner {
+  color: var(--aidev-title-color);
 }
-[data-v-2c6n569h] .t-table__cell--sort-trigger.t-table__double-icons {
+[data-v-iqyx1q13] .t-table__cell--sort-trigger.t-table__double-icons {
   gap: 2px;
 }
-[data-v-2c6n569h] .t-table__sort-icon--active > i {
-  color: #3a84ff !important;
+[data-v-iqyx1q13] .t-table__sort-icon--active > i {
+  color: var(--aidev-clickable-color) !important;
 }
-[data-v-2c6n569h] .t-table__header th:hover {
-  background-color: #f0f1f5 !important;
+[data-v-iqyx1q13] .t-table__header th:hover {
+  background-color: var(--aidev-inner-background) !important;
 }
-.t-table--column-resizable[data-v-2c6n569h]:not(.t-table--bordered) thead.t-table__header:hover th {
-    border-top-color: transparent !important;
+.t-table--column-resizable[data-v-iqyx1q13]:not(.t-table--bordered) thead.t-table__header:hover th {
+    border-top-color: var(--aidev-list-item-hover-background) !important;
 }
-.t-table--column-resizable[data-v-2c6n569h]:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
-    border-right-color: transparent !important;
+.t-table--column-resizable[data-v-iqyx1q13]:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
+    border-right-color: var(--aidev-list-item-hover-background) !important;
 }
-[data-v-2c6n569h] .t-table__body td {
+[data-v-iqyx1q13] .t-table__body td {
   height: 42px;
   padding-top: 0;
   padding-bottom: 0;
-  color: #63656e;
+  color: var(--aidev-main-color);
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-2c6n569h] .t-table__body tr:not(.t-table__empty-row):hover,[data-v-2c6n569h] .t-table__body tr.t-table__row--hover {
-  background-color: #f5f7fa;
+[data-v-iqyx1q13] .t-table__body tr:not(.t-table__empty-row):hover,[data-v-iqyx1q13] .t-table__body tr.t-table__row--hover {
+  background-color: var(--aidev-list-item-hover-background);
 }
-[data-v-2c6n569h] .t-table__pagination {
+[data-v-iqyx1q13] .t-table__body tr:not(.t-table__empty-row):not(.t-table__row--active):hover > td,[data-v-iqyx1q13] .t-table__body tr.t-table__row--hover:not(.t-table__row--active) > td {
+  background-color: var(--aidev-list-item-hover-background);
+}
+[data-v-iqyx1q13] .t-table__body tr.t-table__empty-row,[data-v-iqyx1q13] .t-table__body tr.t-table__empty-row:hover,[data-v-iqyx1q13] .t-table__body tr.t-table__empty-row:hover > td {
+  background-color: transparent !important;
+}
+[data-v-iqyx1q13] .t-table__pagination {
   box-sizing: border-box;
   display: flex;
   flex-shrink: 0;
@@ -102,28 +110,28 @@
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-2c6n569h] .t-pagination {
+[data-v-iqyx1q13] .t-pagination {
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-2c6n569h] .t-pagination__total,[data-v-2c6n569h] .t-pagination__select,[data-v-2c6n569h] .t-pagination__number,[data-v-2c6n569h] .t-pagination__jump {
+[data-v-iqyx1q13] .t-pagination__total,[data-v-iqyx1q13] .t-pagination__select,[data-v-iqyx1q13] .t-pagination__number,[data-v-iqyx1q13] .t-pagination__jump {
   font-family: inherit;
   font-size: 12px;
 }
-[data-v-2c6n569h] .t-pagination__select,[data-v-2c6n569h] .t-pagination__select .t-input,[data-v-2c6n569h] .t-pagination__select .t-input__inner,[data-v-2c6n569h] .t-pagination__select .t-select-input,[data-v-2c6n569h] .t-pagination__select .t-select__single {
+[data-v-iqyx1q13] .t-pagination__select,[data-v-iqyx1q13] .t-pagination__select .t-input,[data-v-iqyx1q13] .t-pagination__select .t-input__inner,[data-v-iqyx1q13] .t-pagination__select .t-select-input,[data-v-iqyx1q13] .t-pagination__select .t-select__single {
   font-size: 12px;
-  color: #63656e;
+  color: var(--aidev-main-color);
 }
-[data-v-2c6n569h] .t-pagination__select .t-input--focused {
-  border-color: #3a84ff !important;
+[data-v-iqyx1q13] .t-pagination__select .t-input--focused {
+  border-color: var(--aidev-clickable-color) !important;
 }
-[data-v-2c6n569h] .t-table--loading .t-table__content {
+[data-v-iqyx1q13] .t-table--loading .t-table__content {
   min-height: 42px !important;
 }
-[data-v-2c6n569h] .t-pagination__number.t-is-current,[data-v-2c6n569h] .t-pagination__number.t-is-current:hover,[data-v-2c6n569h] .t-pagination__number.t-is-current:active,[data-v-2c6n569h] .t-pagination__number:active {
+[data-v-iqyx1q13] .t-pagination__number.t-is-current,[data-v-iqyx1q13] .t-pagination__number.t-is-current:hover,[data-v-iqyx1q13] .t-pagination__number.t-is-current:active,[data-v-iqyx1q13] .t-pagination__number:active {
   background-color: #e1ecff;
   border-color: #e1ecff;
-  color: #3a84ff;
+  color: var(--aidev-clickable-color);
   font-size: 12px;
 }
 
@@ -157,17 +165,17 @@
 .t-table-dialog .t-is-checked:not(.t-is-disabled) .t-checkbox__input,
 .t-table-dialog .t-is-indeterminate:not(.t-is-disabled) .t-checkbox__input,
 .t-table-dialog .t-button--theme-primary {
-  background-color: #3a84ff !important;
-  border-color: #3a84ff !important;
+  background-color: var(--aidev-clickable-color) !important;
+  border-color: var(--aidev-clickable-color) !important;
 }
 .t-table-dialog .t-dialog__header,
 .t-table-dialog .t-dialog__header-content {
-  color: #313238;
+  color: var(--aidev-title-color);
 }
 .t-table-dialog .t-dialog__body,
 .t-table-dialog .t-checkbox__label,
 .t-table-dialog .t-table__column-controller-desc {
-  color: #63656e;
+  color: var(--aidev-main-color);
 }
 .t-table-pagination-select-popup .t-select-option,
 .t-table-pagination-select-popup .t-select-option.t-size-s,
@@ -176,11 +184,11 @@
   font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC',
     'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
   font-size: 12px !important;
-  color: #63656e !important;
+  color: var(--aidev-main-color) !important;
 }
 .t-table-pagination-select-popup .t-select-option.t-is-selected:not(.t-is-disabled),
 .t-table-pagination-select-popup .t-select-option.t-is-selected:not(.t-is-disabled) > span {
-  color: #3a84ff !important;
+  color: var(--aidev-clickable-color) !important;
 }
 .t-table-dialog .t-table__column-controller-block {
   padding: 12px !important;

package/dist/components/render-t-table/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-2c6n569h";
+script.__scopeId = "data-v-iqyx1q13";
 script.__file = "./src/components/render-t-table/index.vue";
 import './index.vue.css';
 export default script;