@blueking/ai-ui-sdk 0.2.0-beta.9 → 0.2.2-beta.1

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

@@ -1,12 +1,12 @@
 
-.t-t-pagination[data-v-2yqyk6un] {
+.t-t-pagination[data-v-13bu1k59] {
   position: relative;
   padding: 16px 16px 0 16px;
 }
-.t-t-pagination[data-v-2yqyk6un] .bk-pagination-list.is-last {
+.t-t-pagination[data-v-13bu1k59] .bk-pagination-list.is-last {
     margin-left: auto;
 }
-.pagination-loading[data-v-2yqyk6un]::after {
+.pagination-loading[data-v-13bu1k59]::after {
     content: '';
     position: absolute;
     top: 0;
@@ -16,93 +16,93 @@
     background-color: rgba(255, 255, 255, 0.6);
     z-index: 72;
 }
-.pagination-border[data-v-2yqyk6un] {
+.pagination-border[data-v-13bu1k59] {
   border-right: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
   padding-bottom: 16px;
 }
-.t-t-table[data-v-2yqyk6un] {
+.t-t-table[data-v-13bu1k59] {
   display: inline;
   font-size: 12px;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__th-cell-inner {
+.t-t-table[data-v-13bu1k59] .t-table__th-cell-inner {
     color: #313238;
 }
-.t-t-table[data-v-2yqyk6un] th {
+.t-t-table[data-v-13bu1k59] th {
     padding: 0 16px;
     height: 42px;
     background-color: #FAFBFD !important;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__body tr {
+.t-t-table[data-v-13bu1k59] .t-table__body tr {
     color: #63656e;
     font-size: 12px;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__body tr td {
+.t-t-table[data-v-13bu1k59] .t-table__body tr td {
       padding: 0 16px;
       height: 40px;
       background-color: #fff;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__body tr:hover td {
+.t-t-table[data-v-13bu1k59] .t-table__body tr:hover td {
     background-color: #f5f7fa !important;
     color: #63656E;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__content .t-table__body .t-table__empty-row {
+.t-t-table[data-v-13bu1k59] .t-table__content .t-table__body .t-table__empty-row {
     background-color: #fff !important;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__content .t-table__body .t-table__empty-row >td {
+.t-t-table[data-v-13bu1k59] .t-table__content .t-table__body .t-table__empty-row >td {
       border: none;
 }
-.t-t-table[data-v-2yqyk6un] th .t-table__ellipsis {
+.t-t-table[data-v-13bu1k59] th .t-table__ellipsis {
     width: auto !important;
 }
-.t-t-table[data-v-2yqyk6un] .t-loading__gradient.t-icon-loading {
+.t-t-table[data-v-13bu1k59] .t-loading__gradient.t-icon-loading {
     display: none;
 }
-.t-t-table[data-v-2yqyk6un]:first-of-type .t-table__affixed-header-elm-wrap{
+.t-t-table[data-v-13bu1k59]:first-of-type .t-table__affixed-header-elm-wrap{
       width: calc(100% - 6px) !important;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__affixed-header-elm-wrap>div {
+.t-t-table[data-v-13bu1k59] .t-table__affixed-header-elm-wrap>div {
       width: 100% !important;
       scrollbar-width: none;
 }
-.t-t-table[data-v-2yqyk6un] .t-table--layout-fixed{
+.t-t-table[data-v-13bu1k59] .t-table--layout-fixed{
     width: 100% !important;
 }
-.t-t-table[data-v-2yqyk6un] .bk-exception-description{
+.t-t-table[data-v-13bu1k59] .bk-exception-description{
     margin-bottom: 0;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__content{
+.t-t-table[data-v-13bu1k59] .t-table__content{
     z-index: 2;
     max-height: 100%;
     overflow: auto;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__content::-webkit-scrollbar {
+.t-t-table[data-v-13bu1k59] .t-table__content::-webkit-scrollbar {
       width: 6px;
       height: 6px;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__content::-webkit-scrollbar-thumb {
+.t-t-table[data-v-13bu1k59] .t-table__content::-webkit-scrollbar-thumb {
       width: 6px;
       height: 6px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__content::-webkit-scrollbar-thumb:hover {
+.t-t-table[data-v-13bu1k59] .t-table__content::-webkit-scrollbar-thumb:hover {
         background-color: #979ba5;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
+.t-t-table[data-v-13bu1k59] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__cell--sort-trigger.t-table__double-icons{
+.t-t-table[data-v-13bu1k59] .t-table__cell--sort-trigger.t-table__double-icons{
     gap: 5px;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__sort-icon--active>i{
+.t-t-table[data-v-13bu1k59] .t-table__sort-icon--active>i{
     color: #3a84ff !important;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__cell--fixed-left:has(.checkbox){
+.t-t-table[data-v-13bu1k59] .t-table__cell--fixed-left:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-2yqyk6un] .t-table__filter-icon.t-is-focus>span{
+.t-t-table[data-v-13bu1k59] .t-table__filter-icon.t-is-focus>span{
     color: #3a84ff !important;
 }
 

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

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

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

@@ -1,28 +1,28 @@
 
-.tag-tree[data-v-h76ywc3q] {
+.tag-tree[data-v-uphy009v] {
   font-size: 12px;
   height: auto;
   max-height: calc(100% - 44px);
 }
-.tag-tree .manage-tree-item[data-v-h76ywc3q] {
+.tag-tree .manage-tree-item[data-v-uphy009v] {
     height: 32px;
     flex: 1;
 }
-.tag-tree .quick-icon[data-v-h76ywc3q] {
+.tag-tree .quick-icon[data-v-uphy009v] {
     margin-left: -24px;
     padding-left: 8px;
 }
-.tag-tree[data-v-h76ywc3q] .tree-item:has(.bottom-line) {
+.tag-tree[data-v-uphy009v] .tree-item:has(.bottom-line) {
       border-bottom: 1px solid #F0F1F5;
 }
-.tag-tree[data-v-h76ywc3q] .tree-item.active .quick-icon {
+.tag-tree[data-v-uphy009v] .tree-item.active .quick-icon {
         color: #3A84FF;
 }
-.tag-tree[data-v-h76ywc3q] .tree-item.active .tag-number {
+.tag-tree[data-v-uphy009v] .tree-item.active .tag-number {
         background: #A3C5FD;
         color: #fff;
 }
-.tag-number[data-v-h76ywc3q] {
+.tag-number[data-v-uphy009v] {
   line-height: 16px;
   padding: 0 4px;
   background-color: #F0F1F5;

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-h76ywc3q";
+script.__scopeId = "data-v-uphy009v";
 script.__file = "./src/components/render-tag-tree/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,4 +1,24 @@
-var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+"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) {
     function adopt(value) {
         return value instanceof P ? value : new P(function(resolve) {
             resolve(value);
@@ -25,16 +45,10 @@ var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, gener
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-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 = {
+var _hoisted_1 = {
     class: "g-scrollbar"
 };
-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({
+var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
     props: {
         data: {},
         search: {},
@@ -47,12 +61,16 @@ export default /*@__PURE__*/ _defineComponent({
         permissionActionIds: {},
         chooseCheck: {
             type: Function,
-            default: ()=>Promise.resolve(true)
+            default: function _default() {
+                return Promise.resolve(true);
+            }
         },
         isNodeHasChildren: {},
         isNodeHasPermission: {
             type: Function,
-            default: ()=>true
+            default: function _default() {
+                return true;
+            }
         }
     },
     emits: [
@@ -63,119 +81,157 @@ export default /*@__PURE__*/ _defineComponent({
         "async-load",
         "update:search"
     ],
-    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)=>{
+    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) {
             emits('update:search', value);
         };
         // 点击树组件
-        const handleClickTreeItem = (data)=>{
+        var handleClickTreeItem = function handleClickTreeItem(data) {
             handleChooseTreeItem(data);
             handleShowTreeChildren(data);
         };
         // 选择树组件
-        const handleChooseTreeItem = (data)=>__awaiter(this, void 0, void 0, function*() {
-                const allowed = yield props.chooseCheck(data);
-                if (allowed) {
-                    emits('select', 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 handleShowTreeChildren = (data)=>{
+        var handleShowTreeChildren = function handleShowTreeChildren(data) {
             var _a;
-            if (props.isNodeHasChildren(data) && ((_a = data.children) === null || _a === void 0 ? void 0 : _a.length) <= 0) {
+            if (!props.isNodeHasChildren(data)) return;
+            if (((_a = data.children) === null || _a === void 0 ? void 0 : _a.length) <= 0) {
                 emits('async-load', data);
             }
             // 计算展开的id
-            const openedIds = [
-                ...props.openedIds
-            ];
-            const index = openedIds.indexOf(data[props.keyName]);
+            var openedIds = (0, _toConsumableArray2.default)(props.openedIds);
+            var index = openedIds.indexOf(data[props.keyName]);
             if (index < 0) {
                 openedIds.push(data[props.keyName]);
             }
             emits('update:openedIds', openedIds);
         };
         // 展开折叠树组件
-        const handleToggleTreeItem = (data)=>{
+        var handleToggleTreeItem = function 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
-            let openedIds = [
-                ...props.openedIds
-            ];
-            const index = openedIds.indexOf(data[props.keyName]);
+            var openedIds = (0, _toConsumableArray2.default)(props.openedIds);
+            var index = openedIds.indexOf(data[props.keyName]);
             if (index > -1) {
-                openedIds = openedIds.filter((id)=>id !== data[props.keyName]);
+                openedIds = openedIds.filter(function(id) {
+                    return id !== data[props.keyName];
+                });
             } else {
                 openedIds.push(data[props.keyName]);
             }
             emits('update:openedIds', openedIds);
         };
-        const isNodeOpen = (node)=>props.openedIds.includes(node[props.keyName]);
+        var isNodeOpen = function isNodeOpen(node) {
+            return props.openedIds.includes(node[props.keyName]);
+        };
         // 渲染树组件
-        const renderTreeItem = ({ data, level })=>{
+        var _renderTreeItem = function renderTreeItem(_ref2) {
+            var data = _ref2.data, level = _ref2.level;
             var _a, _b, _c;
-            return _createVNode(_Fragment2, null, [
-                _createVNode("li", {
+            return (0, _vue.createVNode)(_vue.Fragment, null, [
+                (0, _vue.createVNode)("li", {
                     "class": {
                         'g-flex-row tree-item': true,
                         'g-disabled': !props.isNodeHasPermission(data),
                         active: props.selectedId === data[props.keyName]
                     },
                     "style": {
-                        paddingLeft: `${level * 10 + 4}px`
+                        paddingLeft: "".concat(level * 10 + 4, "px")
                     },
-                    "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)
+                    "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() {
+                        return handleMouseClick(function() {
+                            return 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])) ? _createVNode(_resolveComponent("bk-loading"), {
+                    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"), {
                         "class": "shape-icon",
                         "mode": "spin",
                         "size": "mini"
-                    }, null) : _createVNode(RightShape, {
+                    }, null) : (0, _vue.createVNode)(_icon.RightShape, {
                         "class": {
                             'shape-icon': true,
                             'icon-open': isNodeOpen(data)
                         },
-                        "onMouseenter": ()=>handleMouseEnter(props.isNodeHasPermission(data)),
-                        "onMousemove": (event)=>handleMouseMove(event, props.isNodeHasPermission(data)),
-                        "onMouseleave": ()=>handleMouseLeave(),
-                        "onClick": (event)=>{
+                        "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) {
                             event.stopPropagation();
-                            handleMouseClick(()=>handleToggleTreeItem(data), props.isNodeHasPermission(data), props.permissionActionIds, data.id);
+                            handleMouseClick(function() {
+                                return handleToggleTreeItem(data);
+                            }, props.isNodeHasPermission(data), props.permissionActionIds, data.id);
                         }
-                    }, null) : _createVNode("span", {
+                    }, null) : (0, _vue.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((child)=>renderTreeItem({
+                isNodeOpen(data) ? (_c = data.children) === null || _c === void 0 ? void 0 : _c.map(function(child) {
+                    return _renderTreeItem({
                         data: child,
                         level: level + 1
-                    })) : null
+                    });
+                }) : null
             ]);
         };
-        return (_ctx, _cache)=>{
-            return _openBlock(), _createElementBlock("ul", _hoisted_1, [
-                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.data, (item)=>{
-                    return _openBlock(), _createBlock(renderTreeItem, {
-                        key: item[_ctx.keyName],
+        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, {
+                        key: item[__props.keyName],
                         data: item,
                         level: 0
                     }, null, 8 /* PROPS */ , [
                         "data"
                     ]);
                 }), 128 /* KEYED_FRAGMENT */ )),
-                props.data.length <= 0 ? (_openBlock(), _createBlock(RenderEmpty, {
+                props.data.length <= 0 ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_index.default, {
                     key: 0,
                     description: "暂无数据",
                     type: "empty",
@@ -185,7 +241,7 @@ export default /*@__PURE__*/ _defineComponent({
                     "onUpdate:search": handleUpdateSearch
                 }, null, 8 /* PROPS */ , [
                     "search"
-                ])) : _createCommentVNode("v-if", true)
+                ])) : (0, _vue.createCommentVNode)("v-if", true)
             ]);
         };
     }

package/dist/css/tailwind.css

@@ -1080,6 +1080,10 @@
   z-index: 9999 !important;
 }
 
+.g-z-index-2501 {
+  z-index: 2501 !important;
+}
+
 .g-fill-current-color {
   fill: currentcolor;
 }
@@ -1088,12 +1092,20 @@
   word-break: break-all;
 }
 
-/* stylelint-disable-next-line */
-.g-line-clamp-5 {
+.g-clamp {
   display: -webkit-box !important;
   -webkit-box-orient: vertical !important;
-  -webkit-line-clamp: 5 !important;
   overflow: hidden !important;
   word-break: break-word;
   overflow-wrap: anywhere;
 }
+
+.g-clamp-3 {
+  -webkit-line-clamp: 3 !important;
+  line-clamp: 3 !important;
+}
+
+.g-clamp-5 {
+  -webkit-line-clamp: 5 !important;
+  line-clamp: 5 !important;
+}

package/dist/hooks/use-chat.d.ts

@@ -29,6 +29,7 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
             extra?: {
                 [x: string]: any;
                 tools?: {
+                    refCount?: number;
                     toolName: string;
                     toolCode: string;
                     method: string;
@@ -536,6 +537,7 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
             extra?: {
                 [x: string]: any;
                 tools?: {
+                    refCount?: number;
                     toolName: string;
                     toolCode: string;
                     method: string;

package/dist/hooks/use-display-name.d.ts

@@ -0,0 +1,3 @@
+export declare const useDisplayName: () => {
+    handleInitDisplayName: (tenantId: string, apiBaseUrl: string) => void;
+};

package/dist/hooks/use-display-name.ts.js

@@ -0,0 +1,14 @@
+import BkUserDisplayName from '@blueking/bk-user-display-name';
+export const useDisplayName = ()=>{
+    const handleInitDisplayName = (tenantId, apiBaseUrl)=>{
+        BkUserDisplayName.configure({
+            // 必填，租户 ID
+            tenantId,
+            // 必填，网关地址
+            apiBaseUrl
+        });
+    };
+    return {
+        handleInitDisplayName
+    };
+};

package/dist/hooks/use-ellipsis-tooltip.ts.js

@@ -59,7 +59,7 @@ export const useEllipsisTooltip = ()=>{
             tippyInstance.destroy();
             tippyInstance = null;
         }
-        tippyInstance = tippy(target, {
+        const tippyConfig = {
             content: target.getAttribute('data-ellipsis-tooltip') || target.textContent,
             interactive: true,
             arrow: true,
@@ -77,7 +77,11 @@ export const useEllipsisTooltip = ()=>{
                     tippyInstance = null;
                 }
             }
-        });
+        };
+        if (target.getAttribute('data-ellipsis-tooltip-placement')) {
+            tippyConfig.placement = target.getAttribute('data-ellipsis-tooltip-placement');
+        }
+        tippyInstance = tippy(target, tippyConfig);
         tippyInstance.show();
     };
     return {

package/dist/hooks/use-member-http.d.ts

@@ -2,7 +2,8 @@ interface IMember {
     id: string;
     name: string;
 }
+type GetMemberList = (memberUrl: string, search: string) => Promise<IMember[]>;
 export declare const useMemberHttp: () => {
-    getMemberList: (memberUrl: string, search: string) => Promise<IMember[]>;
+    getMemberList: GetMemberList;
 };
 export {};

package/dist/hooks/use-member-http.ts.js

@@ -1,27 +1,28 @@
-import { Message } from 'bkui-vue';
+import http, { withAbort } from '../http/fetch/index.ts.js';
 export const useMemberHttp = ()=>{
+    const getMemberListHttp = withAbort((signal, memberUrl, search)=>{
+        if (!search) {
+            return Promise.resolve({
+                data: []
+            });
+        }
+        return http.get(`${memberUrl}/api/v3/open-web/tenant/users/-/search/`, {
+            keyword: search
+        }, {
+            noCheckBusiness: true,
+            noTraceparent: true,
+            signal
+        });
+    });
     const getMemberList = (memberUrl, search)=>{
-        return new Promise((resolve, reject)=>{
-            const callback = `jsonp_init_bk_member_${Math.ceil(Math.random() * 1000)}`;
-            const script = document.createElement('script');
-            script.src = `${memberUrl}?callback=${callback}&app_code=bk-magicbox&fuzzy_lookups=${search}`;
-            script.onerror = reject;
-            document.body.appendChild(script);
-            // @ts-ignore
-            window[callback] = (res)=>{
-                if (!res.code) {
-                    resolve(res.data.results.map((item)=>({
-                            id: item.username,
-                            name: `${item.username}（${item.display_name}）`
-                        })));
-                } else {
-                    reject(res.message);
-                    Message({
-                        theme: 'error',
-                        message: res.message
-                    });
-                }
-            };
+        // 取消上一次请求
+        getMemberListHttp.abort();
+        // 开始请求
+        return getMemberListHttp(memberUrl, search).then((res)=>{
+            return res.data.map((item)=>({
+                    id: item.bk_username,
+                    name: item.display_name
+                }));
         });
     };
     return {

package/dist/hooks.d.ts

@@ -11,3 +11,4 @@ export * from './hooks/use-member-http';
 export * from './hooks/use-t-table';
 export * from './hooks/use-ellipsis-tooltip';
 export * from './hooks/use-common-http';
+export * from './hooks/use-display-name';

package/dist/hooks.ts.js

@@ -11,3 +11,4 @@ export * from './hooks/use-member-http.ts.js';
 export * from './hooks/use-t-table.ts.js';
 export * from './hooks/use-ellipsis-tooltip.ts.js';
 export * from './hooks/use-common-http.ts.js';
+export * from './hooks/use-display-name.ts.js';

package/dist/http/fetch/index.d.ts

@@ -6,6 +6,8 @@ export interface IFetchConfig extends RequestInit {
     signal?: AbortSignal;
     withoutSpace?: boolean;
     noCheckPermission?: boolean;
+    noCheckBusiness?: boolean;
+    noTraceparent?: boolean;
     beforeRequest?: (data: RequestHookData) => RequestHookData | undefined;
     afterRequest?: (data: RequestHookData, response: Response) => void;
 }