@blueking/ai-ui-sdk 0.5.0-beta.1 → 0.5.0-beta.2

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

@@ -1,225 +0,0 @@
-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 { 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"
-};
-const _hoisted_2 = {
-    class: "g-flex-row manage-tree-item"
-};
-const _hoisted_3 = {
-    class: "g-flex-truncate g-mr-4",
-    "data-ellipsis-tooltip": ""
-};
-const _hoisted_4 = {
-    class: "tag-number g-number-font"
-};
-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';
-export default /*@__PURE__*/ _defineComponent({
-    props: {
-        module: {},
-        subModule: {},
-        tagName: {},
-        tagId: {},
-        groupType: {},
-        generateType: {},
-        apiPrefix: {},
-        spaceId: {}
-    },
-    emits: [
-        "update:tag-id",
-        "update:tagName"
-    ],
-    setup (__props, { expose: __expose, emit: __emit }) {
-        const props = __props;
-        const emit = __emit;
-        const { getTagTree } = useCommonHttp(props.apiPrefix, toRef(props, 'spaceId'));
-        const isExistNoTags = ref(false);
-        const loadingTagsTree = ref(false);
-        const openedIds = ref([]);
-        const tags = ref([]);
-        const allDataMap = ref({
-            tagId: undefined,
-            tagName: '全部',
-            count: 0,
-            property: null,
-            children: []
-        });
-        const isNodeHasChildren = (node)=>{
-            var _node_children;
-            var _node_children_length;
-            return ((_node_children_length = (_node_children = node.children) === null || _node_children === void 0 ? void 0 : _node_children.length) !== null && _node_children_length !== void 0 ? _node_children_length : 0) > 0;
-        };
-        const handleUpdateTagId = (tagId)=>{
-            emit('update:tag-id', tagId);
-        };
-        const handleUpdateTagName = (tagName)=>{
-            emit('update:tagName', tagName);
-        };
-        // 设置搜索命中的展开节点
-        const handleSetSearchOpenedIds = (datas, search)=>{
-            if (!search) {
-                openedIds.value = [];
-                return;
-            }
-            // 递归搜索
-            const recursiveSearch = (datas, search)=>{
-                let isHit = false;
-                // 直接子节点命中
-                isHit = !!(datas === null || datas === void 0 ? void 0 : datas.find((item)=>isSearchMatch(item.tagName, search)));
-                // 递归子节点
-                datas === null || datas === void 0 ? void 0 : datas.forEach((data)=>{
-                    const isChildHit = recursiveSearch(data.children || [], search);
-                    if (isChildHit) {
-                        isHit = true;
-                        const nodeId = data.tagId;
-                        if (nodeId && !openedIds.value.includes(nodeId)) {
-                            openedIds.value.push(nodeId);
-                        }
-                    }
-                });
-                return isHit;
-            };
-            recursiveSearch(datas, search);
-        };
-        // 获取标签树列表
-        const handleGetTagsTree = ()=>{
-            loadingTagsTree.value = true;
-            getTagTree.abort();
-            getTagTree(props.module, props.subModule, props.tagName, props.groupType, props.generateType).then((data)=>{
-                allDataMap.value.count = data.all;
-                tags.value = data.all <= 0 && props.tagName ? data.tree : [
-                    allDataMap.value,
-                    ...data.tree
-                ];
-                isExistNoTags.value = tags.value.some((item)=>item.tagId === -1);
-            }).finally(()=>{
-                loadingTagsTree.value = false;
-            });
-        };
-        watch(()=>[
-                props.groupType,
-                props.spaceId,
-                props.generateType
-            ], ()=>{
-            if (props.tagName) {
-                handleUpdateTagName('');
-            } else {
-                handleGetTagsTree();
-                handleUpdateTagId(undefined);
-            }
-        }, {
-            immediate: true
-        });
-        watch(()=>props.tagName, function() {
-            var _ref = _async_to_generator(function*(val) {
-                yield handleGetTagsTree();
-                handleUpdateTagId(undefined);
-                handleSetSearchOpenedIds(tags.value, val);
-            });
-            return function(val) {
-                return _ref.apply(this, arguments);
-            };
-        }());
-        __expose({
-            handleGetTagsTree
-        });
-        return (_ctx, _cache)=>{
-            const _component_bk_input = _resolveComponent("bk-input");
-            const _directive_bkloading = _resolveDirective("bkloading");
-            return _openBlock(), _createElementBlock("section", _hoisted_1, [
-                _createVNode(_component_bk_input, {
-                    type: "search",
-                    class: "g-mb-12",
-                    clearable: "",
-                    placeholder: "搜索标签关键字",
-                    "model-value": props.tagName,
-                    "onUpdate:modelValue": handleUpdateTagName
-                }, null, 8 /* PROPS */ , [
-                    "model-value"
-                ]),
-                _withDirectives((_openBlock(), _createBlock(RenderTree, {
-                    "opened-ids": openedIds.value,
-                    "onUpdate:openedIds": _cache[0] || (_cache[0] = ($event)=>openedIds.value = $event),
-                    search: props.tagName,
-                    "api-prefix": props.apiPrefix,
-                    "space-id": props.spaceId,
-                    "selected-id": props.tagId,
-                    data: tags.value,
-                    "is-node-has-children": isNodeHasChildren,
-                    class: "tag-tree",
-                    "key-name": "tagId",
-                    onSelect: _cache[1] || (_cache[1] = (data)=>handleUpdateTagId(data.tagId)),
-                    "onUpdate:search": handleUpdateTagName
-                }, {
-                    default: _withCtx((data)=>[
-                            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,
-                                    '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,
-                                    'bottom-line': isExistNoTags.value
-                                })
-                            }, null, 2 /* CLASS */ )) : _createCommentVNode("v-if", true),
-                            _createElementVNode("section", _hoisted_2, [
-                                _createElementVNode("span", _hoisted_3, _toDisplayString(data.tagName), 1 /* TEXT */ ),
-                                _createElementVNode("span", _hoisted_4, _toDisplayString(data.count), 1 /* TEXT */ )
-                            ])
-                        ]),
-                    _: 1 /* STABLE */ 
-                }, 8 /* PROPS */ , [
-                    "opened-ids",
-                    "search",
-                    "api-prefix",
-                    "space-id",
-                    "selected-id",
-                    "data"
-                ])), [
-                    [
-                        _directive_bkloading,
-                        {
-                            loading: loadingTagsTree.value
-                        }
-                    ]
-                ])
-            ]);
-        };
-    }
-});

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

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

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

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

@@ -1,164 +0,0 @@
-"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) {
-    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());
-    });
-};
-var _hoisted_1 = {
-    class: "g-flex-main-text"
-};
-var _hoisted_2 = [
-    "is-show"
-];
-var gap = 4;
-var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
-    props: {
-        tagNames: {},
-        height: {
-            default: 16
-        },
-        fontSize: {
-            default: 10
-        },
-        padding: {
-            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);
-        }, {
-            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", {
-                    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", {
-                            class: "g-text-10 g-text-center g-leading-16 tag-home",
-                            key: tag + '-' + idx
-                        }, [
-                            (0, _vue.createElementVNode)("span", {
-                                class: "tag-list !g-inline-block g-text-left g-text-normal",
-                                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")
-                                })
-                            }, (0, _vue.toDisplayString)(tag.join('/')), 5 /* TEXT, STYLE */ )
-                        ]);
-                    }), 128 /* KEYED_FRAGMENT */ )),
-                    (0, _vue.createVNode)(_component_bk_popover, {
-                        "ext-cls": "popover-main",
-                        disabled: !overflowTags.value.length
-                    }, {
-                        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", {
-                                            key: tag + '-' + idx
-                                        }, (0, _vue.toDisplayString)(tag.join('/')), 1 /* TEXT */ );
-                                    }), 128 /* KEYED_FRAGMENT */ ))
-                                ])
-                            ];
-                        }),
-                        default: (0, _vue.withCtx)(function() {
-                            return [
-                                (0, _vue.createElementVNode)("span", {
-                                    class: "tag-home g-leading-22 !g-cursor-pointer g-text-normal g-number-font tag-list",
-                                    "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")
-                                    })
-                                }, " +" + (0, _vue.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

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

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

@@ -1,5 +0,0 @@
-import script from './index.script.vue.js';
-script.__scopeId = "data-v-wb24w73y";
-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,124 +0,0 @@
-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') {
-                    // 获取更新人列表
-                    const memberList = yield getMemberList(props.memberUrl, search);
-                    // 更新更新人列表(回显使用)
-                    const updatedByDataItem = searchOptions.value.find((item)=>item.id === 'updatedBy');
-                    updatedByDataItem.children = memberList;
-                    // 返回更新人列表
-                    return memberList;
-                }
-            });
-            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.js

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