@blueking/ai-ui-sdk 0.3.0-beta.2 → 0.3.0-beta.21

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

@@ -155,7 +155,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderSearchSelect, {
-                class: "g-bg-white",
+                class: "!g-bg-white",
                 placeholder: placeholder,
                 "model-value": props.search,
                 data: searchOptions.value,

package/dist/components/render-knowledge/search/index.vue.d.ts

@@ -4,7 +4,7 @@ interface IProps {
     search: IKnowledgeListParam['searchbox'];
     isSimple?: boolean;
     isShowTagSearch?: boolean;
-    apiPrefix: string;
+    apiPrefix?: string;
     spaceId?: string;
     module?: Module;
     memberUrl: string;

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

@@ -107,7 +107,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderSearchSelect, {
-                class: "g-bg-white",
+                class: "!g-bg-white",
                 placeholder: __props.isShowAllSearchOptions ? '搜索名称、描述、ID、更新人' : '搜索中英文名称、描述',
                 "model-value": props.search,
                 data: searchOptions.value,

package/dist/components/render-knowledgebase/search/index.vue.d.ts

@@ -4,7 +4,7 @@ interface IProps {
     search: IKnowledgebaseListParam;
     isShowAllSearchOptions?: boolean;
     isShowTagSearch?: boolean;
-    apiPrefix: string;
+    apiPrefix?: string;
     spaceId?: string;
     module?: Module;
     memberUrl: string;

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

@@ -32,13 +32,13 @@ const _hoisted_1 = {
     class: "select-options"
 };
 const _hoisted_2 = {
-    class: "g-text-16 g-mb-16 g-text-black"
+    class: "g-text-16 !g-mb-16 g-text-black"
 };
 const _hoisted_3 = [
     "onClick"
 ];
 const _hoisted_4 = {
-    class: "g-flex-row g-justify-end g-mt-16"
+    class: "g-flex-row g-justify-end !g-mt-16"
 };
 import { bkTooltips as vBkTooltips, Button as BkButton, clickoutside as vClickoutside, Form as BkForm, Loading as BkLoading, Popover as BkPopover } from 'bkui-vue';
 import { BkFormItem } from 'bkui-vue/lib/form';
@@ -175,7 +175,7 @@ export default /*@__PURE__*/ _defineComponent({
                                                                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(feedbackOptions.value, (option, index)=>{
                                                                     return _openBlock(), _createElementBlock("span", {
                                                                         class: _normalizeClass({
-                                                                            'option-items g-text-12 g-mr-4 g-mb-4 g-cursor-pointer g-float-left': true,
+                                                                            'option-items !g-text-12 g-mr-4 g-mb-4 !g-cursor-pointer g-float-left': true,
                                                                             'option-items-selected g-text-blue': formData.value.labels.includes(option)
                                                                         }),
                                                                         key: index,
@@ -190,7 +190,7 @@ export default /*@__PURE__*/ _defineComponent({
                                                     _createVNode(_unref(BkFormItem), null, {
                                                         default: _withCtx(()=>[
                                                                 _cache[3] || (_cache[3] = _createElementVNode("h5", {
-                                                                    class: "g-text-12 g-mb-4"
+                                                                    class: "!g-text-12 g-mb-4"
                                                                 }, " 其他原因 ", -1 /* CACHED */ )),
                                                                 _createVNode(RenderAutoHeightTextarea, {
                                                                     placeholder: "说出你的想法",
@@ -216,7 +216,7 @@ export default /*@__PURE__*/ _defineComponent({
                             ]),
                             _createElementVNode("section", _hoisted_4, [
                                 _createVNode(_unref(BkButton), {
-                                    class: "g-width-88",
+                                    class: "g-w-88",
                                     theme: "primary",
                                     disabled: !formData.value.comment && !(formData.value.labels && formData.value.labels.length > 0),
                                     loading: submitting.value,
@@ -235,7 +235,7 @@ export default /*@__PURE__*/ _defineComponent({
                                     "loading"
                                 ]),
                                 _createVNode(_unref(BkButton), {
-                                    class: "g-width-88 g-ml-8",
+                                    class: "g-w-88 g-ml-8",
                                     onClick: _withModifiers(handleClose, [
                                         "stop"
                                     ])
@@ -265,7 +265,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 g-text-18',
+                                            'ai-ui-sdk-icon hover:!g-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 */ ), [
@@ -288,7 +288,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 g-text-18',
+                                            'ai-ui-sdk-icon dislike-icon !g-inline-block !g-cursor-pointer hover:g-text-danger-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,20 +1,20 @@
 
-.dislike-icon[data-v-f0n43foy] {
+.dislike-icon[data-v-t4z0issd] {
   transform: rotateX(180deg);
 }
-.option-items[data-v-f0n43foy] {
+.option-items[data-v-t4z0issd] {
   padding: 1px 8px;
   background-color: #F0F1F5;
   line-height: 22px;
   border-radius: 2px;
 }
-.option-items[data-v-f0n43foy]:hover {
+.option-items[data-v-t4z0issd]:hover {
     background-color: #E1ECFF;
     color: #3A84FF;
 }
-.option-items-selected[data-v-f0n43foy]{
+.option-items-selected[data-v-t4z0issd]{
   background-color: #E1ECFF;
 }
-[data-v-f0n43foy] .bk-form-item {
+[data-v-t4z0issd] .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-f0n43foy";
+script.__scopeId = "data-v-t4z0issd";
 script.__file = "./src/components/render-like/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-markdown/edit.ts.js

@@ -82,24 +82,24 @@ export default defineComponent({
             const defaultMode = props.mode || "wysiwyg";
             // 切换模式按钮
             const modeSwitchEl = document.createElement('section');
-            modeSwitchEl.className = 'toastui-editor-toolbar-custom-button g-cursor-pointer g-ml-4';
-            modeSwitchEl.innerHTML = '<i class="bkaidev-icon bkaidev-qiehuan g-mr-4 g-text-16"></i>切换代码模式';
+            modeSwitchEl.className = 'toastui-editor-toolbar-custom-button !g-cursor-pointer g-ml-4';
+            modeSwitchEl.innerHTML = '<i class="ai-ui-sdk-icon ai-ui-sdk-qiehuan g-mr-4 g-text-16"></i>切换代码模式';
             modeSwitchEl.dataset.mode = defaultMode;
             modeSwitchEl.addEventListener('click', ()=>{
                 const mode = modeSwitchEl.dataset.mode;
                 if (mode === "markdown") {
                     editor.changeMode("wysiwyg");
                     modeSwitchEl.dataset.mode = "wysiwyg";
-                    modeSwitchEl.innerHTML = '<i class="bkaidev-icon bkaidev-qiehuan g-mr-4 g-text-16"></i>切换代码模式';
+                    modeSwitchEl.innerHTML = '<i class="ai-ui-sdk-icon ai-ui-sdk-qiehuan g-mr-4 g-text-16"></i>切换代码模式';
                 } else {
                     editor.changeMode("markdown");
                     modeSwitchEl.dataset.mode = "markdown";
-                    modeSwitchEl.innerHTML = '<i class="bkaidev-icon bkaidev-qiehuan g-mr-4 g-text-16"></i>切换富文本模式';
+                    modeSwitchEl.innerHTML = '<i class="ai-ui-sdk-icon ai-ui-sdk-qiehuan g-mr-4 g-text-16"></i>切换富文本模式';
                 }
             });
             // 全屏按钮复用 use-click-proxy 的全局 full-screen 代理。
             const fullScreenEl = document.createElement('section');
-            fullScreenEl.className = 'toastui-editor-toolbar-custom-button g-cursor-pointer g-ml-12';
+            fullScreenEl.className = 'toastui-editor-toolbar-custom-button !g-cursor-pointer g-ml-12';
             fullScreenEl.innerHTML = [
                 '<span class="click-full-screen">',
                 '<i class="ai-ui-sdk-icon ai-ui-sdk-full-screen g-mr-4 g-text-14"></i>全屏',

package/dist/components/render-markdown/filter-css.d.ts

@@ -1,3 +1,4 @@
 export declare const filterStyle: (style: string) => string;
 export declare const cleanStyleAfterXss: (root: DocumentFragment) => void;
 export declare const filterCSS: (html: string) => string;
+export declare const escapeHtml: (html: string) => string;

package/dist/components/render-markdown/filter-css.ts.js

@@ -1,3 +1,4 @@
+import { filterXss } from '@blueking/xss-filter';
 const NUMERIC_PROPS = new Set([
     'height',
     'top',
@@ -117,3 +118,88 @@ export const filterCSS = (html)=>{
     cleanStyleAfterXss(template.content);
     return template.innerHTML;
 };
+export const escapeHtml = (html)=>{
+    return filterCSS(filterXss(html, {
+        whiteList: {
+            a: [
+                'href',
+                'target',
+                'class',
+                'title',
+                'rel'
+            ],
+            section: [
+                'class'
+            ],
+            i: [
+                'class'
+            ],
+            span: [
+                'class',
+                'style',
+                'data-variable-index',
+                'aria-hidden'
+            ],
+            div: [
+                'class',
+                'style'
+            ],
+            svg: [
+                'class'
+            ],
+            use: [
+                'href'
+            ],
+            ul: [
+                'class'
+            ],
+            li: [
+                'class',
+                'title'
+            ],
+            p: [
+                'class'
+            ],
+            br: [],
+            strong: [
+                'class'
+            ],
+            b: [
+                'class'
+            ],
+            em: [
+                'class'
+            ],
+            code: [
+                'class'
+            ],
+            pre: [
+                'class'
+            ],
+            blockquote: [
+                'class'
+            ],
+            table: [
+                'class'
+            ],
+            thead: [
+                'class'
+            ],
+            tbody: [
+                'class'
+            ],
+            tr: [
+                'class'
+            ],
+            th: [
+                'class',
+                'align'
+            ],
+            td: [
+                'class',
+                'align'
+            ]
+        },
+        css: false
+    }));
+};

package/dist/components/render-markdown/view.ts.js

@@ -27,10 +27,9 @@ function _object_spread(target) {
     return target;
 }
 import { defineComponent, h, onMounted, onUnmounted, ref, watch } from 'vue';
-import { filterXss } from '@blueking/xss-filter';
 import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer';
 import { commonConfig } from './common.ts.js';
-import { filterCSS } from './filter-css.ts.js';
+import { escapeHtml } from './filter-css.ts.js';
 import '@toast-ui/editor/dist/toastui-editor-viewer.css';
 import './view.postcss.css';
 export default defineComponent({
@@ -54,95 +53,7 @@ export default defineComponent({
             viewer = new Viewer(_object_spread({
                 el: viewerRef.value,
                 initialValue: props.value,
-                customHTMLSanitizer: (html)=>filterCSS(filterXss(html, {
-                        whiteList: {
-                            a: [
-                                'href',
-                                'target',
-                                'class',
-                                'title',
-                                'rel'
-                            ],
-                            section: [
-                                'class'
-                            ],
-                            i: [
-                                'class'
-                            ],
-                            span: [
-                                'class',
-                                'style',
-                                'data-variable-index',
-                                'aria-hidden'
-                            ],
-                            div: [
-                                'class',
-                                'style'
-                            ],
-                            svg: [
-                                'class'
-                            ],
-                            use: [
-                                'href'
-                            ],
-                            ul: [
-                                'class'
-                            ],
-                            li: [
-                                'class',
-                                'title'
-                            ],
-                            p: [
-                                'class'
-                            ],
-                            br: [],
-                            strong: [
-                                'class'
-                            ],
-                            b: [
-                                'class'
-                            ],
-                            em: [
-                                'class'
-                            ],
-                            code: [
-                                'class'
-                            ],
-                            pre: [
-                                'class'
-                            ],
-                            blockquote: [
-                                'class'
-                            ],
-                            table: [
-                                'class'
-                            ],
-                            thead: [
-                                'class'
-                            ],
-                            tbody: [
-                                'class'
-                            ],
-                            tr: [
-                                'class'
-                            ],
-                            th: [
-                                'class',
-                                'align'
-                            ],
-                            td: [
-                                'class',
-                                'align'
-                            ]
-                        },
-                        css: false,
-                        onTagAttr: (_tag, name, value)=>{
-                            if (name === 'data-nodeid') {
-                                return `${name}="${value}"`;
-                            }
-                            return undefined;
-                        }
-                    }))
+                customHTMLSanitizer: escapeHtml
             }, commonConfig));
         };
         const handleDestroy = ()=>{
@@ -157,7 +68,7 @@ export default defineComponent({
         onUnmounted(handleDestroy);
         return ()=>h('section', {
                 ref: viewerRef,
-                class: 'g-height-full g-scrollbar aidev-markdown-preview',
+                class: '!g-h-full g-scrollbar aidev-markdown-preview',
                 style: {
                     'background-color': props.previewBackground,
                     padding: props.padding

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

@@ -92,7 +92,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderSearchSelect, {
-                class: "g-bg-white",
+                class: "!g-bg-white",
                 placeholder: "搜索中英文名称、描述、更新人",
                 "model-value": props.search,
                 data: searchOptions.value,

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

@@ -2,8 +2,8 @@ import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createVNode as _createVNode } from "vue";
 const _hoisted_1 = {
     class: /*@__PURE__*/ _normalizeClass([
-        'g-white-space-pre-line g-learning-22 g-font-normal',
-        'g-max-height-80vh g-max-width-400 g-scrollbar-page'
+        'g-whitespace-pre-line g-leading-22 g-font-normal',
+        'g-max-h-80vh g-max-w-400 g-scrollbar-page'
     ])
 };
 const _hoisted_2 = {
@@ -36,7 +36,7 @@ export default /*@__PURE__*/ _defineComponent({
                 icon: _withCtx(()=>[
                         ..._cache[0] || (_cache[0] = [
                             _createElementVNode("i", {
-                                class: "bkaidev-icon bkaidev-lock-2 g-text-8"
+                                class: "ai-ui-sdk-icon ai-ui-sdk-lock-2 g-text-8"
                             }, null, -1 /* CACHED */ )
                         ])
                     ]),
@@ -84,7 +84,7 @@ export default /*@__PURE__*/ _defineComponent({
                             icon: _withCtx(()=>[
                                     ..._cache[4] || (_cache[4] = [
                                         _createElementVNode("i", {
-                                            class: "bkaidev-icon bkaidev-lock-2 g-text-8"
+                                            class: "ai-ui-sdk-icon ai-ui-sdk-lock-2 g-text-8"
                                         }, null, -1 /* CACHED */ )
                                     ])
                                 ]),

package/dist/components/render-prompt/actions/index.script.vue.js.js

@@ -1,14 +1,13 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, normalizeClass as _normalizeClass, withCtx as _withCtx, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createElementVNode as _createElementVNode, createVNode as _createVNode, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
 import { ref, toRef } from 'vue';
-import { useRouter } from 'vue-router';
 import { handleCopy, uuid } from '../../../common/util.ts.js';
 import ApplicationBaseActions from '../../render-card/base/application-base-actions.vue.js';
 import RenderDropdown from '../../render-dropdown/index.vue.js';
 import { usePermission } from '../../../hooks/use-permission.ts.js';
 import { usePromptHttp } from '../../../hooks/use-prompt-http.ts.js';
 import { useSessionHttp } from '../../../hooks/use-session-http.ts.js';
-import { Module, ResourceCardType, ResourcePermissionAction, ResourceStatus } from '../../../types/enum.ts.js';
+import { Module, ResourceCardType, ResourcePermissionAction, ResourceStatus, SdkNavigateActionType } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         prompt: {},
@@ -23,12 +22,12 @@ export default /*@__PURE__*/ _defineComponent({
     emits: [
         "success-delete",
         "success-restore",
-        "edit"
+        "edit",
+        "navigate"
     ],
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const router = useRouter();
         const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
         const { deletePrompt, restorePrompt } = usePromptHttp(props.apiPrefix, toRef(props, 'spaceId'));
         // useSessionHttp 参数需确认
@@ -98,13 +97,13 @@ export default /*@__PURE__*/ _defineComponent({
                     isAutoCalcPrompt: true
                 }
             };
-            plusSession(data).then((session)=>router.push({
-                    name: 'chat',
-                    query: {
-                        sessionCode: session.sessionCode,
-                        promptId: prompt.id
-                    }
-                })).finally(()=>{
+            plusSession(data).then((session)=>{
+                emits('navigate', {
+                    type: SdkNavigateActionType.Chat,
+                    sessionCode: session.sessionCode,
+                    id: prompt.id
+                });
+            }).finally(()=>{
                 isStartingChat.value = false;
             });
         };
@@ -151,7 +150,7 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 0,
                     size: "small",
                     class: _normalizeClass({
-                        'g-disabled': !__props.prompt.permission.managePrompt
+                        '!g-disabled': !__props.prompt.permission.managePrompt
                     }),
                     onMouseenter: handleManagePermissionMouseEnter,
                     onMousemove: handleManagePermissionMouseMove,
@@ -174,7 +173,7 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 1,
                     size: "small",
                     class: _normalizeClass({
-                        'g-disabled': !__props.prompt.permission.usePrompt
+                        '!g-disabled': !__props.prompt.permission.usePrompt
                     }),
                     loading: isStartingChat.value,
                     onMouseenter: handleUsePermissionMouseEnter,
@@ -199,7 +198,7 @@ export default /*@__PURE__*/ _defineComponent({
                     key: 2,
                     size: "small",
                     class: _normalizeClass({
-                        'g-disabled': !__props.prompt.permission.usePrompt
+                        '!g-disabled': !__props.prompt.permission.usePrompt
                     }),
                     onMouseenter: handleUsePermissionMouseEnter,
                     onMousemove: handleUsePermissionMouseMove,
@@ -267,7 +266,7 @@ export default /*@__PURE__*/ _defineComponent({
                 }, {
                     trigger: _withCtx(()=>[
                             _createVNode(_component_bk_button, {
-                                class: "g-pl-5 g-pr-5",
+                                class: "!g-pl-5 !g-pr-5",
                                 size: "small",
                                 onClick: _cache[3] || (_cache[3] = _withModifiers(()=>{}, [
                                     "stop"
@@ -276,7 +275,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 default: _withCtx(()=>[
                                         ..._cache[10] || (_cache[10] = [
                                             _createElementVNode("i", {
-                                                class: "bkaidev-icon bkaidev-gengduo-2 g-text-16"
+                                                class: "ai-ui-sdk-icon ai-ui-sdk-gengduo-2 g-text-16"
                                             }, null, -1 /* CACHED */ )
                                         ])
                                     ]),

package/dist/components/render-prompt/actions/index.vue.d.ts

@@ -1,4 +1,5 @@
 import { ResourceCardType } from '@/types/enum';
+import type { ISdkNavigateAction } from '@/types/navigate';
 import type { IPrompt } from '@/types/prompt';
 interface IProps {
     prompt: IPrompt;
@@ -10,10 +11,12 @@ interface IProps {
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     edit: (val: IPrompt) => any;
+    navigate: (value: ISdkNavigateAction) => any;
     "success-delete": () => any;
     "success-restore": () => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
     onEdit?: (val: IPrompt) => any;
+    onNavigate?: (value: ISdkNavigateAction) => any;
     "onSuccess-delete"?: () => any;
     "onSuccess-restore"?: () => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/render-prompt/content/index.script.vue.js.js

@@ -14,7 +14,7 @@ export default /*@__PURE__*/ _defineComponent({
             ].includes(props.type) ? (_openBlock(), _createElementBlock("p", {
                 key: 0,
                 class: _normalizeClass({
-                    'g-learning-20 g-text-12 g-resource-description resource-card-description': true,
+                    'g-leading-20 !g-text-12 g-resource-description resource-card-description': true,
                     'g-scrollbar': [
                         _unref(ResourceCardType).Full,
                         _unref(ResourceCardType).Market,

package/dist/components/render-prompt/content/index.vue.css

@@ -1,5 +1,5 @@
 
-.resource-card-description[data-v-gzzux1cw] {
+.resource-card-description[data-v-7pdnz90c] {
   color: #4D4F56;
   height: 120px;
   white-space: pre-wrap;

package/dist/components/render-prompt/content/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-gzzux1cw";
+script.__scopeId = "data-v-7pdnz90c";
 script.__file = "./src/components/render-prompt/content/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -94,7 +94,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         return (_ctx, _cache)=>{
             return _openBlock(), _createBlock(RenderSearchSelect, {
-                class: "g-bg-white",
+                class: "!g-bg-white",
                 placeholder: __props.isShowAllSearchOptions ? '搜索中英文名称、内容、更新人' : '搜索中英文名称、内容',
                 "model-value": props.search,
                 data: searchOptions.value,