@jetlinks-web/components 2.7.0 → 3.0.0

package/es/Search/Advanced/index.js

@@ -1,87 +1,70 @@
-function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) {
-    const op = ops[i];
-    const fn = ops[i + 1];
-    i += 2;
-    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
-        return undefined;
-    }
-    if (op === 'access' || op === 'optionalAccess') {
-        lastAccessLHS = value;
-        value = fn(value);
-    }
-    else if (op === 'call' || op === 'optionalCall') {
-        value = fn((...args) => value.call(lastAccessLHS, ...args));
-        lastAccessLHS = undefined;
-    }
-} return value; }
 /* Analyzed bindings: {
   "columns": "props",
   "type": "props",
   "target": "setup-maybe-ref",
-  "class": "props",
   "request": "props",
   "historyRequest": "props",
   "deleteRequest": "props",
   "deleteKey": "props",
-  "routerMode": "props",
-  "style": "props",
   "defaultValues": "props",
   "SearchItem": "setup-const",
-  "optionsMapKey": "setup-maybe-ref",
   "typeOptions": "setup-maybe-ref",
-  "useElementSize": "setup-maybe-ref",
+  "useHandleColumns": "setup-maybe-ref",
+  "useOptionMapContent": "setup-maybe-ref",
   "useRouteQuery": "setup-maybe-ref",
   "PropType": "setup-const",
   "ref": "setup-const",
   "reactive": "setup-const",
   "watch": "setup-const",
-  "provide": "setup-const",
+  "useAttrs": "setup-const",
+  "inject": "setup-const",
+  "computed": "setup-const",
   "SaveHistory": "setup-const",
   "History": "setup-const",
   "compatibleOldTerms": "setup-maybe-ref",
-  "getTermTypeFn": "setup-maybe-ref",
-  "handleQData": "setup-maybe-ref",
+  "getItemDefaultValue": "setup-maybe-ref",
   "hasExpand": "setup-maybe-ref",
   "termsParamsFormat": "setup-maybe-ref",
-  "termsToValue": "setup-maybe-ref",
   "Select": "setup-maybe-ref",
   "Button": "setup-maybe-ref",
   "Form": "setup-maybe-ref",
   "FormItemRest": "setup-maybe-ref",
   "AIcon": "setup-maybe-ref",
-  "cloneDeep": "setup-maybe-ref",
   "useLocaleReceiver": "setup-maybe-ref",
-  "contextLocale": "setup-maybe-ref",
+  "SearchConfig": "setup-maybe-ref",
+  "isObject": "setup-maybe-ref",
+  "useSearchStyle": "setup-maybe-ref",
   "props": "setup-reactive-const",
-  "searchRef": "setup-ref",
-  "searchRefContentRef": "setup-ref",
-  "width": "setup-maybe-ref",
-  "q": "setup-maybe-ref",
-  "hasOnceSearch": "setup-ref",
+  "emit": "setup-const",
+  "columnsOptionMap": "setup-ref",
+  "terms": "setup-reactive-const",
   "expand": "setup-ref",
   "layout": "setup-ref",
   "compatible": "setup-ref",
   "screenSize": "setup-ref",
-  "resetNumber": "setup-ref",
-  "isFirstHandleDefaultValues": "setup-let",
-  "searchItems": "setup-ref",
-  "termsData": "setup-reactive-const",
-  "columnOptionMap": "setup-ref",
-  "emit": "setup-const",
+  "context": "setup-maybe-ref",
+  "prefixCls": "setup-ref",
+  "wrapSSR": "setup-maybe-ref",
+  "hashId": "setup-maybe-ref",
+  "contextLocale": "setup-maybe-ref",
+  "attrs": "setup-maybe-ref",
+  "q": "setup-maybe-ref",
+  "initValues": "setup-maybe-ref",
+  "columnsMap": "setup-maybe-ref",
+  "defaultCacheValues": "setup-maybe-ref",
   "expandChange": "setup-const",
-  "itemValueChange": "setup-const",
   "addUrlParams": "setup-const",
   "submitData": "setup-const",
   "searchSubmit": "setup-const",
   "reset": "setup-const",
   "historyItemClick": "setup-const",
   "handleUrlParams": "setup-const",
+  "completeTerms": "setup-const",
   "handleDefaultValues": "setup-const",
-  "handleItems": "setup-const",
   "clearValue": "setup-const"
 } */
 import { defineComponent as _defineComponent } from 'vue';
-import { createCommentVNode as _createCommentVNode, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createElementVNode as _createElementVNode, unref as _unref, createElementBlock as _createElementBlock, renderList as _renderList, Fragment as _Fragment, normalizeClass as _normalizeClass, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, normalizeStyle as _normalizeStyle } from "vue";
+import { unref as _unref, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, createElementVNode as _createElementVNode, createVNode as _createVNode, normalizeClass as _normalizeClass, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, normalizeStyle as _normalizeStyle } from "vue";
 const _hoisted_1 = { class: "left" };
 const _hoisted_2 = { class: "left-items" };
 const _hoisted_3 = {
@@ -101,20 +84,22 @@ const _hoisted_10 = { class: "left" };
 const _hoisted_11 = { class: "JSearch-footer" };
 const _hoisted_12 = { class: "JSearch-footer--btns" };
 import SearchItem from '../Item.js';
-import { optionsMapKey, typeOptions } from '../setting';
-import { useElementSize } from '@vueuse/core';
-import { useRouteQuery } from '@vueuse/router';
-import { ref, reactive, watch, provide } from 'vue';
+import { typeOptions } from '../setting';
+import { useHandleColumns, useOptionMapContent, useRouteQuery } from '../hooks';
+import { ref, reactive, watch, useAttrs, inject, computed } from 'vue';
 import SaveHistory from './SaveHistory.js';
 import History from './History.js';
-import { compatibleOldTerms, getTermTypeFn, handleQData, hasExpand, termsParamsFormat, termsToValue, } from '../util';
-import { Select, Button, Form, FormItemRest } from 'ant-design-vue/es/';
+import { compatibleOldTerms, getItemDefaultValue, termsParamsFormat, } from '../util';
+import { Select, Button, Form, FormItemRest } from 'ant-design-vue';
 import { AIcon } from '../../../';
-import { cloneDeep } from 'lodash-es';
 import { useLocaleReceiver } from "../../LocaleReciver/index";
+import { SearchConfig } from "../../utils/constants";
+import { isObject } from "lodash-es";
+import useSearchStyle from '../style';
 const __sfc_main__ = _defineComponent({
     ...{
         name: 'JAdvancedSearch',
+        inheritAttrs: false
     },
     props: {
         columns: {
@@ -131,10 +116,6 @@ const __sfc_main__ = _defineComponent({
             default: '',
             required: true,
         },
-        class: {
-            type: String,
-            default: '',
-        },
         request: {
             type: Function,
             default: undefined,
@@ -151,77 +132,56 @@ const __sfc_main__ = _defineComponent({
             type: String,
             default: 'key',
         },
-        routerMode: {
-            type: String,
-            default: 'hash',
-        },
-        style: {
-            type: [String, Object],
-            default: undefined,
-        },
         defaultValues: {
             type: Object,
             default: undefined,
         }
     },
-    emits: ["search"],
+    emits: ['search'],
     setup(__props, { expose: __expose, emit: __emit }) {
-        const [contextLocale] = useLocaleReceiver('Search');
         const props = __props;
-        const searchRef = ref(null);
-        const searchRefContentRef = ref(null);
-        const { width } = useElementSize(searchRef);
-        const q = useRouteQuery('q');
-        const target = useRouteQuery('target');
-        const hasOnceSearch = ref(false);
-        // 是否展开更多筛选
+        const emit = __emit;
+        const columnsOptionMap = ref({}); // 存储每个columnItem的option
+        const terms = reactive({ terms: [] }); // 当前查询条件
         const expand = ref(false);
-        // 组件方向
         const layout = ref('horizontal');
         const compatible = ref(false);
-        // 当前组件宽度 true 大于1000
         const screenSize = ref(true);
-        const resetNumber = ref(1);
-        let isFirstHandleDefaultValues = false;
-        const searchItems = ref([]); // 当前查询条件
-        const termsData = reactive({
-            terms: [
-                { terms: [null, null, null] },
-                { terms: [null, null, null], type: 'and' },
-            ],
-        });
-        const columnOptionMap = ref(new Map());
-        provide(optionsMapKey, columnOptionMap);
-        const emit = __emit;
+        const context = inject(SearchConfig);
+        const prefixCls = computed(() => 'JSearch');
+        const [wrapSSR, hashId] = useSearchStyle(prefixCls);
+        const [contextLocale] = useLocaleReceiver('Search');
+        const attrs = useAttrs();
+        const q = useRouteQuery('q');
+        const target = useRouteQuery('target');
+        const { initValues, columnsMap, defaultCacheValues } = useHandleColumns({ ...props, mode: 'advanced' }, terms);
+        useOptionMapContent(columnsOptionMap);
         const expandChange = () => {
             expand.value = !expand.value;
-            if (!expand.value) {
-                // 收起
-                const firstItem = termsData.terms[0].terms[0];
-                termsData.terms = [
-                    { terms: [firstItem, null, null] },
-                    { type: 'or', terms: [null, null, null] },
-                ];
-            }
-        };
-        const itemValueChange = (value, index) => {
-            if (index < 4) {
-                // 第一组数据
-                termsData.terms[0].terms[index - 1] = value;
-            }
-            else {
-                // 第二组数据
-                termsData.terms[1].terms[index - 4] = value;
+            terms.terms.length = 1;
+            if (expand.value) { // 展开
+                let arr = Object.values(columnsMap.value);
+                const mergeArr = [];
+                for (let i = 1; i < 6; i++) {
+                    const indexIn = i % arr.length;
+                    const obj = getItemDefaultValue(arr[indexIn], defaultCacheValues.value);
+                    if (i === 3) {
+                        obj.type = 'and';
+                    }
+                    mergeArr.push(obj);
+                }
+                terms.terms = [...terms.terms, ...mergeArr];
             }
         };
         const addUrlParams = () => {
             if (props.target) {
-                q.value = encodeURI(JSON.stringify(termsData));
+                q.value = encodeURI(JSON.stringify(terms));
                 target.value = props.target;
             }
         };
         const submitData = () => {
-            emit('search', termsParamsFormat(termsData, columnOptionMap.value));
+            const data = termsParamsFormat(terms, columnsMap.value);
+            emit('search', data);
         };
         /**
          * 提交
@@ -236,163 +196,121 @@ const __sfc_main__ = _defineComponent({
          * 重置查询
          */
         const reset = () => {
-            termsData.terms = [
-                { terms: [null, null, null] },
-                { terms: [null, null, null], type: 'and' },
-            ];
             expand.value = false;
+            initValues();
             if (props.type === 'advanced') {
                 q.value = null;
                 target.value = null;
             }
-            resetNumber.value += 1;
             emit('search', { terms: [] });
         };
+        /**
+         * 历史下拉单选
+         * @param content {string}
+         */
         const historyItemClick = (content) => {
             try {
-                termsData.terms = _optionalChain([handleQData, 'call', _2 => _2(compatibleOldTerms(content)), 'optionalAccess', _3 => _3.terms]) || [];
-                expand.value = hasExpand(termsData.terms);
+                const object = compatibleOldTerms(content, columnsMap.value, defaultCacheValues.value);
+                terms.terms = object.terms || [];
+                expand.value = object.expand;
                 searchSubmit();
             }
             catch (e) {
-                console.warn(`Search组件中handleUrlParams处理JSON时异常：【${e}】`);
+                console.warn(`Search组件中han.dleUrlParams处理JSON时异常：【${e}】`);
             }
         };
         /**
          * 处理URL中的查询参数
-         * @param _params
          */
-        const handleUrlParams = (_params) => {
-            // URL中的target和props的一致，则还原查询参数
-            if (props.target && _params.target === props.target && _params.q) {
-                const qStr = decodeURI(_params.q);
-                termsData.terms = _optionalChain([handleQData, 'call', _4 => _4(compatibleOldTerms(qStr)), 'optionalAccess', _5 => _5.terms]) || [];
-                expand.value = hasExpand(termsData.terms);
-                emit('search', termsParamsFormat(termsData, columnOptionMap.value));
+        const handleUrlParams = () => {
+            if (props.target && props.target === target.value) {
+                const params = decodeURI(q.value);
+                historyItemClick(params);
             }
         };
         /**
-         * 处理传入的默认值
+         * 递归补全 terms 数组
+         * @param data 原始 terms 对象
+         * @param callback 补全函数，返回一个 term 对象
          */
-        const handleDefaultValues = () => {
-            const defaultValues = props.defaultValues.terms.map((a) => {
-                a.terms.map((b) => {
-                    return termsToValue(b, searchItems.value);
+        function completeTerms(data, callback) {
+            const fillTerms = (terms) => {
+                const completed = terms.map(term => {
+                    if (Array.isArray(term.terms)) {
+                        // 递归补全子 terms
+                        term.terms = fillTerms(term.terms);
+                    }
+                    return term;
                 });
-                return a;
-            });
-            termsData.terms = _optionalChain([handleQData, 'call', _6 => _6(compatibleOldTerms(JSON.stringify({ terms: defaultValues }))), 'optionalAccess', _7 => _7.terms]) || [];
-            expand.value = hasExpand(termsData.terms);
-            emit('search', termsParamsFormat(termsData, columnOptionMap.value));
-        };
+                // 补足到长度为 3
+                while (completed.length < 3) {
+                    completed.push(callback());
+                }
+                return completed;
+            };
+            return {
+                terms: fillTerms(data.terms),
+            };
+        }
         /**
-         * 处理每项的key为Item组件所需要的key
+         * 处理传入的默认值
          */
-        const handleItems = () => {
-            searchItems.value = [];
-            columnOptionMap.value.clear();
-            props.columns.forEach((item, index) => {
-                const _item = cloneDeep(item);
-                if (_item.search && Object.keys(_item.search).length) {
-                    columnOptionMap.value.set(
-                    // _item.search?.rename || _item.dataIndex,
-                    _item.dataIndex, _item.search);
-                    // 默认值
-                    const { search } = _item;
-                    let defaultTerms = null;
-                    // 包含defaultValue 或者 defaultOnceValue
-                    if (search.defaultValue !== undefined || search.defaultOnceValue) {
-                        const _value = search.defaultValue || search.defaultOnceValue;
-                        defaultTerms = {
-                            type: 'and',
-                            value: _value,
-                            termType: search.defaultTermType || getTermTypeFn(search.type),
-                            column: _item.dataIndex,
-                        };
-                    }
-                    if (search.defaultValue !== undefined ||
-                        search.defaultOnceValue !== undefined) {
-                        hasOnceSearch.value = true;
-                    }
-                    searchItems.value.push({
-                        ..._item.search,
-                        sortIndex: _item.search.first ? 0 : index + 1,
-                        title: _item.title,
-                        // column: _item.search?.rename || _item.dataIndex,
-                        column: _item.dataIndex,
-                    });
-                    if (defaultTerms) {
-                        itemValueChange(defaultTerms, search.first ? 1 : index + 1);
+        const handleDefaultValues = (value) => {
+            if (!isObject(value))
+                return;
+            const _value = JSON.parse(JSON.stringify(value));
+            if (!(_value.terms.length === 1 && _value.terms[0].terms.length === 1)) {
+                let arr = Object.values(columnsMap.value);
+                for (let i = 1; i < 6; i++) {
+                    const aIndex = i < 3 ? 0 : 1;
+                    const bIndex = i % 3;
+                    const item = _value.terms[aIndex].terms[bIndex];
+                    if (!item) {
+                        const fillItem = getItemDefaultValue(arr[aIndex * 3 + bIndex], defaultCacheValues.value);
+                        if (i === 3) {
+                            fillItem.type = 'and';
+                        }
+                        _value.terms[aIndex].terms[bIndex] = fillItem;
                     }
                 }
-            });
-            submitData();
-            if (props.defaultValues && !isFirstHandleDefaultValues) {
-                handleDefaultValues();
-                isFirstHandleDefaultValues = true;
-            }
-            else {
-                handleUrlParams({ q: q.value, target: target.value });
             }
+            historyItemClick(JSON.stringify(_value));
         };
+        /**
+         * 清除值
+         */
         const clearValue = () => {
             if (props.type === 'advanced' && props.target !== target.value) {
                 q.value = null;
                 target.value = null;
             }
         };
-        watch(() => props.columns, () => {
-            termsData.terms = [
-                { terms: [null, null, null] },
-                { terms: [null, null, null], type: 'and' },
-            ];
-            expand.value = false;
-            handleItems();
-            clearValue();
-        }, {
-            deep: true,
-        });
+        handleUrlParams();
         watch(() => props.target, () => {
             clearValue();
         }, {
-            deep: true,
             immediate: true
         });
-        watch(width, (value) => {
-            if (value < 1000) {
-                layout.value = 'vertical';
-                screenSize.value = false;
-                compatible.value = value < 760;
-            }
-            else {
-                layout.value = 'horizontal';
-                screenSize.value = true;
-                compatible.value = false;
-            }
-        }, { immediate: true });
-        handleItems();
         __expose({
             setValues: handleDefaultValues,
             reset
         });
         return (_ctx, _cache) => {
             return (_openBlock(), _createBlock(_unref(Form), {
-                model: termsData,
+                model: terms,
                 onFinish: searchSubmit
             }, {
                 default: _withCtx(() => [
                     _createElementVNode("div", {
-                        ref_key: "searchRef",
-                        ref: searchRef,
-                        class: _normalizeClass(['JSearch-warp', 'senior', props.class]),
-                        style: _normalizeStyle(__props.style)
+                        ref: "searchRef",
+                        class: _normalizeClass(["JSearch-warp senior", [_unref(attrs).class, _unref(hashId)]]),
+                        style: _normalizeStyle(_unref(attrs).style)
                     }, [
                         _createCommentVNode("  高级模式  "),
                         (props.type === 'advanced')
                             ? (_openBlock(), _createElementBlock("div", {
                                 key: 0,
-                                ref_key: "searchRefContentRef",
-                                ref: searchRefContentRef,
+                                ref: "searchRefContentRef",
                                 class: _normalizeClass([
                                     'JSearch-content',
                                     expand.value || compatible.value ? 'senior-expand' : 'pack-up',
@@ -408,43 +326,28 @@ const __sfc_main__ = _defineComponent({
                                 }, [
                                     _createElementVNode("div", _hoisted_1, [
                                         _createElementVNode("div", _hoisted_2, [
-                                            _createVNode(SearchItem, {
-                                                expand: expand.value,
-                                                index: 1,
-                                                columns: searchItems.value,
-                                                "terms-item": termsData.terms[0].terms[0],
-                                                reset: resetNumber.value,
-                                                onChange: _cache[0] || (_cache[0] = (v) => itemValueChange(v, 1))
-                                            }, null, 8 /* PROPS */, ["expand", "columns", "terms-item", "reset"]),
-                                            (expand.value)
-                                                ? (_openBlock(), _createBlock(SearchItem, {
-                                                    key: 0,
-                                                    expand: expand.value,
-                                                    index: 2,
-                                                    columns: searchItems.value,
-                                                    "terms-item": termsData.terms[0].terms[1],
-                                                    reset: resetNumber.value,
-                                                    onChange: _cache[1] || (_cache[1] = (v) => itemValueChange(v, 2))
-                                                }, null, 8 /* PROPS */, ["expand", "columns", "terms-item", "reset"]))
-                                                : _createCommentVNode("v-if", true),
-                                            (expand.value)
-                                                ? (_openBlock(), _createBlock(SearchItem, {
-                                                    key: 1,
+                                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(terms.terms.slice(0, 3), (item, index) => {
+                                                return (_openBlock(), _createBlock(SearchItem, {
                                                     expand: expand.value,
-                                                    index: 3,
-                                                    columns: searchItems.value,
-                                                    "terms-item": termsData.terms[0].terms[2],
-                                                    reset: resetNumber.value,
-                                                    onChange: _cache[2] || (_cache[2] = (v) => itemValueChange(v, 3))
-                                                }, null, 8 /* PROPS */, ["expand", "columns", "terms-item", "reset"]))
-                                                : _createCommentVNode("v-if", true)
+                                                    index: index + 1,
+                                                    onlyValue: false,
+                                                    value: item.value,
+                                                    "onUpdate:value": ($event) => ((item.value) = $event),
+                                                    termType: item.termType,
+                                                    "onUpdate:termType": ($event) => ((item.termType) = $event),
+                                                    column: item.column,
+                                                    "onUpdate:column": ($event) => ((item.column) = $event),
+                                                    type: item.type,
+                                                    "onUpdate:type": ($event) => ((item.type) = $event)
+                                                }, null, 8 /* PROPS */, ["expand", "index", "value", "onUpdate:value", "termType", "onUpdate:termType", "column", "onUpdate:column", "type", "onUpdate:type"]));
+                                            }), 256 /* UNKEYED_FRAGMENT */))
                                         ])
                                     ]),
                                     (expand.value)
                                         ? (_openBlock(), _createElementBlock("div", _hoisted_3, [
                                             _createVNode(_unref(Select), {
-                                                value: termsData.terms[1].type,
-                                                "onUpdate:value": _cache[3] || (_cache[3] = ($event) => ((termsData.terms[1].type) = $event)),
+                                                value: terms.terms[3].type,
+                                                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => ((terms.terms[3].type) = $event)),
                                                 class: "center-select",
                                                 style: { "width": "100px" },
                                                 options: _unref(typeOptions)(_unref(contextLocale))
@@ -454,17 +357,26 @@ const __sfc_main__ = _defineComponent({
                                     (expand.value)
                                         ? (_openBlock(), _createElementBlock("div", _hoisted_4, [
                                             _createElementVNode("div", _hoisted_5, [
-                                                (_openBlock(), _createElementBlock(_Fragment, null, _renderList([4, 5, 6], (item) => {
-                                                    return _createVNode(SearchItem, {
-                                                        key: `search_item_${item}`,
-                                                        expand: expand.value,
-                                                        index: item,
-                                                        columns: searchItems.value,
-                                                        "terms-item": termsData.terms[1].terms[item - 4],
-                                                        reset: resetNumber.value,
-                                                        onChange: (v) => itemValueChange(v, item)
-                                                    }, null, 8 /* PROPS */, ["expand", "index", "columns", "terms-item", "reset", "onChange"]);
-                                                }), 64 /* STABLE_FRAGMENT */))
+                                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(terms.terms.slice(3, 6), (item, index) => {
+                                                    return (_openBlock(), _createElementBlock(_Fragment, null, [
+                                                        (expand.value && index !== 4)
+                                                            ? (_openBlock(), _createBlock(SearchItem, {
+                                                                key: 0,
+                                                                expand: expand.value,
+                                                                index: index + 4,
+                                                                onlyValue: false,
+                                                                value: item.value,
+                                                                "onUpdate:value": ($event) => ((item.value) = $event),
+                                                                termType: item.termType,
+                                                                "onUpdate:termType": ($event) => ((item.termType) = $event),
+                                                                column: item.column,
+                                                                "onUpdate:column": ($event) => ((item.column) = $event),
+                                                                type: item.type,
+                                                                "onUpdate:type": ($event) => ((item.type) = $event)
+                                                            }, null, 8 /* PROPS */, ["expand", "index", "value", "onUpdate:value", "termType", "onUpdate:termType", "column", "onUpdate:column", "type", "onUpdate:type"]))
+                                                            : _createCommentVNode("v-if", true)
+                                                    ], 64 /* STABLE_FRAGMENT */));
+                                                }), 256 /* UNKEYED_FRAGMENT */))
                                             ])
                                         ]))
                                         : _createCommentVNode("v-if", true)
@@ -475,47 +387,53 @@ const __sfc_main__ = _defineComponent({
                                         expand.value || compatible.value ? 'expand' : '',
                                     ])
                                 }, [
-                                    _createElementVNode("div", _hoisted_6, [
+                                    _renderSlot(_ctx.$slots, "footerRender", {
+                                        reset: reset,
+                                        submit: searchSubmit,
+                                        expandChange: expandChange
+                                    }, () => [
+                                        _createElementVNode("div", _hoisted_6, [
+                                            _createVNode(_unref(Button), {
+                                                type: "stroke",
+                                                onClick: reset
+                                            }, {
+                                                default: _withCtx(() => [
+                                                    _createTextVNode(_toDisplayString(_unref(contextLocale).advanced.reset), 1 /* TEXT */)
+                                                ]),
+                                                _: 1 /* STABLE */
+                                            }),
+                                            _createVNode(SaveHistory, {
+                                                terms: terms,
+                                                target: _unref(target),
+                                                request: __props.request || _unref(context).saveRequest
+                                            }, null, 8 /* PROPS */, ["terms", "target", "request"]),
+                                            _createVNode(History, {
+                                                target: _unref(target),
+                                                request: __props.historyRequest || _unref(context).historyRequest,
+                                                "delete-request": __props.deleteRequest || _unref(context).deleteRequest,
+                                                "delete-key": __props.deleteKey || _unref(context).deleteKey,
+                                                onClick: searchSubmit,
+                                                onItemClick: historyItemClick
+                                            }, null, 8 /* PROPS */, ["target", "request", "delete-request", "delete-key"])
+                                        ]),
                                         _createVNode(_unref(Button), {
-                                            type: "stroke",
-                                            onClick: reset
+                                            type: "link",
+                                            class: "more-btn",
+                                            onClick: expandChange
                                         }, {
                                             default: _withCtx(() => [
-                                                _createTextVNode(_toDisplayString(_unref(contextLocale).advanced.reset), 1 /* TEXT */)
+                                                _createElementVNode("span", _hoisted_7, _toDisplayString(_unref(contextLocale).advanced.more), 1 /* TEXT */),
+                                                _createVNode(_unref(AIcon), {
+                                                    type: "DoubleRightOutlined",
+                                                    class: _normalizeClass([
+                                                        'more-icon',
+                                                        expand.value ? 'more-up' : 'more-down',
+                                                    ])
+                                                }, null, 8 /* PROPS */, ["class"])
                                             ]),
                                             _: 1 /* STABLE */
-                                        }),
-                                        _createVNode(SaveHistory, {
-                                            terms: termsData,
-                                            target: _unref(target),
-                                            request: __props.request
-                                        }, null, 8 /* PROPS */, ["terms", "target", "request"]),
-                                        _createVNode(History, {
-                                            target: _unref(target),
-                                            request: __props.historyRequest,
-                                            "delete-request": __props.deleteRequest,
-                                            "delete-key": __props.deleteKey,
-                                            onClick: searchSubmit,
-                                            onItemClick: historyItemClick
-                                        }, null, 8 /* PROPS */, ["target", "request", "delete-request", "delete-key"])
-                                    ]),
-                                    _createVNode(_unref(Button), {
-                                        type: "link",
-                                        class: "more-btn",
-                                        onClick: expandChange
-                                    }, {
-                                        default: _withCtx(() => [
-                                            _createElementVNode("span", _hoisted_7, _toDisplayString(_unref(contextLocale).advanced.more), 1 /* TEXT */),
-                                            _createVNode(_unref(AIcon), {
-                                                type: "DoubleRightOutlined",
-                                                class: _normalizeClass([
-                                                    'more-icon',
-                                                    expand.value ? 'more-up' : 'more-down',
-                                                ])
-                                            }, null, 8 /* PROPS */, ["class"])
-                                        ]),
-                                        _: 1 /* STABLE */
-                                    })
+                                        })
+                                    ])
                                 ], 2 /* CLASS */)
                             ], 2 /* CLASS */))
                             : (_openBlock(), _createElementBlock(_Fragment, { key: 1 }, [
@@ -526,21 +444,23 @@ const __sfc_main__ = _defineComponent({
                                             _createVNode(SearchItem, {
                                                 expand: false,
                                                 index: 1,
-                                                columns: searchItems.value,
-                                                "terms-item": termsData.terms[0].terms[0],
-                                                reset: resetNumber.value,
-                                                onChange: _cache[4] || (_cache[4] = (v) => itemValueChange(v, 1))
-                                            }, null, 8 /* PROPS */, ["columns", "terms-item", "reset"])
+                                                onlyValue: false,
+                                                value: terms.terms[0].value,
+                                                "onUpdate:value": _cache[1] || (_cache[1] = ($event) => ((terms.terms[0].value) = $event)),
+                                                termType: terms.terms[0].termType,
+                                                "onUpdate:termType": _cache[2] || (_cache[2] = ($event) => ((terms.terms[0].termType) = $event)),
+                                                column: terms.terms[0].column,
+                                                "onUpdate:column": _cache[3] || (_cache[3] = ($event) => ((terms.terms[0].column) = $event)),
+                                                type: terms.terms[0].type,
+                                                "onUpdate:type": _cache[4] || (_cache[4] = ($event) => ((terms.terms[0].type) = $event))
+                                            }, null, 8 /* PROPS */, ["value", "termType", "column", "type"])
                                         ])
                                     ]),
                                     _createElementVNode("div", _hoisted_11, [
                                         _createElementVNode("div", _hoisted_12, [
                                             _createVNode(_unref(FormItemRest), null, {
                                                 default: _withCtx(() => [
-                                                    _createVNode(_unref(Button), {
-                                                        type: "stroke",
-                                                        onClick: reset
-                                                    }, {
+                                                    _createVNode(_unref(Button), { onClick: reset }, {
                                                         default: _withCtx(() => [
                                                             _createTextVNode(_toDisplayString(_unref(contextLocale).advanced.reset), 1 /* TEXT */)
                                                         ]),
@@ -564,7 +484,7 @@ const __sfc_main__ = _defineComponent({
                             ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
                     ], 6 /* CLASS, STYLE */)
                 ]),
-                _: 1 /* STABLE */
+                _: 3 /* FORWARDED */
             }, 8 /* PROPS */, ["model"]));
         };
     }