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

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

@@ -1,15 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-require('../../../node_modules/regenerator-runtime/runtime.js');
-require('../../../node_modules/core-js/modules/es.array.join.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/web.dom-collections.for-each.js');
-var _vue = require("vue");
-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);
@@ -36,14 +25,17 @@ var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments,
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var _hoisted_1 = {
+import { defineComponent as _defineComponent } from 'vue';
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
+const _hoisted_1 = {
     class: "g-flex-main-text"
 };
-var _hoisted_2 = [
+const _hoisted_2 = [
     "is-show"
 ];
-var gap = 4;
-var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { nextTick, ref, watch } from 'vue';
+const gap = 4;
+export default /*@__PURE__*/ _defineComponent({
     props: {
         tagNames: {},
         height: {
@@ -56,103 +48,86 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
             default: 4
         }
     },
-    setup: function setup(__props) {
-        var _this = this;
-        var props = __props;
-        var overflowTags = (0, _vue.ref)([]);
-        var container = (0, _vue.ref)(null);
-        var calculateTags = function calculateTags() {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
-                var _a, _b, currentWidth, containerWidth, allTags;
-                return regeneratorRuntime.wrap(function(_context) {
-                    while(1)switch(_context.prev = _context.next){
-                        case 0:
-                            if (container.value) {
-                                currentWidth = 0;
-                                containerWidth = container.value.offsetWidth;
-                                overflowTags.value = [];
-                                allTags = (_a = container.value) === null || _a === void 0 ? void 0 : _a.children;
-                                (_b = props.tagNames) === null || _b === void 0 ? void 0 : _b.forEach(function(tag, index) {
-                                    var tagEl = allTags[index];
-                                    if (!tagEl) return;
-                                    var tagWidth = tagEl.offsetWidth;
-                                    if (currentWidth + tagWidth + gap <= containerWidth && tagWidth) {
-                                        currentWidth += tagWidth + gap;
-                                        tagEl.setAttribute('is-show', true);
-                                    } else {
-                                        overflowTags.value.push(tag);
-                                        tagEl.setAttribute('is-show', false);
-                                    }
-                                });
-                            }
-                        case 1:
-                        case "end":
-                            return _context.stop();
-                    }
-                }, _callee);
-            }));
-        };
-        (0, _vue.watch)(function() {
-            return props.tagNames;
-        }, function() {
-            (0, _vue.nextTick)(calculateTags);
+    setup (__props) {
+        const props = __props;
+        const overflowTags = ref([]);
+        const container = ref(null);
+        const calculateTags = ()=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b;
+                if (container.value) {
+                    let currentWidth = 0;
+                    const containerWidth = container.value.offsetWidth;
+                    overflowTags.value = [];
+                    const allTags = (_a = container.value) === null || _a === void 0 ? void 0 : _a.children;
+                    (_b = props.tagNames) === null || _b === void 0 ? void 0 : _b.forEach((tag, index)=>{
+                        const tagEl = allTags[index];
+                        if (!tagEl) return;
+                        const tagWidth = tagEl.offsetWidth;
+                        if (currentWidth + tagWidth + gap <= containerWidth && tagWidth) {
+                            currentWidth += tagWidth + gap;
+                            tagEl.setAttribute('is-show', true);
+                        } else {
+                            overflowTags.value.push(tag);
+                            tagEl.setAttribute('is-show', false);
+                        }
+                    });
+                }
+            });
+        watch(()=>props.tagNames, ()=>{
+            nextTick(calculateTags);
         }, {
             deep: true,
             immediate: true
         });
-        return function(_ctx, _cache) {
-            var _component_bk_popover = (0, _vue.resolveComponent)("bk-popover");
-            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [
-                (0, _vue.createElementVNode)("div", {
+        return (_ctx, _cache)=>{
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            return _openBlock(), _createElementBlock("div", _hoisted_1, [
+                _createElementVNode("div", {
                     ref_key: "container",
                     ref: container,
                     class: "tag-container g-flex-row"
                 }, [
-                    ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(__props.tagNames, function(tag, idx) {
-                        return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", {
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.tagNames, (tag, idx)=>{
+                        return _openBlock(), _createElementBlock("span", {
                             class: "g-text-10 g-text-center g-leading-16 tag-home",
                             key: tag + '-' + idx
                         }, [
-                            (0, _vue.createElementVNode)("span", {
-                                style: (0, _vue.normalizeStyle)({
-                                    height: "".concat(__props.height, "px"),
-                                    lineHeight: "".concat(__props.height, "px"),
-                                    fontSize: "".concat(__props.fontSize, "px"),
-                                    padding: "0 ".concat(__props.padding, "px")
+                            _createElementVNode("span", {
+                                style: _normalizeStyle({
+                                    height: `${__props.height}px`,
+                                    lineHeight: `${__props.height}px`,
+                                    fontSize: `${__props.fontSize}px`,
+                                    padding: `0 ${__props.padding}px`
                                 }),
-                                class: "tag-list !g-inline-block g-text-left g-text-normal"
-                            }, (0, _vue.toDisplayString)(tag.join('/')), 5 /* TEXT, STYLE */ )
+                                class: "tag-list !g-inline-block g-text-left g-text-[var(--aidev-tag-color)]"
+                            }, _toDisplayString(tag.join('/')), 5 /* TEXT, STYLE */ )
                         ]);
                     }), 128 /* KEYED_FRAGMENT */ )),
-                    (0, _vue.createVNode)(_component_bk_popover, {
+                    _createVNode(_component_bk_popover, {
                         disabled: !overflowTags.value.length,
                         "ext-cls": "popover-main"
                     }, {
-                        content: (0, _vue.withCtx)(function() {
-                            return [
-                                (0, _vue.createElementVNode)("ul", null, [
-                                    ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(overflowTags.value, function(tag, idx) {
-                                        return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("li", {
+                        content: _withCtx(()=>[
+                                _createElementVNode("ul", null, [
+                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(overflowTags.value, (tag, idx)=>{
+                                        return _openBlock(), _createElementBlock("li", {
                                             key: tag + '-' + idx
-                                        }, (0, _vue.toDisplayString)(tag.join('/')), 1 /* TEXT */ );
+                                        }, _toDisplayString(tag.join('/')), 1 /* TEXT */ );
                                     }), 128 /* KEYED_FRAGMENT */ ))
                                 ])
-                            ];
-                        }),
-                        default: (0, _vue.withCtx)(function() {
-                            return [
-                                (0, _vue.createElementVNode)("span", {
+                            ]),
+                        default: _withCtx(()=>[
+                                _createElementVNode("span", {
                                     "is-show": !!overflowTags.value.length,
-                                    style: (0, _vue.normalizeStyle)({
-                                        height: "".concat(__props.height, "px"),
-                                        lineHeight: "".concat(__props.height, "px"),
-                                        fontSize: "".concat(__props.fontSize, "px"),
-                                        padding: "0 ".concat(__props.padding, "px")
+                                    style: _normalizeStyle({
+                                        height: `${__props.height}px`,
+                                        lineHeight: `${__props.height}px`,
+                                        fontSize: `${__props.fontSize}px`,
+                                        padding: `0 ${__props.padding}px`
                                     }),
-                                    class: "tag-home g-leading-22 !g-cursor-pointer g-text-normal g-number-font tag-list"
-                                }, " +" + (0, _vue.toDisplayString)(overflowTags.value.length), 13 /* TEXT, STYLE, PROPS */ , _hoisted_2)
-                            ];
-                        }),
+                                    class: "tag-home g-leading-22 !g-cursor-pointer g-text-[var(--aidev-tag-color)] g-number-font tag-list"
+                                }, " +" + _toDisplayString(overflowTags.value.length), 13 /* TEXT, STYLE, PROPS */ , _hoisted_2)
+                            ]),
                         _: 1 /* STABLE */ 
                     }, 8 /* PROPS */ , [
                         "disabled"

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

@@ -1,24 +1,24 @@
 
-.tag-container[data-v-5636r58e] {
+.tag-container[data-v-m1y51sga] {
   visibility: hidden;
   white-space: nowrap;
   column-gap: 4px;
   width: calc(100% - 20px);
 }
-.tag-home[data-v-5636r58e] {
+.tag-home[data-v-m1y51sga] {
   vertical-align: sub;
   flex-shrink: 0;
 }
-[is-show="true"][data-v-5636r58e] {
+[is-show="true"][data-v-m1y51sga] {
   visibility: visible;
 }
-[is-show="false"][data-v-5636r58e] {
+[is-show="false"][data-v-m1y51sga] {
   display: none !important;
 }
-.popover-main[data-v-5636r58e] {
+.popover-main[data-v-m1y51sga] {
   padding: 8px 8px 10px;
 }
-.tag-list[data-v-5636r58e] {
-  border-radius: 2px;
-  background: #F0F1F5;
+.tag-list[data-v-m1y51sga] {
+  border-radius: var(--aidev-radius-s);
+  background: var(--aidev-tag-background);
 }

package/dist/components/render-tags/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js';
-script.__scopeId = "data-v-5636r58e";
+script.__scopeId = "data-v-m1y51sga";
 script.__file = "./src/components/render-tags/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,8 +1,9 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 import { ref } from 'vue';
 import RenderSearchSelect from '../../render-search-select/index.vue.js';
 import { useMemberHttp } from '../../../hooks.ts.js';
+import { t } from '../../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         search: {},
@@ -27,20 +28,20 @@ export default /*@__PURE__*/ _defineComponent({
         const searchOptions = ref([
             {
                 id: 'toolName',
-                name: '中文名称'
+                name: t('中文名称')
             },
             {
                 id: 'toolCode',
-                name: '英文名称'
+                name: t('英文名称')
             },
             {
                 id: 'description',
-                name: '描述'
+                name: t('描述')
             },
             ...props.isShowAllSearchOptions ? [
                 {
                     id: 'updatedBy',
-                    name: '更新人',
+                    name: t('更新人'),
                     async: true,
                     children: []
                 }
@@ -56,21 +57,21 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderSearchSelect, {
-                class: "!g-bg-white",
-                placeholder: __props.isShowAllSearchOptions ? '搜索中英文名称、描述、更新人' : '搜索工具中英文名称、描述',
-                "model-value": props.search,
                 data: searchOptions.value,
                 "onUpdate:data": _cache[0] || (_cache[0] = ($event)=>searchOptions.value = $event),
+                placeholder: __props.isShowAllSearchOptions ? _unref(t)('搜索中英文名称、描述、更新人') : _unref(t)('搜索工具中英文名称、描述'),
+                "model-value": props.search,
                 "is-show-tag-search": props.isShowTagSearch,
                 "api-prefix": props.apiPrefix,
                 "space-id": props.spaceId,
                 module: props.module,
                 "get-menu-list": handleGetMenuList,
+                class: "!g-bg-[var(--aidev-main-background)]",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [
+                "data",
                 "placeholder",
                 "model-value",
-                "data",
                 "is-show-tag-search",
                 "api-prefix",
                 "space-id",

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,17 @@ 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, unref as _unref, 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';
+import { t } from '../../i18n/index.ts.js';
+export default /*@__PURE__*/ _defineComponent({
     props: {
         data: {},
         search: {},
@@ -61,16 +48,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 +64,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-flex-row g-rounded-[var(--aidev-radius)] 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,17 +177,17 @@ 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: "暂无数据",
+                    description: _unref(t)('暂无数据'),
                     type: "empty",
                     scene: "part",
-                    class: "g-exception",
                     "onUpdate:search": handleUpdateSearch
                 }, null, 8 /* PROPS */ , [
-                    "search"
-                ])) : (0, _vue.createCommentVNode)("v-if", true)
+                    "search",
+                    "description"
+                ])) : _createCommentVNode("v-if", true)
             ]);
         };
     }

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

@@ -5,7 +5,7 @@
   cursor: pointer;
 }
 .tree-item .shape-icon {
-    color: #979BA5;
+    color: var(--aidev-assist-color);
     margin-right: 8px;
     width: 12px;
 }
@@ -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/components/render-tree/index.vue.d.ts

@@ -39,7 +39,7 @@ declare const __VLS_export: <S, T extends {
         (event: "update:search", value: S): void;
     };
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;