cnhis-design-vue 3.1.31-beta.1 → 3.1.31-beta.11

package/es/components/fabric-chart/src/utils/index.js

@@ -1,4 +1,3 @@
-/*! Fabric.js Copyright 2008-2015, Printio (Juriy Zaytsev, Maxim Chernyak) */
 var fabric = fabric || { version: "5.2.1" };
 if (typeof document !== "undefined" && typeof window !== "undefined") {
   if (document instanceof (typeof HTMLDocument !== "undefined" ? HTMLDocument : Document)) {

package/es/components/field-set/index.js

@@ -1,6 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
 import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/FieldSet.js';
+import script from './src/FieldSet.vue.js';
 
 const FieldSet = script;
 FieldSet.install = function(app) {

package/es/components/form-config/index.js

@@ -1,6 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
 import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/FormConfig.js';
+import script from './src/FormConfig.vue.js';
 
 const FormConfig = script;
 FormConfig.install = function(app) {

package/es/components/form-config/src/{FormConfig.js → FormConfig.vue.js}

@@ -2,9 +2,9 @@ import { defineComponent, ref, provide, toRaw, openBlock, createElementBlock, no
 import { uuidGenerator } from '../../../shared/utils/index.js';
 import { cloneDeep, isFunction } from 'lodash-es';
 import draggableComponent from '../../../shared/components/VueDraggable/src/vuedraggable.js';
-import FormConfigCreator from './components/FormConfigCreator.js';
-import FormConfigDragDisplay from './components/FormConfigDragDisplay.js';
-import FormConfigEdit from './components/FormConfigEdit.js';
+import FormConfigCreator from './components/FormConfigCreator.vue.js';
+import FormConfigDragDisplay from './components/FormConfigDragDisplay.vue.js';
+import FormConfigEdit from './components/FormConfigEdit.vue.js';
 import FormConfigMaterialItem from './components/FormConfigMaterialItem.js';
 import { useDataNormalize } from './hooks/useDataNormalize.js';
 import { InjectionFieldList, InjectionMaterialList, InjectionActiveFieldItem, FORM_CONFIG_GROUP } from './constants/index.js';

package/es/components/form-config/src/components/index.js

@@ -1,6 +1,6 @@
-export { default as FormConfigCreator } from './FormConfigCreator.js';
-export { default as FormConfigEdit } from './FormConfigEdit.js';
-export { default as FormConfigDragDisplay } from './FormConfigDragDisplay.js';
-export { default as CloseButton } from './renderer/CloseButton.js';
-export { default as ComplexNode } from './renderer/ComplexNode.js';
-export { default as DefaultNode } from './renderer/DefaultNode.js';
+export { default as FormConfigCreator } from './FormConfigCreator.vue.js';
+export { default as FormConfigEdit } from './FormConfigEdit.vue.js';
+export { default as FormConfigDragDisplay } from './FormConfigDragDisplay.vue.js';
+export { default as CloseButton } from './renderer/CloseButton.vue.js';
+export { default as ComplexNode } from './renderer/ComplexNode.vue.js';
+export { default as DefaultNode } from './renderer/DefaultNode.vue.js';

package/es/components/form-config/src/components/renderer/{ComplexNode.js → ComplexNode.vue.js}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, openBlock, createElementBlock, createElementVNode, mergeProps, unref, withModifiers, createTextVNode, toDisplayString, createVNode } from 'vue';
-import FormConfigDragDisplay from '../FormConfigDragDisplay.js';
-import CloseButton from './CloseButton.js';
+import FormConfigDragDisplay from '../FormConfigDragDisplay.vue.js';
+import CloseButton from './CloseButton.vue.js';
 import { InjectionActiveFieldItem } from '../../constants/index.js';
 import { bindHover } from '../../utils/index.js';
 import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';

package/es/components/form-config/src/components/renderer/{DefaultNode.js → DefaultNode.vue.js}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString } from 'vue';
 import { NButton, NEllipsis } from 'naive-ui';
-import CloseButton from './CloseButton.js';
+import CloseButton from './CloseButton.vue.js';
 import { InjectionActiveFieldItem, WidgetTextMap } from '../../constants/index.js';
 import { bindHover } from '../../utils/index.js';
 import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';

package/es/components/form-config/src/components/renderer/index.js

@@ -1,3 +1,3 @@
-export { default as CloseButton } from './CloseButton.js';
-export { default as ComplexNode } from './ComplexNode.js';
-export { default as DefaultNode } from './DefaultNode.js';
+export { default as CloseButton } from './CloseButton.vue.js';
+export { default as ComplexNode } from './ComplexNode.vue.js';
+export { default as DefaultNode } from './DefaultNode.vue.js';

package/es/components/form-config/src/hooks/usePresetRenderer.js

@@ -1,7 +1,7 @@
 import { isString, isArray, isFunction } from 'lodash-es';
 import { computed } from 'vue';
-import ComplexNode from '../components/renderer/ComplexNode.js';
-import DefaultNode from '../components/renderer/DefaultNode.js';
+import ComplexNode from '../components/renderer/ComplexNode.vue.js';
+import DefaultNode from '../components/renderer/DefaultNode.vue.js';
 
 function usePresetRenderer() {
   const renderDefaultNode = {

package/es/components/form-render/index.js

@@ -1,6 +1,6 @@
 import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
 import { safeComponentRegister } from '../../shared/utils/index.js';
-import script from './src/FormRenderWrapper.js';
+import script from './src/FormRenderWrapper.vue.js';
 export { useFieldListAdaptor } from './src/hooks/useFieldListAdaptor.js';
 export { useFormRequest } from './src/hooks/useFormRequest.js';
 export { useCommonLog } from './src/hooks/useCommonLog.js';
@@ -16,7 +16,7 @@ export { useAnchor } from './src/hooks/useAnchor.js';
 export { useAutographOptions } from './src/hooks/useAutographOptions.js';
 export { useFormContext } from './src/hooks/useFormContext.js';
 export { useCommonInjection, useSelectOptionProps } from './src/hooks/useCommonInjection.js';
-export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser } from './src/utils/index.js';
+export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcherWithKeyword, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser } from './src/utils/index.js';
 export * from '@formily/core';
 export { businessDateParser, isIdCard, isMobile, parseAge2Birthday, parseAge2FromContext, parseBirthday, parseIdCard, transformDateFormat } from './src/utils/business.js';
 export { findNextWidget, queryDecorator, queryInput } from './src/utils/dom.js';

package/es/components/form-render/src/{FormRenderWrapper.js → FormRenderWrapper.vue.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, openBlock, createBlock, nextTick } from 'vue';
-import FormRender from './FormRender.js';
+import FormRender from './FormRender.vue.js';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/components/form-render/src/components/renderer/checkbox.js

@@ -1,4 +1,5 @@
-import { defineComponent, computed, createVNode } from 'vue';
+import { defineComponent, createVNode } from 'vue';
+import { useVModel } from '@vueuse/core';
 import '../../../index.js';
 import '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
@@ -39,10 +40,7 @@ const script = defineComponent({
   setup(props, {
     emit
   }) {
-    const valueRef = computed({
-      get: () => props.value,
-      set: (v) => emit("update:value", v)
-    });
+    const valueRef = useVModel(props, "value", emit);
     const {
       labelKey,
       valueKey,

package/es/components/form-render/src/components/renderer/index.js

@@ -11,6 +11,7 @@ import * as labelSelect from './labelSelect.js';
 import * as levelSearchCascader from './levelSearchCascader.js';
 import * as index$1 from './lineBar/index.js';
 import * as radio from './radio.js';
+import * as recommendSelect from './recommendSelect.js';
 import * as remoteSearch from './remoteSearch.js';
 import * as search from './search.js';
 import * as searchCascade from './searchCascade.js';
@@ -35,6 +36,7 @@ const modules = Object.assign({
   "./levelSearchCascader.tsx": levelSearchCascader,
   "./lineBar/index.ts": index$1,
   "./radio.tsx": radio,
+  "./recommendSelect.tsx": recommendSelect,
   "./remoteSearch.tsx": remoteSearch,
   "./search.tsx": search,
   "./searchCascade.tsx": searchCascade,

package/es/components/form-render/src/components/renderer/jsonCombination/index.js

@@ -8,7 +8,7 @@ import { formRenderLog, mergeDeepProperties } from '../../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { useDebounceFn, isObject } from '@vueuse/core';
 import { NButton, NIcon } from 'naive-ui';
-import FormRender from '../../../FormRender.js';
+import FormRender from '../../../FormRender.vue.js';
 import { assignUpdateValue } from '../../../utils/schema.js';
 
 const script = defineComponent({

package/es/components/form-render/src/components/renderer/levelSearchCascader.js

@@ -7,7 +7,7 @@ import { useCommonInjection } from '../../hooks/useCommonInjection.js';
 import { formRenderLog } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import SearchCascader from '../../../../search-cascader/index.js';
-import script$1 from '../../../../../shared/components/no-data/NoData.js';
+import script$1 from '../../../../../shared/components/no-data/NoData.vue.js';
 import { visitedDecorator, assignUpdateValue } from '../../utils/schema.js';
 import { useFormField } from '../../hooks/useFormField.js';
 import { useFormRequest } from '../../hooks/useFormRequest.js';

package/es/components/form-render/src/components/renderer/lineBar/index.js

@@ -1,5 +1,5 @@
 import { connect, mapProps } from '@formily/vue';
-import FormCollapse from './FormCollapse.js';
+import FormCollapse from './FormCollapse.vue.js';
 
 const LINEBAR = connect(
   FormCollapse,

package/es/components/form-render/src/components/renderer/recommendSelect.d.ts

@@ -0,0 +1,131 @@
+import { AnyObject } from '../../../../../../es/shared/types';
+import { PropType } from 'vue';
+import { RecommendIds } from '../../../../../../es/components/form-render';
+export declare const RECOMMEND_SELECT: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+    };
+    commonList: {
+        type: PropType<AnyObject[]>;
+    };
+    recentList: {
+        type: PropType<AnyObject[]>;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    autograph: {
+        type: StringConstructor;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wordbook: {
+        type: PropType<Partial<{
+            level_num: number;
+            id: string;
+            name: string;
+            render_key: string[];
+            search_key: string[];
+            primary_key: string;
+            type: string;
+            value_key: string;
+            level_key: string;
+            link_key: string;
+            link_key_split: string;
+            show_key: string[];
+            conObj: AnyObject[];
+            conObjFirstLevel: AnyObject[];
+        }>>;
+    };
+    getRecommendInfo: {
+        type: PropType<() => RecommendIds>;
+    };
+    recommendNum: {
+        type: NumberConstructor;
+        default: number;
+    };
+    recommendCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    recommendDeletable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "postRecommend" | "deleteRecommend")[], "update:value" | "postRecommend" | "deleteRecommend", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    commonList: {
+        type: PropType<AnyObject[]>;
+    };
+    recentList: {
+        type: PropType<AnyObject[]>;
+    };
+    options: {
+        type: PropType<AnyObject[]>;
+        default: () => never[];
+    };
+    autograph: {
+        type: StringConstructor;
+    };
+    lazyRequest: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    requestCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wordbook: {
+        type: PropType<Partial<{
+            level_num: number;
+            id: string;
+            name: string;
+            render_key: string[];
+            search_key: string[];
+            primary_key: string;
+            type: string;
+            value_key: string;
+            level_key: string;
+            link_key: string;
+            link_key_split: string;
+            show_key: string[];
+            conObj: AnyObject[];
+            conObjFirstLevel: AnyObject[];
+        }>>;
+    };
+    getRecommendInfo: {
+        type: PropType<() => RecommendIds>;
+    };
+    recommendNum: {
+        type: NumberConstructor;
+        default: number;
+    };
+    recommendCache: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    recommendDeletable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onPostRecommend?: ((...args: any[]) => any) | undefined;
+    onDeleteRecommend?: ((...args: any[]) => any) | undefined;
+}, {
+    options: AnyObject[];
+    lazyRequest: boolean;
+    requestCache: boolean;
+    recommendDeletable: boolean;
+    recommendNum: number;
+    recommendCache: boolean;
+}>;

package/es/components/form-render/src/components/renderer/recommendSelect.js

@@ -0,0 +1,213 @@
+import { defineComponent, inject, createVNode, ref, computed } from 'vue';
+import { connect, mapProps } from '@formily/vue';
+import { useVModel } from '@vueuse/core';
+import { isFunction, omit } from 'lodash-es';
+import '../../../index.js';
+import { InjectionAsyncQueue } from '../../constants/index.js';
+import RecommendSearch from '../../../../recommend-search/index.js';
+import { useFormField } from '../../hooks/useFormField.js';
+import { useAutographOptions } from '../../hooks/useAutographOptions.js';
+import { assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
+import { useCommonInjection } from '../../hooks/useCommonInjection.js';
+import { useFormRequest } from '../../hooks/useFormRequest.js';
+
+function createPropRef(props, key) {
+  const _list = ref();
+  return computed({
+    get() {
+      if (_list.value)
+        return _list.value;
+      return props[key];
+    },
+    set(value) {
+      _list.value = value;
+    }
+  });
+}
+const script = defineComponent({
+  name: "FormRecommendSearch",
+  props: {
+    value: {
+      type: String
+    },
+    commonList: {
+      type: Array
+    },
+    recentList: {
+      type: Array
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    autograph: {
+      type: String
+    },
+    lazyRequest: {
+      type: Boolean,
+      default: false
+    },
+    requestCache: {
+      type: Boolean,
+      default: true
+    },
+    wordbook: {
+      type: Object
+    },
+    getRecommendInfo: {
+      type: Function
+    },
+    recommendNum: {
+      type: Number,
+      default: 5
+    },
+    recommendCache: {
+      type: Boolean,
+      default: false
+    },
+    recommendDeletable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["update:value", "postRecommend", "deleteRecommend"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = useVModel(props, "value", emit);
+    const {
+      fieldKey
+    } = useFormField();
+    const {
+      labelKey,
+      valueKey,
+      options,
+      fetchData: fetchOptions
+    } = useAutographOptions(props, valueRef);
+    const commonListRef = createPropRef(props, "commonList");
+    const recentListRef = createPropRef(props, "recentList");
+    const asyncQueue = inject(InjectionAsyncQueue);
+    const {
+      getRecommendRequestInfo,
+      getHttpInstance
+    } = useFormRequest();
+    function getRecommendConfig(type) {
+      const {
+        url,
+        getRecommendIds
+      } = getRecommendRequestInfo();
+      const globInfo = isFunction(getRecommendIds) ? getRecommendIds() : {};
+      const widgetInfo = isFunction(props.getRecommendInfo) ? props.getRecommendInfo() : {};
+      return {
+        url: url[type],
+        info: Object.assign({}, globInfo, widgetInfo)
+      };
+    }
+    async function getRecommend() {
+      if (commonListRef.value && recentListRef.value && props.recommendCache)
+        return;
+      const list = await asyncQueue.addAsync(createParams(fieldKey.value, props.recommendCache));
+      const {
+        commonly,
+        recently
+      } = classifyList(list);
+      commonListRef.value = commonly;
+      recentListRef.value = recently;
+      function classifyList(list2) {
+        return list2.reduce((res, item) => {
+          if (item.type === "commonly") {
+            res.commonly.push(omit(item, ["type"]));
+          } else if (item.type === "recently") {
+            res.recently.push(omit(item, ["type"]));
+          }
+          return res;
+        }, {
+          commonly: [],
+          recently: []
+        });
+      }
+      function createParams(key2, cache) {
+        const {
+          url,
+          info
+        } = getRecommendConfig("get");
+        return {
+          url,
+          method: "get",
+          key: key2,
+          cache,
+          params: {
+            ...info,
+            recNum: props.recommendNum,
+            keyword: ""
+          }
+        };
+      }
+    }
+    async function postRecommend({
+      option
+    }) {
+      const http = getHttpInstance();
+      if (!http)
+        return;
+      const {
+        url,
+        info
+      } = getRecommendConfig("post");
+      emit("postRecommend", await http.post(url, {
+        ...info,
+        keyword: "",
+        itemId: valueKey.value,
+        itemObj: JSON.stringify(option)
+      }));
+    }
+    async function deleteRecommend(recType) {
+      const http = getHttpInstance();
+      if (!http)
+        return;
+      const {
+        url,
+        info
+      } = getRecommendConfig("delete");
+      if (recType === "COMMONLY")
+        commonListRef.value = [];
+      else if (recType === "RECENTLY")
+        recentListRef.value = [];
+      emit("deleteRecommend", await http.delete(url, {
+        ...info,
+        keyword: "",
+        recType
+      }));
+    }
+    async function fetchData(content = "") {
+      fetchOptions(content);
+      getRecommend();
+    }
+    const {
+      injectValueBindKey
+    } = useCommonInjection();
+    const key = injectValueBindKey(valueRef);
+    return () => {
+      return createVNode(RecommendSearch, {
+        "mode": "select",
+        "value": valueRef.value,
+        "onUpdate:value": ($event) => valueRef.value = $event,
+        "label-key": labelKey.value,
+        "value-key": valueKey.value,
+        "key": key.value,
+        "options": options.value,
+        "common-list": commonListRef.value,
+        "recent-list": recentListRef.value,
+        "recommend-deletable": props.recommendDeletable,
+        "onSearch": fetchData,
+        "onChoose": postRecommend,
+        "onDelete": deleteRecommend
+      }, null);
+    };
+  }
+});
+const RECOMMEND_SELECT = connect(script, mapProps({
+  dataSource: "options"
+}, assignUpdateValue, assignClearBindVisited));
+
+export { RECOMMEND_SELECT };

package/es/components/form-render/src/components/renderer/remoteSearch.js

@@ -68,7 +68,6 @@ const script = defineComponent({
           cache: props.requestCache,
           field: field.value
         }));
-        console.log(remoteOptions.value);
       } catch (e) {
         isString(e) && formRenderLog(e);
       }

package/es/components/form-render/src/components/renderer/select.js

@@ -5,7 +5,7 @@ import { useCommonInjection, useSelectOptionProps } from '../../hooks/useCommonI
 import { InjectionAsyncQueue, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../constants/index.js';
 import '../../../../../shared/utils/index.js';
 import '../../../index.js';
-import { createUrlConfigParams, formRenderLog, optionMatcher } from '../../utils/index.js';
+import { createUrlConfigParams, formRenderLog, optionMatcherWithKeyword } from '../../utils/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
 import '../../../../../shared/utils/tapable/SyncHook.js';
 import '../../../../../shared/utils/tapable/SyncBailHook.js';
@@ -77,8 +77,6 @@ const script = defineComponent({
       if (!props.urlConfig) {
         return remoteOptions.value = null;
       }
-      if (remoteOptions.value && props.requestCache)
-        return;
       try {
         remoteOptions.value = await asyncQueue.addAsync(await createUrlConfigParams({
           config: props.urlConfig,
@@ -91,10 +89,10 @@ const script = defineComponent({
     }, 300);
     const parsedOptions = computed(() => {
       if (remoteOptions.value)
-        return optionMatcher(remoteOptions.value, lastSearch.value, labelKey.value);
+        return optionMatcherWithKeyword(remoteOptions.value, lastSearch.value, labelKey.value);
       if (!Array.isArray(props.options))
         return [];
-      return optionMatcher(props.options, lastSearch.value, labelKey.value);
+      return optionMatcherWithKeyword(props.options, lastSearch.value, labelKey.value);
     });
     const changeContextCollector = inject(InjectionChangeContextCollector);
     changeContextCollector.setContext(fieldKey.value, (v) => {

package/es/components/form-render/src/hooks/useAsyncQueue.js

@@ -116,7 +116,7 @@ function useAsyncQueue(requestInstance) {
     return new AsyncQueue({
       name: "FormRenderAsyncQueue",
       parallelism,
-      async processor({ key, method = "post", params, url }, cb, removeCache) {
+      async processor({ key, method = "post", cache, params, url }, cb, removeCache) {
         var _a, _b;
         const http = (_a = unref(requestInstance)) != null ? _a : getHttpInstance();
         if (!http) {
@@ -134,6 +134,7 @@ function useAsyncQueue(requestInstance) {
             res = option.afterRequest(key, res);
           }
           cb(void 0, Array.isArray(res) ? res : []);
+          !cache && removeCache();
         } catch (e) {
           cb(new Error(`Request error => ${e}`));
           removeCache();

package/es/components/form-render/src/hooks/useAutographOptions.js

@@ -3,7 +3,7 @@ import { isString, isEqual } from 'lodash-es';
 import { getCurrentInstance, inject, computed, ref, watch } from 'vue';
 import '../../index.js';
 import { InjectionAsyncQueue } from '../constants/index.js';
-import { formRenderLog, optionMatcher } from '../utils/index.js';
+import { formRenderLog, optionMatcherWithKeyword } from '../utils/index.js';
 import { useFormField } from './useFormField.js';
 import { useFormRequest } from './useFormRequest.js';
 
@@ -21,22 +21,20 @@ function useAutographOptions(props, valueRef) {
   });
   const remoteOptions = ref(null);
   const lastSearch = ref("");
-  const { field, fieldKey } = useFormField();
+  const { fieldKey } = useFormField();
   const { getSearchRequestInfo } = useFormRequest();
   const fetchData = useDebounceFn(async function(content) {
     if (!props.autograph || !props.wordbook)
       return;
     lastSearch.value = content || "";
-    if (remoteOptions.value && props.requestCache)
-      return;
     try {
       remoteOptions.value = await asyncQueue.addAsync(
-        createParams(props.wordbook, props.autograph, field.value, fieldKey.value)
+        createParams(props.wordbook, props.autograph, fieldKey.value)
       );
     } catch (e) {
       isString(e) && formRenderLog(e);
     }
-    function createParams(wordbook, autograph, field2, key) {
+    function createParams(wordbook, autograph, key) {
       const params = {
         autograph,
         wordbookId: wordbook.id,
@@ -50,7 +48,7 @@ function useAutographOptions(props, valueRef) {
   }, 300);
   const options = computed(() => {
     var _a;
-    return remoteOptions.value ? optionMatcher(remoteOptions.value, lastSearch.value, labelKey.value) : (_a = props.options) != null ? _a : [];
+    return remoteOptions.value ? optionMatcherWithKeyword(remoteOptions.value, lastSearch.value, labelKey.value) : (_a = props.options) != null ? _a : [];
   });
   watch(
     () => props.wordbook,