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

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

@@ -1,12 +1,12 @@
 
-.t-t-pagination[data-v-13bu1k59] {
+.t-t-pagination[data-v-kl2il2cx] {
   position: relative;
   padding: 16px 16px 0 16px;
 }
-.t-t-pagination[data-v-13bu1k59] .bk-pagination-list.is-last {
+.t-t-pagination[data-v-kl2il2cx] .bk-pagination-list.is-last {
     margin-left: auto;
 }
-.pagination-loading[data-v-13bu1k59]::after {
+.pagination-loading[data-v-kl2il2cx]::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-13bu1k59] {
+.pagination-border[data-v-kl2il2cx] {
   border-right: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
   padding-bottom: 16px;
 }
-.t-t-table[data-v-13bu1k59] {
+.t-t-table[data-v-kl2il2cx] {
   display: inline;
   font-size: 12px;
 }
-.t-t-table[data-v-13bu1k59] .t-table__th-cell-inner {
+.t-t-table[data-v-kl2il2cx] .t-table__th-cell-inner {
     color: #313238;
 }
-.t-t-table[data-v-13bu1k59] th {
+.t-t-table[data-v-kl2il2cx] th {
     padding: 0 16px;
     height: 42px;
     background-color: #FAFBFD !important;
 }
-.t-t-table[data-v-13bu1k59] .t-table__body tr {
+.t-t-table[data-v-kl2il2cx] .t-table__body tr {
     color: #63656e;
     font-size: 12px;
 }
-.t-t-table[data-v-13bu1k59] .t-table__body tr td {
+.t-t-table[data-v-kl2il2cx] .t-table__body tr td {
       padding: 0 16px;
       height: 40px;
       background-color: #fff;
 }
-.t-t-table[data-v-13bu1k59] .t-table__body tr:hover td {
+.t-t-table[data-v-kl2il2cx] .t-table__body tr:hover td {
     background-color: #f5f7fa !important;
     color: #63656E;
 }
-.t-t-table[data-v-13bu1k59] .t-table__content .t-table__body .t-table__empty-row {
+.t-t-table[data-v-kl2il2cx] .t-table__content .t-table__body .t-table__empty-row {
     background-color: #fff !important;
 }
-.t-t-table[data-v-13bu1k59] .t-table__content .t-table__body .t-table__empty-row >td {
+.t-t-table[data-v-kl2il2cx] .t-table__content .t-table__body .t-table__empty-row >td {
       border: none;
 }
-.t-t-table[data-v-13bu1k59] th .t-table__ellipsis {
+.t-t-table[data-v-kl2il2cx] th .t-table__ellipsis {
     width: auto !important;
 }
-.t-t-table[data-v-13bu1k59] .t-loading__gradient.t-icon-loading {
+.t-t-table[data-v-kl2il2cx] .t-loading__gradient.t-icon-loading {
     display: none;
 }
-.t-t-table[data-v-13bu1k59]:first-of-type .t-table__affixed-header-elm-wrap{
+.t-t-table[data-v-kl2il2cx]:first-of-type .t-table__affixed-header-elm-wrap{
       width: calc(100% - 6px) !important;
 }
-.t-t-table[data-v-13bu1k59] .t-table__affixed-header-elm-wrap>div {
+.t-t-table[data-v-kl2il2cx] .t-table__affixed-header-elm-wrap>div {
       width: 100% !important;
       scrollbar-width: none;
 }
-.t-t-table[data-v-13bu1k59] .t-table--layout-fixed{
+.t-t-table[data-v-kl2il2cx] .t-table--layout-fixed{
     width: 100% !important;
 }
-.t-t-table[data-v-13bu1k59] .bk-exception-description{
+.t-t-table[data-v-kl2il2cx] .bk-exception-description{
     margin-bottom: 0;
 }
-.t-t-table[data-v-13bu1k59] .t-table__content{
+.t-t-table[data-v-kl2il2cx] .t-table__content{
     z-index: 2;
     max-height: 100%;
     overflow: auto;
 }
-.t-t-table[data-v-13bu1k59] .t-table__content::-webkit-scrollbar {
+.t-t-table[data-v-kl2il2cx] .t-table__content::-webkit-scrollbar {
       width: 6px;
       height: 6px;
 }
-.t-t-table[data-v-13bu1k59] .t-table__content::-webkit-scrollbar-thumb {
+.t-t-table[data-v-kl2il2cx] .t-table__content::-webkit-scrollbar-thumb {
       width: 6px;
       height: 6px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.t-t-table[data-v-13bu1k59] .t-table__content::-webkit-scrollbar-thumb:hover {
+.t-t-table[data-v-kl2il2cx] .t-table__content::-webkit-scrollbar-thumb:hover {
         background-color: #979ba5;
 }
-.t-t-table[data-v-13bu1k59] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
+.t-t-table[data-v-kl2il2cx] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-13bu1k59] .t-table__cell--sort-trigger.t-table__double-icons{
+.t-t-table[data-v-kl2il2cx] .t-table__cell--sort-trigger.t-table__double-icons{
     gap: 5px;
 }
-.t-t-table[data-v-13bu1k59] .t-table__sort-icon--active>i{
+.t-t-table[data-v-kl2il2cx] .t-table__sort-icon--active>i{
     color: #3a84ff !important;
 }
-.t-t-table[data-v-13bu1k59] .t-table__cell--fixed-left:has(.checkbox){
+.t-t-table[data-v-kl2il2cx] .t-table__cell--fixed-left:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-13bu1k59] .t-table__filter-icon.t-is-focus>span{
+.t-t-table[data-v-kl2il2cx] .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-13bu1k59";
+script.__scopeId = "data-v-kl2il2cx";
 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-uphy009v] {
+.tag-tree[data-v-z6bf29es] {
   font-size: 12px;
   height: auto;
   max-height: calc(100% - 44px);
 }
-.tag-tree .manage-tree-item[data-v-uphy009v] {
+.tag-tree .manage-tree-item[data-v-z6bf29es] {
     height: 32px;
     flex: 1;
 }
-.tag-tree .quick-icon[data-v-uphy009v] {
+.tag-tree .quick-icon[data-v-z6bf29es] {
     margin-left: -24px;
     padding-left: 8px;
 }
-.tag-tree[data-v-uphy009v] .tree-item:has(.bottom-line) {
+.tag-tree[data-v-z6bf29es] .tree-item:has(.bottom-line) {
       border-bottom: 1px solid #F0F1F5;
 }
-.tag-tree[data-v-uphy009v] .tree-item.active .quick-icon {
+.tag-tree[data-v-z6bf29es] .tree-item.active .quick-icon {
         color: #3A84FF;
 }
-.tag-tree[data-v-uphy009v] .tree-item.active .tag-number {
+.tag-tree[data-v-z6bf29es] .tree-item.active .tag-number {
         background: #A3C5FD;
         color: #fff;
 }
-.tag-number[data-v-uphy009v] {
+.tag-number[data-v-z6bf29es] {
   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-uphy009v";
+script.__scopeId = "data-v-z6bf29es";
 script.__file = "./src/components/render-tag-tree/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -0,0 +1,139 @@
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
+    }
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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"
+};
+const _hoisted_2 = [
+    "is-show"
+];
+import { nextTick, ref, watch } from 'vue';
+const gap = 4;
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        tagNames: {},
+        height: {
+            default: 16
+        },
+        fontSize: {
+            default: 10
+        },
+        padding: {
+            default: 4
+        }
+    },
+    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 (_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"
+                }, [
+                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.tagNames, (tag, idx)=>{
+                        return _openBlock(), _createElementBlock("span", {
+                            class: "g-text-10 g-text-center g-learning-16 tag-home",
+                            key: tag + '-' + idx
+                        }, [
+                            _createElementVNode("span", {
+                                class: "tag-list g-inline-block g-text-left g-text-normal",
+                                style: _normalizeStyle({
+                                    height: `${__props.height}px`,
+                                    lineHeight: `${__props.height}px`,
+                                    fontSize: `${__props.fontSize}px`,
+                                    padding: `0 ${__props.padding}px`
+                                })
+                            }, _toDisplayString(tag.join('/')), 5 /* TEXT, STYLE */ )
+                        ]);
+                    }), 128 /* KEYED_FRAGMENT */ )),
+                    _createVNode(_component_bk_popover, {
+                        "ext-cls": "popover-main",
+                        disabled: !overflowTags.value.length
+                    }, {
+                        content: _withCtx(()=>[
+                                _createElementVNode("ul", null, [
+                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(overflowTags.value, (tag, idx)=>{
+                                        return _openBlock(), _createElementBlock("li", {
+                                            key: tag + '-' + idx
+                                        }, _toDisplayString(tag.join('/')), 1 /* TEXT */ );
+                                    }), 128 /* KEYED_FRAGMENT */ ))
+                                ])
+                            ]),
+                        default: _withCtx(()=>[
+                                _createElementVNode("span", {
+                                    class: "tag-home g-learning-22 g-cursor-pointer g-text-normal g-number-font tag-list",
+                                    "is-show": !!overflowTags.value.length,
+                                    style: _normalizeStyle({
+                                        height: `${__props.height}px`,
+                                        lineHeight: `${__props.height}px`,
+                                        fontSize: `${__props.fontSize}px`,
+                                        padding: `0 ${__props.padding}px`
+                                    })
+                                }, " +" + _toDisplayString(overflowTags.value.length), 13 /* TEXT, STYLE, PROPS */ , _hoisted_2)
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }, 8 /* PROPS */ , [
+                        "disabled"
+                    ])
+                ], 512 /* NEED_PATCH */ )
+            ]);
+        };
+    }
+});

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

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

package/dist/components/render-tags/index.vue.d.ts

@@ -0,0 +1,13 @@
+interface IProps {
+    tagNames: string[][];
+    height?: number | string;
+    fontSize?: number | string;
+    padding?: number | string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {
+    height: number | string;
+    fontSize: number | string;
+    padding: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js';
+script.__scopeId = "data-v-3w5xqfnf";
+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

@@ -0,0 +1,118 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { ref } from 'vue';
+import { isSearchMatch } from '../../../common/util.ts.js';
+import RenderSearchSelect from '../../render-search-select/index.vue.js';
+import { useMemberHttp } from '../../../hooks.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        search: {},
+        isShowAllSearchOptions: {
+            type: Boolean
+        },
+        isShowTagSearch: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        spaceId: {},
+        module: {},
+        memberUrl: {}
+    },
+    emits: [
+        "update:search"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getMemberList } = useMemberHttp();
+        const searchOptions = ref([
+            {
+                id: 'toolName',
+                name: '中文名称'
+            },
+            {
+                id: 'toolCode',
+                name: '英文名称'
+            },
+            {
+                id: 'description',
+                name: '描述'
+            },
+            ...props.isShowAllSearchOptions ? [
+                {
+                    id: 'updatedBy',
+                    name: '更新人',
+                    async: true,
+                    children: []
+                }
+            ] : []
+        ]);
+        const handleGetMenuList = function() {
+            var _ref = _async_to_generator(function*(data, search) {
+                if (!data.async) {
+                    return (data.children || []).filter((item)=>isSearchMatch(item.name, search));
+                }
+                if (data.id === 'updatedBy') {
+                    return getMemberList(props.memberUrl, search);
+                }
+            });
+            return function handleGetMenuList(data, search) {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleSearchChange = (search)=>{
+            emits('update:search', search);
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderSearchSelect, {
+                class: "g-bg-white",
+                placeholder: __props.isShowAllSearchOptions ? '搜索中英文名称、描述、更新人' : '搜索工具中英文名称、描述',
+                "model-value": props.search,
+                data: searchOptions.value,
+                "is-show-tag-search": props.isShowTagSearch,
+                "api-prefix": props.apiPrefix,
+                "space-id": props.spaceId,
+                module: props.module,
+                "get-menu-list": handleGetMenuList,
+                "onUpdate:modelValue": handleSearchChange
+            }, null, 8 /* PROPS */ , [
+                "placeholder",
+                "model-value",
+                "data",
+                "is-show-tag-search",
+                "api-prefix",
+                "space-id",
+                "module"
+            ]);
+        };
+    }
+});

package/dist/components/render-tool/search/index.vue.d.ts

@@ -0,0 +1,18 @@
+import { Module } from '@/types/enum';
+import type { IToolsParam } from '@/types/tool';
+interface IProps {
+    search: IToolsParam;
+    isShowAllSearchOptions?: boolean;
+    isShowTagSearch?: boolean;
+    apiPrefix: string;
+    spaceId?: string;
+    module?: Module;
+    memberUrl: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:search": (search: IToolsParam) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:search"?: (search: IToolsParam) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+import script from './index.script.vue.js.js';
+script.__file = "./src/components/render-tool/search/index.vue";
+export default script;