@blueking/ai-ui-sdk 0.1.19-beta.4 → 0.1.19-beta.40

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

@@ -0,0 +1,171 @@
+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 { renderSlot as _renderSlot, createElementVNode as _createElementVNode, vShow as _vShow, withDirectives as _withDirectives, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import tippy from 'tippy.js';
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        placement: {
+            default: 'bottom-start'
+        },
+        arrow: {
+            type: Boolean,
+            default: false
+        },
+        theme: {
+            default: 'light'
+        },
+        animation: {
+            default: 'shift-away'
+        },
+        delay: {
+            default: ()=>[
+                    0,
+                    100
+                ]
+        },
+        maxWidth: {
+            default: 'none'
+        },
+        disabled: {
+            type: Boolean,
+            default: false
+        },
+        tippyOptions: {}
+    },
+    emits: [
+        "show",
+        "hide",
+        "mount",
+        "shown",
+        "hidden"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const triggerRef = ref();
+        const contentRef = ref();
+        const tippyInstance = ref();
+        const isShow = ref(false);
+        // 创建 Tippy 实例
+        const createTippy = ()=>{
+            if (!triggerRef.value || !contentRef.value) return;
+            // 销毁旧实例
+            if (tippyInstance.value) {
+                tippyInstance.value.destroy();
+            }
+            // 合并配置
+            const config = _object_spread({
+                content: contentRef.value,
+                placement: props.placement,
+                arrow: props.arrow,
+                theme: props.theme,
+                interactive: true,
+                animation: props.animation,
+                delay: props.delay,
+                maxWidth: props.maxWidth,
+                trigger: 'mouseenter focus',
+                hideOnClick: 'toggle',
+                appendTo: ()=>document.body,
+                // 事件回调
+                onShow: (instance)=>{
+                    isShow.value = true;
+                    emit('show', instance);
+                },
+                onHide: (instance)=>{
+                    isShow.value = false;
+                    emit('hide', instance);
+                }
+            }, props.tippyOptions);
+            tippyInstance.value = tippy(triggerRef.value, config);
+            // 处理禁用状态
+            if (props.disabled) {
+                tippyInstance.value.disable();
+            }
+        };
+        // 显示下拉菜单
+        const show = ()=>{
+            var _tippyInstance_value;
+            (_tippyInstance_value = tippyInstance.value) === null || _tippyInstance_value === void 0 ? void 0 : _tippyInstance_value.show();
+        };
+        // 隐藏下拉菜单
+        const hide = ()=>{
+            var _tippyInstance_value;
+            (_tippyInstance_value = tippyInstance.value) === null || _tippyInstance_value === void 0 ? void 0 : _tippyInstance_value.hide();
+        };
+        // 监听其他配置变化
+        watch(()=>[
+                props.placement,
+                props.theme,
+                props.animation,
+                props.delay,
+                props.maxWidth,
+                props.disabled,
+                props.tippyOptions
+            ], createTippy, {
+            deep: true
+        });
+        onMounted(()=>{
+            createTippy();
+        });
+        onBeforeUnmount(()=>{
+            if (tippyInstance.value) {
+                tippyInstance.value.destroy();
+            }
+        });
+        // 暴露方法给父组件
+        __expose({
+            show,
+            hide
+        });
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createElementVNode("span", {
+                    ref_key: "triggerRef",
+                    ref: triggerRef
+                }, [
+                    _renderSlot(_ctx.$slots, "trigger", {}, undefined, true)
+                ], 512 /* NEED_PATCH */ ),
+                _withDirectives(_createElementVNode("section", {
+                    ref_key: "contentRef",
+                    ref: contentRef,
+                    class: "render-dropdown-content"
+                }, [
+                    _renderSlot(_ctx.$slots, "content", {}, undefined, true)
+                ], 512 /* NEED_PATCH */ ), [
+                    [
+                        _vShow,
+                        isShow.value
+                    ]
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

@@ -0,0 +1,29 @@
+
+.tippy-box[data-theme~='light'] {
+  background-color: #fff;
+  color: #333;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  border-radius: 2px;
+}
+.tippy-box[data-theme~='light'] .tippy-arrow {
+    color: #fff;
+}
+.tippy-box[data-theme~='light'] .tippy-content {
+    padding: 0;
+}
+.tippy-box[data-theme~='light-border'] {
+  background-color: #fff;
+  color: #333;
+  border: 1px solid #dcdee5;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  border-radius: 2px;
+}
+.tippy-box[data-theme~='light-border'] .tippy-arrow {
+    color: #fff;
+}
+.tippy-box[data-theme~='light-border'] .tippy-arrow::before {
+    border-color: transparent transparent #dcdee5 transparent;
+}
+.tippy-box[data-theme~='light-border'] .tippy-content {
+    padding: 0;
+}

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

@@ -0,0 +1,64 @@
+import { type Instance, type Placement, type Props } from 'tippy.js';
+export interface IProps {
+    /** 位置 */
+    placement?: Placement;
+    /** 是否显示箭头 */
+    arrow?: boolean;
+    /** 主题 */
+    theme?: 'light' | 'light-border' | 'material' | 'translucent';
+    /** 动画效果 */
+    animation?: 'fade' | 'shift-away' | 'shift-toward' | 'scale' | 'perspective';
+    /** 延迟显示（毫秒） */
+    delay?: number | [number | null, number | null];
+    /** 最大宽度 */
+    maxWidth?: number | string;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 额外的 Tippy 配置 */
+    tippyOptions?: Partial<Props>;
+}
+export interface IEmits {
+    show: [instance: Instance];
+    hide: [instance: Instance];
+    mount: [instance: Instance];
+    shown: [instance: Instance];
+    hidden: [instance: Instance];
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IProps, {
+    show: () => void;
+    hide: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    hidden: (instance: Instance<Props>) => any;
+    mount: (instance: Instance<Props>) => any;
+    show: (instance: Instance<Props>) => any;
+    hide: (instance: Instance<Props>) => any;
+    shown: (instance: Instance<Props>) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onHidden?: (instance: Instance<Props>) => any;
+    onMount?: (instance: Instance<Props>) => any;
+    onShow?: (instance: Instance<Props>) => any;
+    onHide?: (instance: Instance<Props>) => any;
+    onShown?: (instance: Instance<Props>) => any;
+}>, {
+    disabled: boolean;
+    theme: "light" | "light-border" | "material" | "translucent";
+    placement: Placement;
+    arrow: boolean;
+    animation: "fade" | "shift-away" | "shift-toward" | "scale" | "perspective";
+    delay: number | [number | null, number | null];
+    maxWidth: number | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -1,13 +1,14 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { createVNode as _createVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, unref as _unref, createElementVNode as _createElementVNode, renderSlot as _renderSlot, withModifiers as _withModifiers, resolveComponent as _resolveComponent, withCtx as _withCtx } from "vue";
+import { createVNode as _createVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, unref as _unref, renderSlot as _renderSlot, withModifiers as _withModifiers, resolveDirective as _resolveDirective, withDirectives as _withDirectives, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = {
     class: "upload-file-home g-flex-row"
 };
 const _hoisted_2 = {
-    class: "file-content g-flex-column"
+    class: "file-content g-flex-column g-align-center"
 };
 const _hoisted_3 = {
-    class: "file-name g-truncate"
+    class: "file-name g-truncate",
+    "data-ellipsis-tooltip": ""
 };
 const _hoisted_4 = {
     class: "file-size"
@@ -32,7 +33,6 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
-            const _directive_overflow_title = _resolveDirective("overflow-title");
             const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
             return _openBlock(), _createElementBlock("section", _hoisted_1, [
                 _createVNode(RenderFileTypeIcon, {
@@ -42,17 +42,7 @@ export default /*@__PURE__*/ _defineComponent({
                     "type"
                 ]),
                 _createElementVNode("p", _hoisted_2, [
-                    _withDirectives((_openBlock(), _createElementBlock("span", _hoisted_3, [
-                        _createTextVNode(_toDisplayString(_ctx.file.fileName), 1 /* TEXT */ )
-                    ])), [
-                        [
-                            _directive_overflow_title,
-                            {
-                                type: 'tips',
-                                content: _ctx.file.fileName
-                            }
-                        ]
-                    ]),
+                    _createElementVNode("span", _hoisted_3, _toDisplayString(_ctx.file.fileName), 1 /* TEXT */ ),
                     _createElementVNode("span", _hoisted_4, _toDisplayString(_unref(getFileSizeTxt)(_ctx.file.fileSize)), 1 /* TEXT */ )
                 ]),
                 _createElementVNode("span", _hoisted_5, [

package/dist/components/render-file-card/index.vue.css

@@ -1,21 +1,21 @@
 
-.upload-file-home[data-v-wv4jnayh] {
+.upload-file-home[data-v-m9xweak4] {
   position: relative;
   background: #FFFFFF;
   border: 1px solid #DCDEE5;
   border-radius: 4px;
   padding: 12px 12px 10px 12px;
 }
-.upload-file-home[data-v-wv4jnayh]:hover {
+.upload-file-home[data-v-m9xweak4]:hover {
     border: 1px solid #3A84FF;
 }
-.upload-file-home:hover .file-icons[data-v-wv4jnayh] {
+.upload-file-home:hover .file-icons[data-v-m9xweak4] {
       display: flex;
 }
-.upload-file-home .file-icon[data-v-wv4jnayh] {
+.upload-file-home .file-icon[data-v-m9xweak4] {
     font-size: 32px;
 }
-.upload-file-home .file-content[data-v-wv4jnayh] {
+.upload-file-home .file-content[data-v-m9xweak4] {
     font-size: 12px;
     flex: 1;
     align-items: flex-start;
@@ -23,28 +23,28 @@
     font-weight: normal;
     width: 0;
 }
-.upload-file-home .file-content .file-name[data-v-wv4jnayh] {
+.upload-file-home .file-content .file-name[data-v-m9xweak4] {
       width: 100%;
       font-size: 14px;
       line-height: 20px;
 }
-.upload-file-home .file-content .file-size[data-v-wv4jnayh] {
+.upload-file-home .file-content .file-size[data-v-m9xweak4] {
       font-size: 12px;
       color: #979BA5;
       line-height: 20px;
 }
-.upload-file-home .file-icons[data-v-wv4jnayh] {
+.upload-file-home .file-icons[data-v-m9xweak4] {
     display: none;
     color: #979BA5;
 }
-.upload-file-home .file-icons .bkaidev-icon[data-v-wv4jnayh] {
+.upload-file-home .file-icons .bkaidev-icon[data-v-m9xweak4] {
       cursor: pointer;
       margin-right: 15px;
       font-size: 16px;
 }
-.upload-file-home .file-icons .bkaidev-icon[data-v-wv4jnayh]:hover {
+.upload-file-home .file-icons .bkaidev-icon[data-v-m9xweak4]:hover {
         color: #3A84FF;
 }
-.upload-file-home .file-icons .bkaidev-delete[data-v-wv4jnayh] {
+.upload-file-home .file-icons .bkaidev-delete[data-v-m9xweak4] {
       margin: 0;
 }

package/dist/components/render-file-card/index.vue.js

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

package/dist/components/render-file-type-icon/index.vue.css

@@ -1,16 +1,16 @@
 
-.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-i11j3mq2] {
+.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-5h4215zw] {
   color: #EA3636;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-i11j3mq2], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-i11j3mq2], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-i11j3mq2] {
+.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-5h4215zw], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-5h4215zw], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-5h4215zw] {
   color: #3A84FF;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-i11j3mq2] {
+.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-5h4215zw] {
   color: #C4C6CC;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-i11j3mq2] {
+.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-5h4215zw] {
   color: #2DCB56;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-i11j3mq2] {
+.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-5h4215zw] {
   color: #14A568;
 }

package/dist/components/render-file-type-icon/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-i11j3mq2";
+script.__scopeId = "data-v-5h4215zw";
 script.__file = "./src/components/render-file-type-icon/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,7 +1,8 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode } from "vue";
+import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, unref as _unref, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, normalizeClass as _normalizeClass } from "vue";
+import _imports_0 from '../../images/market.png';
 const _hoisted_1 = {
-    class: "header-home g-pl-24"
+    class: "header-home g-pl-24 g-pr-24"
 };
 const _hoisted_2 = {
     class: "g-learning-24 g-text-black g-text-16 g-pt-14 g-pb-14"
@@ -13,6 +14,12 @@ const _hoisted_3 = {
 const _hoisted_4 = [
     "onClick"
 ];
+const _hoisted_5 = {
+    key: 0,
+    class: "g-mr-8 g-height-16",
+    src: _imports_0
+};
+import { GroupType } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         title: {},
@@ -48,7 +55,8 @@ export default /*@__PURE__*/ _defineComponent({
                             }),
                             onClick: ($event)=>handleChoose(tab.id)
                         }, [
-                            _createTextVNode(_toDisplayString(tab.name) + " ", 1 /* TEXT */ ),
+                            tab.id === _unref(GroupType).All ? (_openBlock(), _createElementBlock("img", _hoisted_5)) : _createCommentVNode("v-if", true),
+                            _createTextVNode(" " + _toDisplayString(tab.name) + " ", 1 /* TEXT */ ),
                             _createVNode(_component_bk_loading, {
                                 class: "g-number-font",
                                 mode: "spin",

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

@@ -1,13 +1,13 @@
 
-.header-home[data-v-e99pgxak] {
+.header-home[data-v-nvpvlz2a] {
   width: 100%;
   background: #FFFFFF;
   box-shadow: 0 3px 4px 0 #0000000a;
 }
-.render-tab[data-v-e99pgxak] {
+.render-tab[data-v-nvpvlz2a] {
   border-bottom: 2px solid transparent;
 }
-.render-tab.active[data-v-e99pgxak] {
+.render-tab.active[data-v-nvpvlz2a] {
     color: #3A84FF;
     border-bottom: 2px solid #3A84FF;
 }

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

@@ -1,4 +1,4 @@
-import type { GroupType } from '@/types/enum';
+import { GroupType } from '@/types/enum';
 interface IProps {
     title?: string;
     groupType?: GroupType;

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

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

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

@@ -32,7 +32,7 @@ const _hoisted_1 = {
     class: "select-options"
 };
 const _hoisted_2 = {
-    class: "g-text-16 g-mb-16"
+    class: "g-text-16 g-mb-16 g-text-black"
 };
 const _hoisted_3 = [
     "onClick"
@@ -270,7 +270,7 @@ export default /*@__PURE__*/ _defineComponent({
                             _renderSlot(_ctx.$slots, "like", {}, ()=>[
                                     _withDirectives(_createElementVNode("i", {
                                         class: _normalizeClass([
-                                            'ai-ui-sdk-icon g-hover-text-blue g-cursor-pointer g-mr-8',
+                                            'ai-ui-sdk-icon g-hover-text-blue g-cursor-pointer g-mr-8 g-text-18',
                                             formData.value.rate === 5 ? 'g-text-blue ai-ui-sdk-like' : 'g-text-gray ai-ui-sdk-unlike'
                                         ])
                                     }, null, 2 /* CLASS */ ), [
@@ -293,7 +293,7 @@ export default /*@__PURE__*/ _defineComponent({
                             _renderSlot(_ctx.$slots, "dislike", {}, ()=>[
                                     _withDirectives(_createElementVNode("i", {
                                         class: _normalizeClass([
-                                            'ai-ui-sdk-icon dislike-icon g-inline-block g-cursor-pointer g-hover-text-red',
+                                            'ai-ui-sdk-icon dislike-icon g-inline-block g-cursor-pointer g-hover-text-red g-text-18',
                                             formData.value.rate === 1 ? 'g-text-red ai-ui-sdk-like' : 'g-text-gray ai-ui-sdk-unlike'
                                         ])
                                     }, null, 2 /* CLASS */ ), [

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

@@ -1,19 +1,20 @@
 
-.dislike-icon[data-v-cgj7h30w] {
-    transform: rotateX(180deg);
+.dislike-icon[data-v-t2yh6ggl] {
+  transform: rotateX(180deg);
 }
-.option-items[data-v-cgj7h30w] {
-    padding: 1px 8px;
-    background-color: #F0F1F5;
-    border-radius: 2px;
+.option-items[data-v-t2yh6ggl] {
+  padding: 1px 8px;
+  background-color: #F0F1F5;
+  line-height: 22px;
+  border-radius: 2px;
 }
-.option-items[data-v-cgj7h30w]:hover {
-      background-color: #E1ECFF;
-      color: #3A84FF;
-}
-.option-items-selected[data-v-cgj7h30w]{
+.option-items[data-v-t2yh6ggl]:hover {
     background-color: #E1ECFF;
+    color: #3A84FF;
+}
+.option-items-selected[data-v-t2yh6ggl]{
+  background-color: #E1ECFF;
 }
-[data-v-cgj7h30w] .bk-form-item {
-    margin-bottom: 17px;
+[data-v-t2yh6ggl] .bk-form-item {
+  margin-bottom: 17px;
 }

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

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

package/dist/components/render-router-tab/index.vue.css

@@ -1,12 +1,12 @@
 
-.router-tab[data-v-45h4ihb9] {
+.router-tab[data-v-nzm7h77v] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
-  padding: 0 45px;
+  padding: 0 24px;
 }
-.router-tab a[data-v-45h4ihb9] {
+.router-tab a[data-v-nzm7h77v] {
     padding: 0 8px;
     margin-right: 24px;
     font-size: 14px;
@@ -15,7 +15,7 @@
     color: #4D4F56;
     box-sizing: border-box;
 }
-.router-tab a.router-link-exact-active[data-v-45h4ihb9] {
+.router-tab a.router-link-exact-active[data-v-nzm7h77v] {
       color: #3A84FF;
       border-bottom: 2px solid #3A84FF;
 }

package/dist/components/render-router-tab/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-45h4ihb9";
+script.__scopeId = "data-v-nzm7h77v";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-search-empty/index.script.vue.js.js

@@ -0,0 +1,61 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-column g-align-center g-mb-40"
+};
+const _hoisted_2 = {
+    key: 0,
+    class: "g-text-12 g-text-gray g-flex-row g-justify-center g-flex-wrap g-items-center g-ml-8 g-mr-8"
+};
+import { isEmpty } from '../../common/util.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        search: {},
+        scene: {},
+        description: {}
+    },
+    emits: [
+        "update:search"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emit = __emit;
+        const getDescription = ()=>{
+            return isEmpty(props.description) ? '暂无数据' : props.description;
+        };
+        const handleClearSearch = ()=>{
+            if (typeof props.search === 'string') {
+                emit('update:search', '');
+            }
+            if (typeof props.search === 'object') {
+                emit('update:search', {});
+            }
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_exception = _resolveComponent("bk-exception");
+            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+                _createVNode(_component_bk_exception, {
+                    class: _normalizeClass([
+                        'g-exception',
+                        props.scene === 'page' ? 'g-mt-100' : 'g-mt-30'
+                    ]),
+                    scene: props.scene,
+                    type: _unref(isEmpty)(props.search) ? 'empty' : 'search-empty',
+                    description: _unref(isEmpty)(props.search) ? getDescription() : '搜索结果为空'
+                }, null, 8 /* PROPS */ , [
+                    "class",
+                    "scene",
+                    "type",
+                    "description"
+                ]),
+                !_unref(isEmpty)(props.search) ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
+                    _cache[0] || (_cache[0] = _createTextVNode(" 可以尝试调整筛选条件或 ")),
+                    _createElementVNode("button", {
+                        class: "g-text-blue g-cursor-pointer g-ml-4",
+                        onClick: handleClearSearch
+                    }, " 清空筛选条件 ")
+                ])) : _createCommentVNode("v-if", true)
+            ]);
+        };
+    }
+});