@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.2

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

@@ -1,11 +1,12 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createVNode as _createVNode, Fragment as _Fragment, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
+import { unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createVNode as _createVNode, Fragment as _Fragment, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
 import { ref, toRef } from 'vue';
 import ApplicationBaseActions from '../base/application-base-actions.vue.js';
 import RenderDropdown from '../../render-dropdown/index.vue.js';
 import RenderRelateAgent from '../../render-relate-agent/index.vue.js';
 import { usePermission } from '../../../hooks/use-permission.ts.js';
 import { useToolHttp } from '../../../hooks/use-tool-http.ts.js';
+import { t } from '../../../i18n/index.ts.js';
 import { Module, ResourceCardType, ResourcePermissionAction, ResourceStatus } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
@@ -126,9 +127,7 @@ export default /*@__PURE__*/ _defineComponent({
                     ])
                 }, {
                     default: _withCtx(()=>[
-                            ..._cache[5] || (_cache[5] = [
-                                _createTextVNode(" 调试 ", -1 /* CACHED */ )
-                            ])
+                            _createTextVNode(_toDisplayString(_unref(t)('调试')), 1 /* TEXT */ )
                         ]),
                     _: 1 /* STABLE */ 
                 })) : _createCommentVNode("v-if", true),
@@ -175,9 +174,7 @@ export default /*@__PURE__*/ _defineComponent({
                     ]))
                 }, {
                     default: _withCtx(()=>[
-                            ..._cache[6] || (_cache[6] = [
-                                _createTextVNode(" 编辑 ", -1 /* CACHED */ )
-                            ])
+                            _createTextVNode(_toDisplayString(_unref(t)('编辑')), 1 /* TEXT */ )
                         ]),
                     _: 1 /* STABLE */ 
                 }, 8 /* PROPS */ , [
@@ -197,9 +194,7 @@ export default /*@__PURE__*/ _defineComponent({
                     ])
                 }, {
                     default: _withCtx(()=>[
-                            ..._cache[7] || (_cache[7] = [
-                                _createTextVNode(" 调试 ", -1 /* CACHED */ )
-                            ])
+                            _createTextVNode(_toDisplayString(_unref(t)('调试')), 1 /* TEXT */ )
                         ]),
                     _: 1 /* STABLE */ 
                 }, 8 /* PROPS */ , [
@@ -235,7 +230,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 text: props.isTextButton,
                                 class: _normalizeClass([
                                     '!g-p-5',
-                                    props.isTextButton ? 'hover:!g-bg-[#dcdee5] hover:!g-rounded-4' : ''
+                                    props.isTextButton ? 'hover:!g-bg-[var(--aidev-icon-light-hover-background)] hover:!g-rounded-[var(--aidev-radius)]' : ''
                                 ]),
                                 size: "small",
                                 onClick: _cache[1] || (_cache[1] = _withModifiers(()=>{}, [
@@ -243,7 +238,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 ]))
                             }, {
                                 default: _withCtx(()=>[
-                                        ..._cache[8] || (_cache[8] = [
+                                        ..._cache[5] || (_cache[5] = [
                                             _createElementVNode("i", {
                                                 class: "ai-ui-sdk-icon ai-ui-sdk-gengduo-2 g-text-16"
                                             }, null, -1 /* CACHED */ )
@@ -290,9 +285,9 @@ export default /*@__PURE__*/ _defineComponent({
                                     },
                                     boundary: `.tool-card-menu-${__props.tool.id}`,
                                     "is-show": isShowDelete.value,
+                                    title: _unref(t)('确认归档该工具？'),
+                                    content: _unref(t)('归档后该资源将无法被聊天窗、智能体等使用，请谨慎操作！'),
                                     trigger: "manual",
-                                    title: "确认归档该工具？",
-                                    content: "归档后该资源将无法被聊天窗、智能体等使用，请谨慎操作！",
                                     "ext-cls": "g-confirm-delete",
                                     placement: "right",
                                     width: "280",
@@ -312,13 +307,15 @@ export default /*@__PURE__*/ _defineComponent({
                                                 onClick: _cache[4] || (_cache[4] = _withModifiers(($event)=>handleManagePermissionMouseClick(handleShowDelete), [
                                                     "stop"
                                                 ]))
-                                            }, " 归档 ", 34 /* CLASS, NEED_HYDRATION */ )) : _createCommentVNode("v-if", true)
+                                            }, _toDisplayString(_unref(t)('归档')), 35 /* TEXT, CLASS, NEED_HYDRATION */ )) : _createCommentVNode("v-if", true)
                                         ]),
                                     _: 1 /* STABLE */ 
                                 }, 8 /* PROPS */ , [
                                     "confirm-config",
                                     "boundary",
-                                    "is-show"
+                                    "is-show",
+                                    "title",
+                                    "content"
                                 ])) : _createCommentVNode("v-if", true)
                             ], 2 /* CLASS */ )
                         ]),
@@ -327,9 +324,9 @@ export default /*@__PURE__*/ _defineComponent({
                 getIsCurrentSpace() && getIsDeleted() ? (_openBlock(), _createBlock(_component_bk_pop_confirm, {
                     key: 4,
                     "is-show": isShowRestore.value,
+                    title: _unref(t)('确认恢复该工具？'),
                     trigger: "manual",
                     placement: "top",
-                    title: "确认恢复该工具？",
                     width: "280",
                     onConfirm: handleRestore,
                     onCancel: handleHideRestore
@@ -345,9 +342,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 ])
                             }, {
                                 default: _withCtx(()=>[
-                                        ..._cache[9] || (_cache[9] = [
-                                            _createTextVNode(" 恢复 ", -1 /* CACHED */ )
-                                        ])
+                                        _createTextVNode(_toDisplayString(_unref(t)('恢复')), 1 /* TEXT */ )
                                     ]),
                                 _: 1 /* STABLE */ 
                             }, 8 /* PROPS */ , [
@@ -358,7 +353,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 [
                                     _directive_bk_tooltips,
                                     {
-                                        content: '没有管理权限，不能操作恢复按钮',
+                                        content: _unref(t)('没有管理权限，不能操作恢复按钮'),
                                         disabled: __props.tool.permission.manageTool
                                     }
                                 ]
@@ -366,7 +361,8 @@ export default /*@__PURE__*/ _defineComponent({
                         ]),
                     _: 1 /* STABLE */ 
                 }, 8 /* PROPS */ , [
-                    "is-show"
+                    "is-show",
+                    "title"
                 ])) : _createCommentVNode("v-if", true)
             ], 64 /* STABLE_FRAGMENT */ ));
         };

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

@@ -45,7 +45,8 @@ export default /*@__PURE__*/ _defineComponent({
             type: Boolean
         },
         username: {},
-        defaultIcon: {}
+        defaultIcon: {},
+        timezone: {}
     },
     emits: [
         "success-delete",
@@ -130,6 +131,7 @@ export default /*@__PURE__*/ _defineComponent({
                 "resource-id": props.tool.resourceId,
                 spaces: props.spaces,
                 "show-generate-type": props.showGenerateType,
+                timezone: props.timezone,
                 id: props.tool.id,
                 class: "g-relative",
                 onDelete: handleDelete,
@@ -181,6 +183,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 module: _unref(Module).Tool,
                                 "space-id": props.spaceId,
                                 "api-prefix": props.apiPrefix,
+                                timezone: props.timezone,
                                 id: props.tool.id,
                                 onNavigate: handleNavigate
                             }, null, 8 /* PROPS */ , [
@@ -190,6 +193,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 "module",
                                 "space-id",
                                 "api-prefix",
+                                "timezone",
                                 "id"
                             ])
                         ], 64 /* STABLE_FRAGMENT */ )) : _createCommentVNode("v-if", true)
@@ -281,6 +285,7 @@ export default /*@__PURE__*/ _defineComponent({
                 "resource-id",
                 "spaces",
                 "show-generate-type",
+                "timezone",
                 "id"
             ]);
         };

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

@@ -24,6 +24,7 @@ declare const __VLS_export: <T extends ITool | IApplicationTool>(__VLS_props: No
         manageSpace?: boolean;
         username?: string;
         defaultIcon?: string;
+        timezone?: string;
     } & {
         onChoose?: (tool: T) => any;
         onNavigate?: (value: ISdkNavigateAction) => any;
@@ -52,7 +53,7 @@ declare const __VLS_export: <T extends ITool | IApplicationTool>(__VLS_props: No
         (event: "update:tool", value: ITool): void;
     };
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -30,6 +30,7 @@ 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';
+import { t } from '../../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         tool: {},
@@ -60,6 +61,7 @@ export default /*@__PURE__*/ _defineComponent({
                 _createVNode(ApprovalStrategyPopover, {
                     "approval-enabled": __props.tool.approvalEnabled,
                     "approval-strategy-id": __props.tool.approvalStrategyId,
+                    "executor-identity": __props.tool.executorIdentity,
                     "approval-settings": __props.approvalSettings,
                     "tool-name": __props.tool.toolName,
                     "ext-cls": "g-ml-16",
@@ -67,13 +69,14 @@ export default /*@__PURE__*/ _defineComponent({
                 }, null, 8 /* PROPS */ , [
                     "approval-enabled",
                     "approval-strategy-id",
+                    "executor-identity",
                     "approval-settings",
                     "tool-name"
                 ]),
                 _withDirectives(_createElementVNode("i", {
                     class: _normalizeClass({
-                        'ai-ui-sdk-icon ai-ui-sdk-debug-fill g-text-16 g-text-gray g-ml-16 g-mr-16': true,
-                        '!g-cursor-pointer hover:!g-text-blue': !props.disabled,
+                        'ai-ui-sdk-icon ai-ui-sdk-debug-fill g-text-16 g-text-[var(--aidev-assist-color)] g-ml-16 g-mr-16': true,
+                        '!g-cursor-pointer hover:!g-text-[var(--aidev-clickable-color)]': !props.disabled,
                         '!g-disabled': props.disabled
                     }),
                     onClick: handleSettings
@@ -81,7 +84,7 @@ export default /*@__PURE__*/ _defineComponent({
                     [
                         _directive_bk_tooltips,
                         {
-                            content: '调试工具',
+                            content: _unref(t)('调试工具'),
                             placement: 'top'
                         }
                     ]

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

@@ -1,5 +1,6 @@
 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";
+import { unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+import { t } from '../../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         tool: {},
@@ -15,9 +16,7 @@ export default /*@__PURE__*/ _defineComponent({
                 theme: "warning"
             }, {
                 default: _withCtx(()=>[
-                        ..._cache[0] || (_cache[0] = [
-                            _createTextVNode(" 敏感 ", -1 /* CACHED */ )
-                        ])
+                        _createTextVNode(_toDisplayString(_unref(t)('敏感')), 1 /* TEXT */ )
                     ]),
                 _: 1 /* STABLE */ 
             })) : _createCommentVNode("v-if", true);

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

@@ -11,6 +11,9 @@ export default /*@__PURE__*/ _defineComponent({
         disabled: {
             type: Boolean
         },
+        tree: {
+            type: Boolean
+        },
         title: {},
         suffixTitle: {}
     },
@@ -26,6 +29,38 @@ export default /*@__PURE__*/ _defineComponent({
             emits('change', !props.checked && !props.indeterminate);
             emits('update:checked', !props.checked && !props.indeterminate);
         };
+        const getBoxClass = (hasTitle, hasSuffixTitle)=>{
+            const isFilled = props.checked || Boolean(props.indeterminate) && !props.tree;
+            // 变量名需含 class，g-utilities 才会扫描对象里的工具类并生成样式
+            const boxClass = {
+                checkbox: true,
+                'g-relative': true,
+                'g-inline-block': true,
+                'g-w-16': true,
+                'g-h-16': true,
+                'g-rounded-[var(--aidev-radius-s)]': true,
+                'g-border-[var(--aidev-checkbox-border-color)]': true,
+                'g-bg-[var(--aidev-checkbox-background)]': true,
+                checked: props.checked,
+                indeterminate: props.indeterminate,
+                disabled: props.disabled,
+                tree: props.tree,
+                'g-ml-8': hasTitle,
+                'g-mr-8': hasSuffixTitle,
+                '!g-cursor-not-allowed': props.disabled,
+                '!g-bg-[var(--aidev-checkbox-checked-disabled-color)]': props.disabled && isFilled,
+                '!g-border-[var(--aidev-checkbox-checked-disabled-color)]': props.disabled && isFilled,
+                '!g-bg-[var(--aidev-checkbox-disabled-background)]': props.disabled && !isFilled,
+                '!g-border-[var(--aidev-checkbox-disabled-border-color)]': props.disabled && !isFilled,
+                'g-cursor-pointer': !props.disabled,
+                'hover:g-border-[var(--aidev-checkbox-hover-border-color)]': !props.disabled,
+                '!g-bg-[var(--aidev-checkbox-checked-color)]': !props.disabled && isFilled,
+                '!g-border-[var(--aidev-checkbox-checked-color)]': !props.disabled && isFilled,
+                '!g-bg-[var(--aidev-checkbox-tree-indeterminate-background)]': !props.disabled && props.indeterminate && props.tree,
+                '!g-border-[var(--aidev-checkbox-tree-indeterminate-border-color)]': !props.disabled && props.indeterminate && props.tree
+            };
+            return boxClass;
+        };
         return (_ctx, _cache)=>{
             return __props.title || __props.suffixTitle ? (_openBlock(), _createElementBlock("span", {
                 key: 0,
@@ -37,24 +72,12 @@ export default /*@__PURE__*/ _defineComponent({
             }, [
                 _createTextVNode(_toDisplayString(__props.title) + " ", 1 /* TEXT */ ),
                 _createElementVNode("span", {
-                    class: _normalizeClass({
-                        'checkbox': true,
-                        'checked': __props.checked,
-                        'indeterminate': __props.indeterminate,
-                        'disabled': __props.disabled,
-                        'g-ml-8': __props.title,
-                        'g-mr-8': __props.suffixTitle
-                    })
+                    class: _normalizeClass(getBoxClass(Boolean(__props.title), Boolean(__props.suffixTitle)))
                 }, null, 2 /* CLASS */ ),
                 _createTextVNode(" " + _toDisplayString(__props.suffixTitle), 1 /* TEXT */ )
             ], 2 /* CLASS */ )) : (_openBlock(), _createElementBlock("span", {
                 key: 1,
-                class: _normalizeClass({
-                    'checkbox': true,
-                    'checked': __props.checked,
-                    'indeterminate': __props.indeterminate,
-                    'disabled': __props.disabled
-                }),
+                class: _normalizeClass(getBoxClass(false, false)),
                 onClick: handleClick
             }, null, 2 /* CLASS */ ));
         };

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

@@ -1,59 +1,32 @@
 
-.checkbox[data-v-32x6vvg0] {
-  position: relative;
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  border: 1px solid #979ba5;
-  border-radius: 2px;
-  cursor: pointer;
-}
-.checkbox.disabled[data-v-32x6vvg0] {
-    cursor: not-allowed;
-    background: #fafbfd;
-    border-color: #dcdee5;
-}
-.checkbox.disabled.checked[data-v-32x6vvg0] {
-      background-color: #a3c5fd;
-      border-color: #a3c5fd;
-}
-.checkbox.disabled.indeterminate[data-v-32x6vvg0] {
-      background-color: #fafbfd;
-      border-color: #dcdee5;
-}
-.checkbox.disabled.indeterminate[data-v-32x6vvg0]:after {
-        background: #dcdee5;
-}
-.checkbox.checked[data-v-32x6vvg0] {
-    background-color: #3a84ff;
-    border: 1px solid #3a84ff;
-}
-.checkbox.checked[data-v-32x6vvg0]:after {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      width: 4px;
-      height: 8px;
-      border: 2px solid #fff;
-      border-top: 0;
-      border-left: 0;
-      content: "";
-      transform: translate(-50%, -60%) rotate(45deg);
-      transform-origin: center;
-}
-.checkbox.indeterminate[data-v-32x6vvg0] {
-    background-color: #3a84ff;
-    border: 1px solid #3a84ff;
-}
-.checkbox.indeterminate[data-v-32x6vvg0]:after {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      width: 8px;
-      height: 2px;
-      background: #fff;
-      border: none;
-      border-radius: 2px;
-      content: "";
-      transform: translate(-50%, -50%);
+.checkbox.checked[data-v-2z5tryqf]:after {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 4px;
+    height: 8px;
+    border: 2px solid var(--aidev-checkbox-checked-mark-color);
+    border-top: 0;
+    border-left: 0;
+    content: "";
+    transform: translate(-50%, -60%) rotate(45deg);
+    transform-origin: center;
+}
+.checkbox.indeterminate[data-v-2z5tryqf]:after {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 8px;
+    height: 2px;
+    background: var(--aidev-checkbox-checked-mark-color);
+    border: none;
+    border-radius: var(--aidev-radius-s);
+    content: "";
+    transform: translate(-50%, -50%);
+}
+.checkbox.disabled.tree.indeterminate[data-v-2z5tryqf]:after {
+    background: var(--aidev-checkbox-tree-indeterminate-disabled-mark-color);
+}
+.checkbox.tree.indeterminate[data-v-2z5tryqf]:not(.disabled):after {
+    background: var(--aidev-checkbox-tree-indeterminate-mark-color);
 }

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

@@ -2,6 +2,7 @@ interface IProps {
     checked: boolean;
     indeterminate?: boolean;
     disabled?: boolean;
+    tree?: boolean;
     title?: string;
     suffixTitle?: string;
 }

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

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

@@ -28,7 +28,7 @@ function _async_to_generator(fn) {
     };
 }
 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";
+import { unref as _unref, resolveComponent as _resolveComponent, createVNode as _createVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, 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"
@@ -38,6 +38,7 @@ 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';
+import { t } from '../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         modelValue: {},
@@ -74,6 +75,7 @@ export default /*@__PURE__*/ _defineComponent({
         const isLoadingTag = ref(false);
         const isShow = ref(false);
         const tags = ref([]);
+        const emptyTagValue = [];
         let templateTagNameErrorMessage = '';
         const checkTagRule = {
             validator: function() {
@@ -102,7 +104,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         const getModuleValue = ()=>{
             var _props_modelValue;
-            return props.multiple ? props.modelValue : ((_props_modelValue = props.modelValue) === null || _props_modelValue === void 0 ? void 0 : _props_modelValue[0]) || [];
+            return props.multiple ? props.modelValue : ((_props_modelValue = props.modelValue) === null || _props_modelValue === void 0 ? void 0 : _props_modelValue[0]) || emptyTagValue;
         };
         // 搜索时不区分大小写字母，匹配任意节点
         const handleFilterMethod = (node, searchKey)=>{
@@ -210,11 +212,11 @@ export default /*@__PURE__*/ _defineComponent({
                 disabled: __props.disabled,
                 "model-value": getModuleValue(),
                 "popover-options": __props.popoverOptions,
+                placeholder: _unref(t)('请选择标签'),
                 filterable: "",
                 "id-key": "tagName",
                 "name-key": "tagName",
                 "ext-cls": "tag-cascader",
-                placeholder: "请选择标签",
                 "onUpdate:modelValue": handleChange,
                 onToggle: handleCascaderToggle
             }, _createSlots({
@@ -248,22 +250,21 @@ export default /*@__PURE__*/ _defineComponent({
                                                             trigger: "manual"
                                                         }, {
                                                             content: _withCtx(()=>[
-                                                                    ..._cache[1] || (_cache[1] = [
-                                                                        _createTextVNode(" 如需定义层级标签，以英文“/”分割层级，多个标签以“、”分隔 ", -1 /* CACHED */ )
-                                                                    ])
+                                                                    _createTextVNode(_toDisplayString(_unref(t)('如需定义层级标签，以英文“/”分割层级，多个标签以“、”分隔')), 1 /* TEXT */ )
                                                                 ]),
                                                             default: _withCtx(()=>[
                                                                     _createVNode(_component_bk_input, {
                                                                         modelValue: tempTagName.value,
                                                                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>tempTagName.value = $event),
+                                                                        placeholder: _unref(t)('如需定义层级标签，以英文“/”分割层级，多个标签以“、”分隔'),
                                                                         ref_key: "tagRef",
                                                                         ref: tagRef,
-                                                                        placeholder: "如需定义层级标签，以英文“/”分割层级，多个标签以“、”分隔",
                                                                         onKeydown: handleTagKeyDown,
                                                                         onFocus: handleFocus,
                                                                         onBlur: handleBlur
                                                                     }, null, 8 /* PROPS */ , [
-                                                                        "modelValue"
+                                                                        "modelValue",
+                                                                        "placeholder"
                                                                     ])
                                                                 ]),
                                                             _: 1 /* STABLE */ 
@@ -304,12 +305,10 @@ export default /*@__PURE__*/ _defineComponent({
                                     "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 */ )
-                                ])
+                                _cache[1] || (_cache[1] = _createElementVNode("i", {
+                                    class: "ai-ui-sdk-icon ai-ui-sdk-plus-circle g-text-14 g-mr-6"
+                                }, null, -1 /* CACHED */ )),
+                                _createTextVNode(" " + _toDisplayString(_unref(t)('新建标签')), 1 /* TEXT */ )
                             ]))
                         ]),
                     key: "0"
@@ -320,7 +319,8 @@ export default /*@__PURE__*/ _defineComponent({
                 "list",
                 "disabled",
                 "model-value",
-                "popover-options"
+                "popover-options",
+                "placeholder"
             ]);
         };
     }

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

@@ -1,43 +1,43 @@
 
-.plus-tag-input[data-v-im076rq6] {
+.plus-tag-input[data-v-8qtzmb13] {
   padding: 7px 12px;
   height: 40px;
   background: #FAFBFD;
-  border-top: 1px solid #DCDEE5;
+  border-top: 1px solid var(--aidev-line-strong-color);
 }
-.plus-tag-input .plus-tag-done[data-v-im076rq6] {
+.plus-tag-input .plus-tag-done[data-v-8qtzmb13] {
     cursor: pointer;
     font-size: 22px;
     color: #2DCB56;
     margin: 0 5px 0 10px;
 }
-.plus-tag-input .plus-tag-error[data-v-im076rq6] {
+.plus-tag-input .plus-tag-error[data-v-8qtzmb13] {
     cursor: pointer;
     font-size: 16px;
-    color: #C4C6CC;
+    color: var(--aidev-disabled-color);
     margin-right: 5px;
 }
-.plus-tag-input .plus-tag-form[data-v-im076rq6] {
+.plus-tag-input .plus-tag-form[data-v-8qtzmb13] {
     flex: 1;
 }
-.plus-tag-input .plus-tag-form-item[data-v-im076rq6] {
+.plus-tag-input .plus-tag-form-item[data-v-8qtzmb13] {
     margin-bottom: 0;
 }
-.plus-tag[data-v-im076rq6] {
+.plus-tag[data-v-8qtzmb13] {
   cursor: pointer;
   width: 100%;
   height: 40px;
   background: #FAFBFD;
-  border-top: 1px solid #DCDEE5;
-  border-radius: 0 0 2px 2px;
+  border-top: 1px solid var(--aidev-line-strong-color);
+  border-radius: 0 0 var(--aidev-radius) var(--aidev-radius);
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 12px;
   line-height: 20px;
 }
-.plus-tag[data-v-im076rq6]:hover {
-    color: #3A84FF;
+.plus-tag[data-v-8qtzmb13]:hover {
+    color: var(--aidev-clickable-color);
 }
 
 

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-im076rq6";
+script.__scopeId = "data-v-8qtzmb13";
 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,7 +1,7 @@
 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-[var(--aidev-title-color)] g-font-bold !g-text-12"
 };
 const _hoisted_2 = {
     key: 0,
@@ -45,9 +45,7 @@ export default /*@__PURE__*/ _defineComponent({
                     ]) : _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)
+                isShow.value ? _renderSlot(_ctx.$slots, "default", {}, undefined, true, 0) : _createCommentVNode("v-if", true)
             ], 64 /* STABLE_FRAGMENT */ );
         };
     }

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

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