@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.1

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

@@ -1,223 +1,195 @@
 
-.t-t-pagination[data-v-3o8t7fy4] {
+.t-table[data-v-rgqxhkic] {
+  --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;
-  padding: 16px 16px 0 16px;
-}
-.t-t-pagination[data-v-3o8t7fy4] .bk-pagination-list.is-last {
-    margin-left: auto;
-}
-.pagination-loading[data-v-3o8t7fy4]::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(255, 255, 255, 0.6);
-    z-index: 72;
-}
-.pagination-border[data-v-3o8t7fy4] {
-  border-right: 1px solid #dcdee5;
-  border-left: 1px solid #dcdee5;
-  border-bottom: 1px solid #dcdee5;
-  padding-bottom: 16px;
-}
-.t-t-table[data-v-3o8t7fy4] {
-  display: inline;
+  display: flex;
+  flex-direction: column;
+  font-family: var(--td-font-family);
   font-size: 12px;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__header {
-    overflow: visible !important;
-}
-.t-t-table[data-v-3o8t7fy4] .t-table__th-cell-inner {
-    color: #313238;
-}
-.t-t-table[data-v-3o8t7fy4] th {
-    padding: 0 16px;
-    height: 42px;
-    background-color: #FAFBFD !important;
-}
-.t-t-table[data-v-3o8t7fy4] .t-table__header th:hover {
-    background-color: #f0f1f5 !important;
-}
-.t-t-table[data-v-3o8t7fy4] thead.t-table__header:hover th:not(:last-child) {
-    border-right-color: transparent !important;
-}
-.t-t-table[data-v-3o8t7fy4] thead.t-table__header:hover th {
-    border-top-color: transparent !important;
-}
-.t-t-table[data-v-3o8t7fy4] .t-table__body tr {
-    color: #63656e;
-    font-size: 12px;
-}
-.t-t-table[data-v-3o8t7fy4] .t-table__body tr td {
-      padding: 0 16px;
-      height: 40px;
-}
-.t-t-table[data-v-3o8t7fy4] .t-table__body tr:hover td {
-    background-color: #f5f7fa !important;
-    color: #63656E;
+[data-v-rgqxhkic] .t-loading__gradient {
+  display: none;
+}
+[data-v-rgqxhkic] .t-loading__text {
+  margin-left: 0;
+}
+[data-v-rgqxhkic] .t-table__content {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
+}
+[data-v-rgqxhkic] .t-loading--full {
+  top: 0;
+  height: calc(100% - 60px);
+}
+[data-v-rgqxhkic] .t-table__top-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 60;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 42px;
+  height: 42px;
+  margin: 0;
+  padding: 0;
+  background: var(--aidev-list-item-hover-background);
+  border-left: 1px solid var(--aidev-line-medium-color);
+}
+.t-table-setting-trigger[data-v-rgqxhkic] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  color: var(--aidev-disabled-color);
+  cursor: pointer;
+}
+.t-table-setting-trigger[data-v-rgqxhkic]:hover {
+  color: var(--aidev-clickable-color);
+}
+[data-v-rgqxhkic] .t-table__header th:last-child {
+  padding-right: 42px !important;
+}
+[data-v-rgqxhkic] .t-table__header th {
+  height: 42px;
+  padding-top: 0;
+  padding-bottom: 0;
+  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;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__content .t-table__body .t-table__empty-row {
-    background-color: #fff !important;
+[data-v-rgqxhkic] .t-table__th-cell-inner {
+  color: var(--aidev-title-color);
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__content .t-table__body .t-table__empty-row >td {
-      border: none;
+[data-v-rgqxhkic] .t-table__cell--sort-trigger.t-table__double-icons {
+  gap: 2px;
 }
-.t-t-table[data-v-3o8t7fy4] th .t-table__ellipsis {
-    width: auto !important;
+[data-v-rgqxhkic] .t-table__sort-icon--active > i {
+  color: var(--aidev-clickable-color) !important;
 }
-.t-t-table[data-v-3o8t7fy4] .t-loading__gradient.t-icon-loading {
-    display: none;
+[data-v-rgqxhkic] .t-table__header th:hover {
+  background-color: var(--aidev-inner-background) !important;
 }
-.t-t-table.t-table__content--scrollable-to-right[data-v-3o8t7fy4] th.t-table__cell--fixed-right-first::after,
-    .t-t-table.t-table__content--scrollable-to-right[data-v-3o8t7fy4] td.t-table__cell--fixed-right-first::after {
-      border-left: 2px solid #dcdee5;
+.t-table--column-resizable[data-v-rgqxhkic]:not(.t-table--bordered) thead.t-table__header:hover th {
+    border-top-color: var(--aidev-list-item-hover-background) !important;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__affixed-header-elm-wrap>div {
-      width: 100% !important;
-      scrollbar-width: none;
+.t-table--column-resizable[data-v-rgqxhkic]:not(.t-table--bordered) thead.t-table__header:hover th:not(:last-child) {
+    border-right-color: var(--aidev-list-item-hover-background) !important;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table--layout-fixed{
-    width: 100% !important;
+[data-v-rgqxhkic] .t-table__body td {
+  height: 42px;
+  padding-top: 0;
+  padding-bottom: 0;
+  color: var(--aidev-main-color);
+  font-family: inherit;
+  font-size: 12px;
 }
-.t-t-table[data-v-3o8t7fy4] .bk-exception-description{
-    margin-bottom: 0;
+[data-v-rgqxhkic] .t-table__body tr:not(.t-table__empty-row):hover,[data-v-rgqxhkic] .t-table__body tr.t-table__row--hover {
+  background-color: var(--aidev-list-item-hover-background);
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__content{
-    z-index: 2;
-    max-height: 100%;
-    overflow: auto;
+[data-v-rgqxhkic] .t-table__body tr:not(.t-table__empty-row):not(.t-table__row--active):hover > td,[data-v-rgqxhkic] .t-table__body tr.t-table__row--hover:not(.t-table__row--active) > td {
+  background-color: var(--aidev-list-item-hover-background);
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__content::-webkit-scrollbar {
-      width: 6px;
-      height: 6px;
+[data-v-rgqxhkic] .t-table__body tr.t-table__empty-row,[data-v-rgqxhkic] .t-table__body tr.t-table__empty-row:hover,[data-v-rgqxhkic] .t-table__body tr.t-table__empty-row:hover > td {
+  background-color: transparent !important;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__content::-webkit-scrollbar-thumb {
-      width: 6px;
-      height: 6px;
-      border-radius: 3px;
-      background-color: #dcdee5;
+[data-v-rgqxhkic] .t-table__pagination {
+  box-sizing: border-box;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  height: 60px;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-family: inherit;
+  font-size: 12px;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__content::-webkit-scrollbar-thumb:hover {
-        background-color: #979ba5;
+[data-v-rgqxhkic] .t-pagination {
+  font-family: inherit;
+  font-size: 12px;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
-    line-height: 100%;
+[data-v-rgqxhkic] .t-pagination__total,[data-v-rgqxhkic] .t-pagination__select,[data-v-rgqxhkic] .t-pagination__number,[data-v-rgqxhkic] .t-pagination__jump {
+  font-family: inherit;
+  font-size: 12px;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__cell--sort-trigger.t-table__double-icons{
-    gap: 5px;
+[data-v-rgqxhkic] .t-pagination__select,[data-v-rgqxhkic] .t-pagination__select .t-input,[data-v-rgqxhkic] .t-pagination__select .t-input__inner,[data-v-rgqxhkic] .t-pagination__select .t-select-input,[data-v-rgqxhkic] .t-pagination__select .t-select__single {
+  font-size: 12px;
+  color: var(--aidev-main-color);
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__sort-icon--active>i{
-    color: #3a84ff !important;
+[data-v-rgqxhkic] .t-pagination__select .t-input--focused {
+  border-color: var(--aidev-clickable-color) !important;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__cell--fixed-left:has(.checkbox){
-    line-height: 100%;
+[data-v-rgqxhkic] .t-table--loading .t-table__content {
+  min-height: 42px !important;
 }
-.t-t-table[data-v-3o8t7fy4] .t-table__filter-icon.t-is-focus>span{
-    color: #3a84ff !important;
+[data-v-rgqxhkic] .t-pagination__number.t-is-current,[data-v-rgqxhkic] .t-pagination__number.t-is-current:hover,[data-v-rgqxhkic] .t-pagination__number.t-is-current:active,[data-v-rgqxhkic] .t-pagination__number:active {
+  background-color: #e1ecff;
+  border-color: #e1ecff;
+  color: var(--aidev-clickable-color);
+  font-size: 12px;
 }
 
 
 .t-table-dialog {
-  padding: 0px !important;
-  border-radius: 0px;
-  box-shadow: 0 0 6px #dcdee5;
-  color: #26323d;
-}
-.t-table-dialog .t-checkbox-group .t-checkbox .bkaidev-shezhi {
-    display: none;
-}
-.t-table-dialog .t-checkbox-group label:has(input[value="checkbox"]){
-    display: none;
-}
-.t-table-dialog .t-table-dialog-header {
-    margin: 24px;
-    font-weight: 400;
-    display: inline-block;
-    height: 26px;
-    font-size: 20px;
-    line-height: 26px;
-    color: #313238;
-}
-.t-table-dialog .t-dialog__close {
-    width: 30px;
-    height: 30px;
-    position: absolute;
-    top: 2px;
-    right: 9px;
-}
-.t-table-dialog .t-checkbox__label {
-    display: flex;
-    align-items: center;
-    color: #63656e;
+  --td-font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC',
+    'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
+  font-family: var(--td-font-family);
+  font-size: 12px !important;
+  padding: 16px !important;
 }
-.t-table-dialog .t-table__column-controller-block {
-    justify-content: end;
-    display: flex;
-    border: none !important;
-    padding: 0 !important;
+.t-table-dialog .t-dialog__header {
+  font-size: 18px;
+  font-weight: normal;
 }
 .t-table-dialog .t-table__column-controller-desc {
-    font-size: 14px;
-    line-height: 22px;
-    color: #313238;
-    text-align: left;
-    position: absolute;
-    top: 74px;
-    left: 24px;
-    font-weight: 400;
-}
-.t-table-dialog .t-table__column-controller-body {
-    padding: 0 24px;
-}
-.t-table-dialog .t-table-row-height {
-    display: flex;
-    height: 76px;
-    font-size: 14px;
-    border-top: solid 1px #f0f1f5;
-    align-items: center;
-    color: #26323d;
-}
-.t-table-dialog .t-table-row-height .bk-radio-button {
-      width: 68px;
-      height: 26px;
-}
-.t-table-dialog .t-table-row-height .bk-radio-button .bk-radio-button-label {
-        line-height: 26px;
-        height: 100%;
-}
-.t-table-dialog .t-dialog__footer {
-    display: flex;
-    height: 50px;
-    padding: 0 24px;
-    border-top: 1px solid #dcdee5;
-    border-radius: 0 0 2px 2px;
-    justify-content: flex-end;
-    align-items: center;
-}
-.t-table-dialog .t-dialog__footer .t-button--theme-primary {
-      background-color: #3a84ff;
-      border: none;
-}
-.t-table-dialog .t-dialog__footer .t-button--theme-default {
-      background-color: #fff;
-      color: #63656e;
-      border: 1px solid #c4c6cc;
+  margin-bottom: 16px;
 }
 .t-table-dialog .t-dialog__body {
-    padding: 0;
+  padding: 16px 0 0 0 !important;
+}
+.t-table-dialog .t-dialog__body,
+.t-table-dialog .t-dialog__footer,
+.t-table-dialog .t-checkbox,
+.t-table-dialog .t-checkbox__label,
+.t-table-dialog .t-table__column-controller-desc,
+.t-table-dialog .t-button {
+  font-family: inherit;
+  font-size: 12px;
 }
-.t-table-dialog .t-table__column-controller-item {
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
+.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: var(--aidev-clickable-color) !important;
+  border-color: var(--aidev-clickable-color) !important;
 }
-.t-table-dialog .t-checkbox.t-is-checked .t-checkbox__input {
-      background: #3a84ff;
-      border: 1px solid hsl(223, 7%, 62%);
+.t-table-dialog .t-dialog__header,
+.t-table-dialog .t-dialog__header-content {
+  color: var(--aidev-title-color);
 }
-.t-table-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input {
-      background: #3a84ff;
-      border: 1px solid #979ba5;
+.t-table-dialog .t-dialog__body,
+.t-table-dialog .t-checkbox__label,
+.t-table-dialog .t-table__column-controller-desc {
+  color: var(--aidev-main-color);
+}
+.t-table-pagination-select-popup .t-select-option,
+.t-table-pagination-select-popup .t-select-option.t-size-s,
+.t-table-pagination-select-popup .t-select-option.t-size-m,
+.t-table-pagination-select-popup .t-select-option > span {
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC',
+    'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
+  font-size: 12px !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: var(--aidev-clickable-color) !important;
+}
+.t-table-dialog .t-table__column-controller-block {
+  padding: 12px !important;
 }

package/dist/components/render-t-table/index.vue.d.ts

@@ -1,32 +1,26 @@
-import type { IPagination, ITTableCol } from '@/types/common';
-declare const __VLS_export: <T, S>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
-        columns: Array<ITTableCol<T>>;
-        isLoading?: boolean;
-        tableData: T[];
-        pagination?: IPagination;
-        layout?: string[];
-        containerHeight?: string;
-        search?: S;
-        rowClassName?: string | string[] | Record<string, boolean> | ((row: T, index: number) => string | number | string[] | Record<string, boolean>);
-        rowKey: string;
-        height?: string;
-        paginationBorder?: boolean;
-    } & {
+import type { TdEnhancedTableProps } from 'tdesign-vue-next';
+import type { IPagination, ITTableColumn } from '@/types/common';
+import { OrderMethod } from '@/types/enum';
+export interface IProps<T, S, O> extends Omit<TdEnhancedTableProps<T>, 'pagination' | 'sort' | 'columns' | 'selectedRowKeys' | 'onPageChange' | 'onSortChange' | 'onSelectChange' | 'onFilterChange'> {
+    columns?: Array<ITTableColumn<T>>;
+    search?: S;
+    pagination?: IPagination;
+    orderBy?: O;
+    orderMethod?: OrderMethod;
+    selectedDatas?: T[];
+}
+export interface IEmits<T, S, O> {
+    (e: 'update:search', search: S): void;
+    (e: 'update:selectedDatas', selectedDatas: T[]): void;
+    (e: 'sort-change', orderBy: O | undefined, orderMethod: OrderMethod | undefined): void;
+    (e: 'page-change', page: number, pageSize: number): void;
+}
+declare const __VLS_export: <T, S, O>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<IProps<T, S, O> & {
         "onUpdate:search"?: (search: S) => any;
-        "onRow-mouseleave"?: () => any;
-        "onSort-change"?: (config: {
-            descending: boolean;
-        }, val: {
-            col: {
-                sortKey: string;
-            };
-        }) => any;
-        "onSelect-change"?: (keys: string | number[], selectedRowData: T[]) => any;
-        "onPage-change"?: (val: number) => any;
-        "onPage-size-change"?: (val: number) => any;
-        "onRow-click"?: (row: T) => any;
-        "onRow-mouseenter"?: (row: T) => any;
+        "onUpdate:selectedDatas"?: (selectedDatas: T[]) => any;
+        "onSort-change"?: (orderBy: O, orderMethod: OrderMethod) => any;
+        "onPage-change"?: (page: number, pageSize: number) => any;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -37,22 +31,9 @@ declare const __VLS_export: <T, S>(__VLS_props: NonNullable<Awaited<typeof __VLS
             row: T;
         }) => any;
     };
-    emit: {
-        (event: "sort-change", config: {
-            descending: boolean;
-        }, val: {
-            col: {
-                sortKey: string;
-            };
-        }): void;
-        (event: "page-change" | "page-size-change", val: number): void;
-        (event: "row-mouseleave"): void;
-        (event: "select-change", keys: string | number[], selectedRowData: T[]): void;
-        (event: "row-click" | "row-mouseenter", row: T): void;
-        (event: "update:search", search: S): void;
-    };
+    emit: IEmits<T, S, O>;
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

@@ -28,9 +28,9 @@ function _async_to_generator(fn) {
     };
 }
 import { defineComponent as _defineComponent } from 'vue';
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, withCtx as _withCtx, createBlock as _createBlock, withDirectives as _withDirectives } from "vue";
+import { unref as _unref, resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, withCtx as _withCtx, createBlock as _createBlock, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = {
-    class: "!g-h-full !g-bg-white g-p-12"
+    class: "!g-h-full !g-bg-[var(--aidev-main-background)] g-p-12"
 };
 const _hoisted_2 = {
     class: "g-flex-row manage-tree-item"
@@ -40,12 +40,13 @@ const _hoisted_3 = {
     "data-ellipsis-tooltip": ""
 };
 const _hoisted_4 = {
-    class: "tag-number g-number-font"
+    class: "tag-number g-number-font g-rounded-[var(--aidev-radius-s)]"
 };
 import { ref, toRef, watch } from 'vue';
 import { isSearchMatch } from '../../common/util.ts.js';
 import RenderTree from '../render-tree/index.vue.js';
 import { useCommonHttp } from '../../hooks/use-common-http.ts.js';
+import { t } from '../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         module: {},
@@ -71,7 +72,7 @@ export default /*@__PURE__*/ _defineComponent({
         const tags = ref([]);
         const allDataMap = ref({
             tagId: undefined,
-            tagName: '全部',
+            tagName: t('全部'),
             count: 0,
             property: null,
             children: []
@@ -161,13 +162,14 @@ export default /*@__PURE__*/ _defineComponent({
             return _openBlock(), _createElementBlock("section", _hoisted_1, [
                 _createVNode(_component_bk_input, {
                     "model-value": props.tagName,
+                    placeholder: _unref(t)('搜索标签关键字'),
                     type: "search",
                     class: "g-mb-12",
                     clearable: "",
-                    placeholder: "搜索标签关键字",
                     "onUpdate:modelValue": handleUpdateTagName
                 }, null, 8 /* PROPS */ , [
-                    "model-value"
+                    "model-value",
+                    "placeholder"
                 ]),
                 _withDirectives((_openBlock(), _createBlock(RenderTree, {
                     "opened-ids": openedIds.value,
@@ -187,14 +189,15 @@ export default /*@__PURE__*/ _defineComponent({
                             data.tagId === undefined ? (_openBlock(), _createElementBlock("i", {
                                 key: 0,
                                 class: _normalizeClass({
-                                    'quick-icon ai-ui-sdk-icon ai-ui-sdk-quanbu-xuanzhong !g-text-18 g-mr-8 g-text-gray': true,
+                                    'quick-icon ai-ui-sdk-icon ai-ui-sdk-quanbu-xuanzhong !g-text-18 g-mr-8': true,
+                                    'g-text-[var(--aidev-assist-color)]': true,
                                     'bottom-line': !isExistNoTags.value
                                 })
                             }, null, 2 /* CLASS */ )) : _createCommentVNode("v-if", true),
                             data.tagId === -1 ? (_openBlock(), _createElementBlock("i", {
                                 key: 1,
                                 class: _normalizeClass({
-                                    'quick-icon ai-ui-sdk-icon ai-ui-sdk-wubiaoqian !g-text-18 g-mr-8 g-text-gray': true,
+                                    'quick-icon ai-ui-sdk-icon ai-ui-sdk-wubiaoqian !g-text-18 g-mr-8 g-text-[var(--aidev-assist-color)]': true,
                                     'bottom-line': isExistNoTags.value
                                 })
                             }, null, 2 /* CLASS */ )) : _createCommentVNode("v-if", true),

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

@@ -1,31 +1,30 @@
 
-.tag-tree[data-v-8dzsas21] {
+.tag-tree[data-v-hswipz9g] {
   font-size: 12px;
   height: auto;
   max-height: calc(100% - 44px);
 }
-.tag-tree .manage-tree-item[data-v-8dzsas21] {
+.tag-tree .manage-tree-item[data-v-hswipz9g] {
     height: 32px;
     flex: 1;
 }
-.tag-tree .quick-icon[data-v-8dzsas21] {
+.tag-tree .quick-icon[data-v-hswipz9g] {
     margin-left: -24px;
     padding-left: 8px;
 }
-.tag-tree[data-v-8dzsas21] .tree-item:has(.bottom-line) {
-      border-bottom: 1px solid #F0F1F5;
+.tag-tree[data-v-hswipz9g] .tree-item:has(.bottom-line) {
+      border-bottom: 1px solid var(--aidev-line-strong-color);
 }
-.tag-tree[data-v-8dzsas21] .tree-item.active .quick-icon {
-        color: #3A84FF;
+.tag-tree[data-v-hswipz9g] .tree-item.active .quick-icon {
+        color: var(--aidev-clickable-color);
 }
-.tag-tree[data-v-8dzsas21] .tree-item.active .tag-number {
-        background: #A3C5FD;
+.tag-tree[data-v-hswipz9g] .tree-item.active .tag-number {
+        background: var(--aidev-list-item-active-count-background);
         color: #fff;
 }
-.tag-number[data-v-8dzsas21] {
+.tag-number[data-v-hswipz9g] {
   line-height: 16px;
   padding: 0 4px;
-  background-color: #F0F1F5;
-  color: #979BA5;
-  border-radius: 2px;
+  background-color: var(--aidev-tag-background);
+  color: var(--aidev-tag-color);
 }

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

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-8dzsas21";
+script.__scopeId = "data-v-hswipz9g";
 script.__file = "./src/components/render-tag-tree/index.vue";
 import './index.vue.css';
 export default script;