@blueking/ai-ui-sdk 0.4.0-beta.1 → 0.4.1-beta.1

package/dist/components/render-card/tool/prefix-info-tool.script.vue.js.js

@@ -0,0 +1,92 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createVNode as _createVNode, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
+import ApprovalStrategyPopover from '../base/approval-strategy-popover.vue.js';
+import { ResourceStatus } from '../../../enums.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        tool: {},
+        disabled: {
+            type: Boolean
+        },
+        approvalSettings: {}
+    },
+    emits: [
+        "settings",
+        "update:tool"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const handleSettings = ()=>{
+            if (props.disabled) return;
+            emits('settings', props.tool);
+        };
+        const handleUpdateTool = (data)=>{
+            emits('update:tool', _object_spread({}, props.tool, data));
+        };
+        return (_ctx, _cache)=>{
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return __props.tool.status !== _unref(ResourceStatus).Deleted ? (_openBlock(), _createElementBlock(_Fragment, {
+                key: 0
+            }, [
+                _createVNode(ApprovalStrategyPopover, {
+                    "ext-cls": "g-ml-16",
+                    "approval-enabled": __props.tool.approvalEnabled,
+                    "approval-strategy-id": __props.tool.approvalStrategyId,
+                    "approval-settings": __props.approvalSettings,
+                    "tool-name": __props.tool.toolName,
+                    onConfirm: handleUpdateTool
+                }, null, 8 /* PROPS */ , [
+                    "approval-enabled",
+                    "approval-strategy-id",
+                    "approval-settings",
+                    "tool-name"
+                ]),
+                _withDirectives(_createElementVNode("i", {
+                    class: _normalizeClass({
+                        'ai-ui-sdk-icon ai-ui-sdk-setting-2 g-text-16 g-text-gray g-ml-16 g-mr-16': true,
+                        '!g-cursor-pointer hover:!g-text-blue': !props.disabled,
+                        '!g-disabled': props.disabled
+                    }),
+                    onClick: handleSettings
+                }, null, 2 /* CLASS */ ), [
+                    [
+                        _directive_bk_tooltips,
+                        {
+                            content: '调试工具',
+                            placement: 'top'
+                        }
+                    ]
+                ])
+            ], 64 /* STABLE_FRAGMENT */ )) : _createCommentVNode("v-if", true);
+        };
+    }
+});

package/dist/components/render-card/tool/prefix-info-tool.vue.d.ts

@@ -0,0 +1,16 @@
+import type { IApprovalSetting } from '@/types/agent';
+import type { ITool } from '@/types/tool';
+interface IProps {
+    tool: ITool;
+    disabled?: boolean;
+    approvalSettings?: IApprovalSetting[];
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    settings: (tool: ITool) => any;
+    "update:tool": (tool: ITool) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onSettings?: (tool: ITool) => any;
+    "onUpdate:tool"?: (tool: ITool) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/render-card/tool/prefix-info-tool.vue.js

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

package/dist/components/render-card/tool/tool-tag.script.vue.js.js

@@ -0,0 +1,26 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        tool: {},
+        type: {}
+    },
+    setup (__props) {
+        const props = __props;
+        return (_ctx, _cache)=>{
+            const _component_bk_tag = _resolveComponent("bk-tag");
+            return props.tool.isSensitive ? (_openBlock(), _createBlock(_component_bk_tag, {
+                key: 0,
+                size: "small",
+                theme: "warning"
+            }, {
+                default: _withCtx(()=>[
+                        ..._cache[0] || (_cache[0] = [
+                            _createTextVNode(" 敏感 ", -1 /* CACHED */ )
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            })) : _createCommentVNode("v-if", true);
+        };
+    }
+});

package/dist/components/render-card/tool/tool-tag.vue.d.ts

@@ -0,0 +1,9 @@
+import { ResourceCardType } from '@/types/enum';
+import { ITool } from '@/types/tool';
+interface IProps {
+    tool: ITool;
+    type: ResourceCardType;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/render-card/tool/tool-tag.vue.js

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

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

@@ -30,8 +30,8 @@ export default /*@__PURE__*/ _defineComponent({
             return __props.title || __props.suffixTitle ? (_openBlock(), _createElementBlock("span", {
                 key: 0,
                 class: _normalizeClass([
-                    'g-flex-row g-align-center',
-                    props.disabled ? 'g-disabled' : 'g-cursor-pointer'
+                    'g-flex-row !g-items-center',
+                    props.disabled ? '!g-disabled' : '!g-cursor-pointer'
                 ]),
                 onClick: handleClick
             }, [

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

@@ -1,5 +1,5 @@
 
-.checkbox[data-v-gjd98a72] {
+.checkbox[data-v-lql4v23t] {
   position: relative;
   display: inline-block;
   width: 16px;
@@ -8,27 +8,27 @@
   border-radius: 2px;
   cursor: pointer;
 }
-.checkbox.disabled[data-v-gjd98a72] {
+.checkbox.disabled[data-v-lql4v23t] {
     cursor: not-allowed;
     background: #fafbfd;
     border-color: #dcdee5;
 }
-.checkbox.disabled.checked[data-v-gjd98a72] {
+.checkbox.disabled.checked[data-v-lql4v23t] {
       background-color: #a3c5fd;
       border-color: #a3c5fd;
 }
-.checkbox.disabled.indeterminate[data-v-gjd98a72] {
+.checkbox.disabled.indeterminate[data-v-lql4v23t] {
       background-color: #fafbfd;
       border-color: #dcdee5;
 }
-.checkbox.disabled.indeterminate[data-v-gjd98a72]:after {
+.checkbox.disabled.indeterminate[data-v-lql4v23t]:after {
         background: #dcdee5;
 }
-.checkbox.checked[data-v-gjd98a72] {
+.checkbox.checked[data-v-lql4v23t] {
     background-color: #3a84ff;
     border: 1px solid #3a84ff;
 }
-.checkbox.checked[data-v-gjd98a72]:after {
+.checkbox.checked[data-v-lql4v23t]:after {
       position: absolute;
       top: 50%;
       left: 50%;
@@ -41,11 +41,11 @@
       transform: translate(-50%, -60%) rotate(45deg);
       transform-origin: center;
 }
-.checkbox.indeterminate[data-v-gjd98a72] {
+.checkbox.indeterminate[data-v-lql4v23t] {
     background-color: #3a84ff;
     border: 1px solid #3a84ff;
 }
-.checkbox.indeterminate[data-v-gjd98a72]:after {
+.checkbox.indeterminate[data-v-lql4v23t]:after {
       position: absolute;
       top: 50%;
       left: 50%;

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

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

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

@@ -27,6 +27,58 @@ function _async_to_generator(fn) {
         });
     };
 }
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 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 = {
@@ -35,6 +87,7 @@ const _hoisted_1 = {
 };
 import { Done, Error } from 'bkui-vue/lib/icon';
 import { nextTick, onBeforeMount, ref, toRef, watch } from 'vue';
+import { isEmpty } 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({
@@ -52,6 +105,9 @@ export default /*@__PURE__*/ _defineComponent({
         isEnabledCreateTag: {
             type: Boolean
         },
+        disabled: {
+            type: Boolean
+        },
         popoverOptions: {}
     },
     emits: [
@@ -97,7 +153,8 @@ export default /*@__PURE__*/ _defineComponent({
             ]
         };
         const getModuleValue = ()=>{
-            return props.multiple ? props.modelValue : props.modelValue[0];
+            var _props_modelValue;
+            return props.multiple ? props.modelValue : ((_props_modelValue = props.modelValue) === null || _props_modelValue === void 0 ? void 0 : _props_modelValue[0]) || [];
         };
         const handleFocus = ()=>{
             isShow.value = true;
@@ -106,10 +163,14 @@ export default /*@__PURE__*/ _defineComponent({
             isShow.value = false;
         };
         const handleChange = (val)=>{
-            const moduleValue = props.multiple ? val : [
+            const nextValue = props.multiple ? val : isEmpty(val) ? [] : [
                 val
             ];
-            emits('update:modelValue', moduleValue);
+            // 值未发生变化时不再 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') {
@@ -195,7 +256,11 @@ export default /*@__PURE__*/ _defineComponent({
                 multiple: __props.multiple,
                 loading: isLoadingTag.value,
                 list: tags.value,
+                disabled: __props.disabled,
                 "model-value": getModuleValue(),
+                "popover-options": _object_spread_props(_object_spread({}, __props.popoverOptions), {
+                    extCls: 'auto-hide-popover'
+                }),
                 "onUpdate:modelValue": handleChange,
                 onToggle: handleCascaderToggle
             }, _createSlots({
@@ -299,7 +364,9 @@ export default /*@__PURE__*/ _defineComponent({
                 "multiple",
                 "loading",
                 "list",
-                "model-value"
+                "disabled",
+                "model-value",
+                "popover-options"
             ]);
         };
     }

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

@@ -1,29 +1,29 @@
 
-.plus-tag-input[data-v-04ajfh2r] {
+.plus-tag-input[data-v-xlgoyzgd] {
   padding: 7px 12px;
   height: 40px;
   background: #FAFBFD;
   border-top: 1px solid #DCDEE5;
 }
-.plus-tag-input .plus-tag-done[data-v-04ajfh2r] {
+.plus-tag-input .plus-tag-done[data-v-xlgoyzgd] {
     cursor: pointer;
     font-size: 22px;
     color: #2DCB56;
     margin: 0 5px 0 10px;
 }
-.plus-tag-input .plus-tag-error[data-v-04ajfh2r] {
+.plus-tag-input .plus-tag-error[data-v-xlgoyzgd] {
     cursor: pointer;
     font-size: 16px;
     color: #C4C6CC;
     margin-right: 5px;
 }
-.plus-tag-input .plus-tag-form[data-v-04ajfh2r] {
+.plus-tag-input .plus-tag-form[data-v-xlgoyzgd] {
     flex: 1;
 }
-.plus-tag-input .plus-tag-form-item[data-v-04ajfh2r] {
+.plus-tag-input .plus-tag-form-item[data-v-xlgoyzgd] {
     margin-bottom: 0;
 }
-.plus-tag[data-v-04ajfh2r] {
+.plus-tag[data-v-xlgoyzgd] {
   cursor: pointer;
   width: 100%;
   height: 40px;
@@ -36,7 +36,7 @@
   font-size: 12px;
   line-height: 20px;
 }
-.plus-tag[data-v-04ajfh2r]:hover {
+.plus-tag[data-v-xlgoyzgd]:hover {
     color: #3A84FF;
 }
 

package/dist/components/render-choose-tag/index.vue.d.ts

@@ -7,6 +7,7 @@ interface IProps {
     spaceId?: string;
     isDataset?: boolean;
     isEnabledCreateTag?: boolean;
+    disabled?: boolean;
     popoverOptions?: Record<string, unknown>;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

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

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

@@ -1,11 +1,11 @@
 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"
+    class: "g-text-black g-font-bold !g-text-12"
 };
 const _hoisted_2 = {
     key: 0,
-    class: "bkaidev-icon bkaidev-help g-text-14 g-ml-4"
+    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';
@@ -24,12 +24,12 @@ export default /*@__PURE__*/ _defineComponent({
             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",
+                    class: "collapse-title g-flex-row !g-cursor-pointer",
                     onClick: toggleShow
                 }), [
                     _createElementVNode("i", {
                         class: _normalizeClass({
-                            'bkaidev-icon bkaidev-angle-up-fill-3 g-text-12 g-mr-8': true,
+                            '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 */ ),

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

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

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

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