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

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

@@ -0,0 +1,327 @@
+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, createTextVNode as _createTextVNode, withCtx as _withCtx, unref as _unref, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, createSlots as _createSlots, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "g-flex-row plus-tag-input render-tag"
+};
+import { Done, Error } from 'bkui-vue/lib/icon';
+import { nextTick, onBeforeMount, ref, toRef, watch } from 'vue';
+import { isEmpty, isMatchSearch } from '../../common/util.ts.js';
+import { useDatasetHttp } from '../../hooks/use-dataset-http.ts.js';
+import { useMetaHttp } from '../../hooks/use-meta-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        modelValue: {},
+        apiPrefix: {},
+        module: {},
+        multiple: {
+            type: Boolean
+        },
+        spaceId: {},
+        isDataset: {
+            type: Boolean
+        },
+        isEnabledCreateTag: {
+            type: Boolean
+        },
+        disabled: {
+            type: Boolean
+        },
+        popoverOptions: {}
+    },
+    emits: [
+        "update:modelValue"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getTags, plusTag, checkTag } = useMetaHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getTags: getDatasetTags, plusTag: plusDatasetTag, checkTag: checkDatasetTag } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const isShowEdit = ref(false);
+        const isPulsingTag = ref(false);
+        const tempTagName = ref('');
+        const tagRef = ref();
+        const tagFormRef = ref();
+        const isLoadingTag = ref(false);
+        const isShow = ref(false);
+        const tags = ref([]);
+        let templateTagNameErrorMessage = '';
+        const checkTagRule = {
+            validator: function() {
+                var _ref = _async_to_generator(function*(value) {
+                    const fun = props.isDataset ? checkDatasetTag : checkTag;
+                    const tagNames = handleGetTagNames(value);
+                    try {
+                        templateTagNameErrorMessage = '';
+                        yield fun(tagNames, props.module);
+                    } catch (error) {
+                        templateTagNameErrorMessage = error.message;
+                        return false;
+                    }
+                });
+                return function(value) {
+                    return _ref.apply(this, arguments);
+                };
+            }(),
+            message: ()=>templateTagNameErrorMessage,
+            trigger: 'change'
+        };
+        const tagRules = {
+            tempTagName: [
+                checkTagRule
+            ]
+        };
+        const getModuleValue = ()=>{
+            var _props_modelValue;
+            return props.multiple ? props.modelValue : ((_props_modelValue = props.modelValue) === null || _props_modelValue === void 0 ? void 0 : _props_modelValue[0]) || [];
+        };
+        // 搜索时不区分大小写字母，匹配任意节点
+        const handleFilterMethod = (node, searchKey)=>{
+            const pathNames = (node.pathNames || []).join('/');
+            return isMatchSearch(pathNames, searchKey);
+        };
+        const handleFocus = ()=>{
+            isShow.value = true;
+        };
+        const handleBlur = ()=>{
+            isShow.value = false;
+        };
+        const handleChange = (val)=>{
+            const nextValue = props.multiple ? val : isEmpty(val) ? [] : [
+                val
+            ];
+            // 值未发生变化时不再 emit，避免 cascader 初始化/重渲染时的空值回显污染表单
+            if (JSON.stringify(nextValue) === JSON.stringify(props.modelValue)) {
+                return;
+            }
+            emits('update:modelValue', nextValue);
+        };
+        const handleTagKeyDown = (value, event)=>{
+            if (event.keyCode === 13 || event.key === 'Enter') {
+                handlePlusTag();
+            }
+        };
+        const handleGetTagNames = (tagName)=>{
+            const tagGroups = tagName.split('、');
+            return tagGroups.reduce((acc, cur)=>{
+                if (cur.trim()) {
+                    const tagNames = cur.split('/').filter(Boolean);
+                    acc.push(tagNames);
+                }
+                return acc;
+            }, []);
+        };
+        const handlePlusTag = function() {
+            var _ref = _async_to_generator(function*() {
+                try {
+                    isPulsingTag.value = true;
+                    const tagNames = handleGetTagNames(tempTagName.value);
+                    const plusTagFun = props.isDataset ? plusDatasetTag : plusTag;
+                    yield tagFormRef.value.validate();
+                    const res = yield plusTagFun(tagNames, props.module);
+                    handleGetTags();
+                    const { tagName } = res[0];
+                    const tagNameArray = tagName.split('/');
+                    emits('update:modelValue', props.multiple ? [
+                        ...props.modelValue,
+                        tagNameArray
+                    ] : [
+                        tagNameArray
+                    ]);
+                    handleHidePlusTag();
+                } catch (error) {
+                    console.error(error.message || error);
+                } finally{
+                    isPulsingTag.value = false;
+                }
+            });
+            return function handlePlusTag() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleShowPlusTag = ()=>{
+            isShowEdit.value = true;
+            isShow.value = true;
+            nextTick(()=>{
+                var _tagRef_value;
+                (_tagRef_value = tagRef.value) === null || _tagRef_value === void 0 ? void 0 : _tagRef_value.focus();
+            });
+        };
+        const handleHidePlusTag = ()=>{
+            isShowEdit.value = false;
+            tempTagName.value = '';
+        };
+        const handleGetTags = ()=>{
+            isLoadingTag.value = true;
+            (props.isDataset ? getDatasetTags(props.module) : getTags(props.module)).then((result)=>{
+                tags.value = result;
+            }).finally(()=>{
+                isLoadingTag.value = false;
+            });
+        };
+        const handleCascaderToggle = (isShow)=>{
+            if (!isShow && !tempTagName.value.trim()) {
+                isShowEdit.value = false;
+            }
+        };
+        watch(()=>props.spaceId, handleGetTags);
+        onBeforeMount(handleGetTags);
+        return (_ctx, _cache)=>{
+            const _component_bk_input = _resolveComponent("bk-input");
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            const _component_bk_form_item = _resolveComponent("bk-form-item");
+            const _component_bk_form = _resolveComponent("bk-form");
+            const _component_bk_cascader = _resolveComponent("bk-cascader");
+            const _directive_bkloading = _resolveDirective("bkloading");
+            return _openBlock(), _createBlock(_component_bk_cascader, {
+                "filter-method": handleFilterMethod,
+                multiple: __props.multiple,
+                loading: isLoadingTag.value,
+                list: tags.value,
+                disabled: __props.disabled,
+                "model-value": getModuleValue(),
+                "popover-options": __props.popoverOptions,
+                filterable: "",
+                "id-key": "tagName",
+                "name-key": "tagName",
+                "ext-cls": "tag-cascader",
+                placeholder: "请选择标签",
+                "onUpdate:modelValue": handleChange,
+                onToggle: handleCascaderToggle
+            }, _createSlots({
+                _: 2 /* DYNAMIC */ 
+            }, [
+                __props.isEnabledCreateTag ? {
+                    name: "extension",
+                    fn: _withCtx(()=>[
+                            isShowEdit.value ? (_openBlock(), _createElementBlock("section", _hoisted_1, [
+                                _createVNode(_component_bk_form, {
+                                    model: {
+                                        tempTagName: tempTagName.value
+                                    },
+                                    rules: tagRules,
+                                    class: "plus-tag-form",
+                                    ref_key: "tagFormRef",
+                                    ref: tagFormRef
+                                }, {
+                                    default: _withCtx(()=>[
+                                            _createVNode(_component_bk_form_item, {
+                                                "label-width": 0,
+                                                class: "plus-tag-form-item",
+                                                property: "tempTagName",
+                                                "error-display-type": "tooltips",
+                                                required: ""
+                                            }, {
+                                                default: _withCtx(()=>[
+                                                        _createVNode(_component_bk_popover, {
+                                                            "is-show": isShow.value,
+                                                            theme: "light",
+                                                            trigger: "manual"
+                                                        }, {
+                                                            content: _withCtx(()=>[
+                                                                    ..._cache[1] || (_cache[1] = [
+                                                                        _createTextVNode(" 如需定义层级标签，以英文“/”分割层级，多个标签以“、”分隔 ", -1 /* CACHED */ )
+                                                                    ])
+                                                                ]),
+                                                            default: _withCtx(()=>[
+                                                                    _createVNode(_component_bk_input, {
+                                                                        modelValue: tempTagName.value,
+                                                                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>tempTagName.value = $event),
+                                                                        ref_key: "tagRef",
+                                                                        ref: tagRef,
+                                                                        placeholder: "如需定义层级标签，以英文“/”分割层级，多个标签以“、”分隔",
+                                                                        onKeydown: handleTagKeyDown,
+                                                                        onFocus: handleFocus,
+                                                                        onBlur: handleBlur
+                                                                    }, null, 8 /* PROPS */ , [
+                                                                        "modelValue"
+                                                                    ])
+                                                                ]),
+                                                            _: 1 /* STABLE */ 
+                                                        }, 8 /* PROPS */ , [
+                                                            "is-show"
+                                                        ])
+                                                    ]),
+                                                _: 1 /* STABLE */ 
+                                            })
+                                        ]),
+                                    _: 1 /* STABLE */ 
+                                }, 8 /* PROPS */ , [
+                                    "model"
+                                ]),
+                                _withDirectives(_createVNode(_unref(Done), {
+                                    class: "plus-tag-done",
+                                    onClick: _withModifiers(handlePlusTag, [
+                                        "stop"
+                                    ])
+                                }, null, 512 /* NEED_PATCH */ ), [
+                                    [
+                                        _directive_bkloading,
+                                        {
+                                            loading: isPulsingTag.value
+                                        }
+                                    ]
+                                ]),
+                                _createVNode(_unref(Error), {
+                                    class: "plus-tag-error",
+                                    onClick: _withModifiers(handleHidePlusTag, [
+                                        "stop"
+                                    ])
+                                })
+                            ])) : (_openBlock(), _createElementBlock("span", {
+                                key: 1,
+                                class: "plus-tag render-tag",
+                                onClick: _withModifiers(handleShowPlusTag, [
+                                    "stop"
+                                ])
+                            }, [
+                                ..._cache[2] || (_cache[2] = [
+                                    _createElementVNode("i", {
+                                        class: "ai-ui-sdk-icon ai-ui-sdk-plus-circle g-text-14 g-mr-6"
+                                    }, null, -1 /* CACHED */ ),
+                                    _createTextVNode(" 新建标签 ", -1 /* CACHED */ )
+                                ])
+                            ]))
+                        ]),
+                    key: "0"
+                } : undefined
+            ]), 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                "multiple",
+                "loading",
+                "list",
+                "disabled",
+                "model-value",
+                "popover-options"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,46 @@
+
+.plus-tag-input[data-v-06kav69m] {
+  padding: 7px 12px;
+  height: 40px;
+  background: #FAFBFD;
+  border-top: 1px solid #DCDEE5;
+}
+.plus-tag-input .plus-tag-done[data-v-06kav69m] {
+    cursor: pointer;
+    font-size: 22px;
+    color: #2DCB56;
+    margin: 0 5px 0 10px;
+}
+.plus-tag-input .plus-tag-error[data-v-06kav69m] {
+    cursor: pointer;
+    font-size: 16px;
+    color: #C4C6CC;
+    margin-right: 5px;
+}
+.plus-tag-input .plus-tag-form[data-v-06kav69m] {
+    flex: 1;
+}
+.plus-tag-input .plus-tag-form-item[data-v-06kav69m] {
+    margin-bottom: 0;
+}
+.plus-tag[data-v-06kav69m] {
+  cursor: pointer;
+  width: 100%;
+  height: 40px;
+  background: #FAFBFD;
+  border-top: 1px solid #DCDEE5;
+  border-radius: 0 0 2px 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  line-height: 20px;
+}
+.plus-tag[data-v-06kav69m]:hover {
+    color: #3A84FF;
+}
+
+
+.bk-cascader-popover:has(.render-tag) .bk-cascader-node {
+    width: 240px !important;
+}

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

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-06kav69m";
+script.__file = "./src/components/render-choose-tag/index.vue";
+import './index.vue.css';
+export default script;

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

@@ -0,0 +1,54 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, resolveDirective as _resolveDirective, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
+const _hoisted_1 = {
+    class: "g-text-black g-font-bold !g-text-12"
+};
+const _hoisted_2 = {
+    key: 0,
+    class: "ai-ui-sdk-icon ai-ui-sdk-help g-text-14 g-ml-4"
+};
+import { ref } from 'vue';
+import { isParentHasClass } from '../../common/util.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        title: {},
+        tips: {}
+    },
+    setup (__props) {
+        const isShow = ref(true);
+        const toggleShow = (event)=>{
+            if (isParentHasClass(event.target, 'disable-click-toggle')) return;
+            isShow.value = !isShow.value;
+        };
+        return (_ctx, _cache)=>{
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createElementVNode("span", _mergeProps(_ctx.$attrs, {
+                    class: "collapse-title g-flex-row !g-cursor-pointer",
+                    onClick: toggleShow
+                }), [
+                    _createElementVNode("i", {
+                        class: _normalizeClass({
+                            'ai-ui-sdk-icon ai-ui-sdk-angle-up-fill-3 !g-text-12 g-mr-8': true,
+                            'is-hidden': !isShow.value
+                        })
+                    }, null, 2 /* CLASS */ ),
+                    _createElementVNode("span", _hoisted_1, _toDisplayString(__props.title), 1 /* TEXT */ ),
+                    __props.tips ? _withDirectives((_openBlock(), _createElementBlock("i", _hoisted_2, null, 512 /* NEED_PATCH */ )), [
+                        [
+                            _directive_bk_tooltips,
+                            {
+                                content: __props.tips,
+                                placement: 'top'
+                            }
+                        ]
+                    ]) : _createCommentVNode("v-if", true),
+                    _renderSlot(_ctx.$slots, "suffix", {}, undefined, true)
+                ], 16 /* FULL_PROPS */ ),
+                isShow.value ? _renderSlot(_ctx.$slots, "default", {
+                    key: 0
+                }, undefined, true) : _createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

@@ -0,0 +1,10 @@
+
+.collapse-title[data-v-5hz2tbp5] {
+  height: 28px;
+  background: #F0F1F5;
+  border-radius: 2px;
+  padding: 0 12px;
+}
+.collapse-title .is-hidden[data-v-5hz2tbp5] {
+    transform: rotate(-90deg);
+}

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

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