cnhis-design-vue 3.0.1 → 3.0.4

package/packages/big-table/src/components/edit-form3/hooks/useSearch.ts

@@ -1,910 +0,0 @@
-import { reactive, ref, inject, onMounted, nextTick, computed } from 'vue'
-import axios from 'axios'
-import qs from 'qs'
-import vexutils from '@/utils/vexutils';
-import { handleSysParams, handleGetJsonStr } from '../utils'
-import { hanldeSetFieldsValue } from './useItemDefault'
-import type { SelectOption } from 'naive-ui'
-
-const SELECT_LIST = ["SEARCH_MORE", "SEARCH", "SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
-
-interface Option {
-  rowData?: any
-  keyword?: string
-  wordbook?: any
-  fieldList?: any
-  myUniqueKey?: any
-}
-
-export const useSearch = (props: any, emit: any, handlerInputBlur: Function) => {
-  const editFormState: any = inject('state')
-  const userInfo: any = inject('userInfo')
-  const paramsObj = { defaultValue: props.defaultValue, userInfo: userInfo.value, dbParams: props.dbParams }
-  const itemRef: any = ref(null)
-
-  const selectIsOpen = computed(() => {
-    const { html_type, show_type } = props.item;
-    if (['SEARCH_MORE', 'SEARCH'].includes(html_type)) {
-      return !['pop', 'dialog'].includes(show_type);
-    }
-    return true;
-  })
-
-  const state = reactive({
-    fetching: false,
-    timeout: null as any,
-    curOptions: [] as any[],
-    selectedOptions: [] as any[],
-    levelNum: 1, // 级联来加载 层级标识 从 1 开始。
-    cascaderInitLabel: true,
-    defList: [] as any[],
-    panelOpen: false,
-    searchAddObj: {},
-    searchPageConfig: {
-      // search 翻页配置
-      keyword: undefined as (string | undefined),
-      isFetching: false,
-      isRequest: false, // 是否已请求
-      page: 1, // 当前页
-      total: 1 // 总页数
-    },
-    optionsMaxWidth: "100%",
-    cacheReqOptionsParams: "",
-    hotSearchConfig: {
-      hotList: [],
-      latestList: [],
-      isRequest: false,
-      isclose: true
-    },
-    searchShowHotList: false.valueOf,
-    optionsRequestSource: {} as any,
-    loadDataPrimary_key: null as any,
-    dropdownHide: false,
-    noAllow_check_mid_level: false,
-    Choose_to_complete: false
-  })
-
-  const setCurOptions = (options: any[]) => {
-    return options.map((v: any, i: number) => {
-      return {
-        ...v,
-        value: `${v[props.item.wordbook.value_key]}>>>${v['myUniqueKey']}`,
-        label: hanlderGetSearchLabel(props.item, v),
-        disabled: i === 0 && props.item.wordbook.render_key && props.item.wordbook.render_key.length > 1,
-        index: i
-      }
-    })
-  }
-  /**
-     * 检索的默认参数
-     * @param keyword 检索关键字
-     * @param itemData 表单配置项
-     */
-  const getSearchDefParams = (keyword: string, itemData: any = {}, other: any = {}) => {
-    const { wordbook, html_type, autograph } = itemData;
-    const isCascade = html_type.includes("SEARCH_CASCADE");
-    const fieldKeys = wordbook.fieldKeys || wordbook.search_key;
-    let conObj = wordbook.conObj;
-    // if (Array.isArray(conObj)) {
-    //   conObj.forEach(v => {
-    //     v.value = this.handleSysParams(v.value);
-    //   });
-    // }
-    // let SEARCH_CASCADE
-    const extraParams = {
-      primaryKey: wordbook.primary_key,
-      levelKey: wordbook.level_key
-    };
-    const pageSizeConfig = {
-      pageSize: isCascade ? 10000 : 20
-    };
-    // 请求参数
-    const params = {
-      wordbookId: wordbook.id,
-      autograph: autograph,
-      wordbookType: wordbook.type || "WORDBOOK",
-      preConObj: wordbook.preConObj ? JSON.stringify(wordbook.preConObj) : undefined,
-      conObj: conObj ? JSON.stringify(conObj) : undefined,
-      preSqlExpression: wordbook.preSqlExpression || undefined,
-      sqlExpression: wordbook.sqlExpression || undefined,
-      fieldKeys: fieldKeys ? JSON.stringify(fieldKeys) : undefined,
-      keyword: keyword || "",
-      // pageSize: isCascade ? 10000 : 20,
-      page: 1,
-      ...(isCascade ? extraParams : {}),
-      ...(isCascade ? pageSizeConfig : {}) // 不是“级联”类型的，后台读取列表配置的 “pageSize”
-    };
-    // 分页
-    if (other.page) {
-      params.page = other.page;
-      state.searchPageConfig.isFetching = true;
-    }
-    return params;
-  }
-  const handleQueryParams = (formData: any, queryParams: any) => {
-    let tempFormData = {};
-    if (queryParams.length) {
-      queryParams.forEach((v: any) => {
-        if (v in formData) {
-          tempFormData[v] = formData[v];
-        }
-      });
-    }
-    return tempFormData;
-  }
-  const handleRequestedUniqueKey = (id: string) => {
-    const starTiem = +new Date();
-
-    const getUniqueKey = (resolve: Function, reject: Function) => {
-      setTimeout(() => {
-        const res = props.cacheUniqueKey?.[id];
-        if (res && res.status) {
-          resolve(res.value);
-        } else {
-          let curTime = +new Date();
-          if (curTime - starTiem > 5000) {
-            reject("获取UniqueKe 异常!!");
-            return;
-          }
-          getUniqueKey(resolve, reject);
-        }
-      }, 16);
-    };
-    return new Promise((resolve, reject) => {
-      getUniqueKey(resolve, reject);
-    });
-  }
-  // 取消请求 handleRequestedOptions
-  const cancelOptionsRequest = () => {
-    if (state.optionsRequestSource && typeof state.optionsRequestSource.cancel === "function") {
-      // 取消请求
-      state.optionsRequestSource.cancel("请求已取消！");
-      state.optionsRequestSource = null;
-    }
-  }
-  /**
-     * 检索框切换分页，滚动条置顶
-     */
-  const handleSearchScrollTop = (item: any) => {
-    try {
-      let c = `.search-menu-${item.val_key}`;
-      let list = document.querySelectorAll(c);
-      list.forEach(v => {
-        let u = v.querySelector(".ant-select-dropdown-menu");
-        if (u) {
-          u.scrollTop = 0;
-        }
-      });
-    } catch (error) {
-      console.log(error, "handleSearchScrollTop");
-    }
-  }
-  const hanldeRemoveDuplicates = (list = [], config: any = {}) => {
-    if (!Array.isArray(list)) return [];
-    const { key } = config;
-    let obj: any = {};
-    if (!key) return list;
-
-    let resList = list.reduce((cur, next) => {
-      obj[next[key]] ? "" : (obj[next[key]] = true && cur.push(next));
-      return cur;
-    }, []);
-
-    return [...resList];
-  }
-  const hanldeGetCascadelabel = (v = [], k = {}) => {
-    if (Array.isArray(v) && v.length) {
-      const l: string[] = [];
-      v.forEach(i => {
-        l.push(k[i]);
-      });
-      return l.join("_");
-    }
-    return "";
-  }
-  // 处理级联数据
-  const handleFormCascade = (list = [], v: any = {}, level = 1) => {
-    list.forEach((item: any) => {
-      item.myLabel = hanldeGetCascadelabel(v.render_key, item) || item[v["value_key"]];
-      item.myUniqueKey = item[v.myUniqueKey];
-      item.myUniqueLabel = v.myUniqueKey;
-      if (v.isLoadData) {
-        item.isLeaf = v.level_num ? state.levelNum >= v.level_num : false;
-      } else {
-        if (level >= v.level_num) {
-          delete item.children;
-        }
-        if (item.children && item.children.length) {
-          handleFormCascade(item.children, v, level + 1);
-        }
-      }
-    });
-  }
-  const handleCalculateOptionsMaxWidth = () => {
-    if (!SELECT_LIST.includes(props.item?.html_type || undefined)) return;
-    nextTick(() => {
-      const $el = itemRef.value.$el
-      const offsetWidth = $el.offsetWidth;
-      let res = offsetWidth,
-        maxwith;
-      try {
-        let item = $el.querySelector(".ant-select");
-        const itemRect = item.getBoundingClientRect();
-        let baseDom = props.form.$el.querySelector(".base-form");
-        const baseRect = baseDom.getBoundingClientRect();
-        maxwith = baseRect.right - itemRect.left;
-
-        if (typeof offsetWidth === "number" && isFinite(maxwith)) {
-          if (maxwith > offsetWidth) {
-            res = maxwith;
-          } else {
-            res = offsetWidth;
-          }
-        }
-      } catch (error) {
-        res = offsetWidth;
-      }
-
-      res = parseInt(res, 10);
-      state.optionsMaxWidth = `${res}px`;
-    });
-  }
-  const handlerSearchOnFocus = (item: any) => {
-    if (selectIsOpen.value) return;
-    let { queryParamsType, queryParams = [] } = item.wordbook || {};
-    // setTimeout(() => {
-    nextTick(() => {
-      // this.selsectVisible = true;
-      let formData = editFormState.editForm;
-      let params = formData;
-      if (queryParamsType == 1) {
-        params = handleQueryParams(formData, queryParams);
-      }
-      // 弹窗列表选项事件推出
-      emit("opentableSelect", true, props.item, params);
-    });
-    // }, 300);
-  }
-  const handleCascaderTracher = () =>{
-    if (!state.Choose_to_complete) return;
-    const CASCADELIST = ["LEVEL_SEARCH_CASCADE", "SEARCH_CASCADE"];
-    nextTick(() => {
-      if (!CASCADELIST.includes(props.item.html_type)) return;
-      if (Array.isArray(state.selectedOptions) && state.selectedOptions.length > 0) {
-        let val = editFormState.editForm[props.item.val_key];
-        let keyword = "";
-        if (vexutils.isJSON(val)) {
-          keyword = JSON.parse(val)?.objStr || "";
-        }
-        if (!keyword) return;
-        // this.handleSearchTracher(item, {
-        //   select: val,
-        //   keyword: keyword
-        // });
-      }
-    });
-    state.Choose_to_complete = false;
-  }
-  const handlerDropdownVisibleChange = (show: boolean, data : any) => {
-    const searchList = ["SEARCH_MORE", "SEARCH"];
-    if (show) {
-      handleCalculateOptionsMaxWidth();
-    }
-
-    let isRequest = true;
-
-    if (state.optionsMaxWidth === "100%") {
-      // 100% 是默认值，如果已经计算过了，不用再算
-      handleCalculateOptionsMaxWidth();
-    }
-    state.dropdownHide = !show;
-    if (Object.keys(data || {}).length > 0) {
-      const searchList = ["SEARCH_CASCADE", "LEVEL_SEARCH_CASCADE"];
-      if (searchList.includes(data.html_type)) {
-        isRequest = !(state.curOptions && state.curOptions.length);
-      }
-      if (show && ["SEARCH_MORE", "SEARCH"].includes(data.html_type)) {
-        handlerSearchOnFocus(data);
-      }
-      if (show && isRequest) {
-        handleRequestedOptions(data);
-      }
-      if (!show && state.noAllow_check_mid_level && searchList.includes(data.html_type)) {
-        setTimeout(() => {
-          data['useFormValue'] = null
-        }, 16);
-      }
-    }
-
-    if (!show) {
-      // 弹窗关闭才收集级联“常用”值，避免还没选完重复提交。
-      handleCascaderTracher();
-      setTimeout(() => {
-        state.searchPageConfig.keyword = undefined;
-      }, 300);
-    }
-  }
-  /* 解析下拉选择接口返回字段 */
-  const formatField = (value: string | any) => {
-    let res = value;
-    try {
-      if (res && typeof res == "string" && res.startsWith("###")) {
-        res = res.slice(3);
-        res = JSON.parse(res);
-        res = res.change_text;
-      }
-      return res || "";
-    } catch (error) {
-      return "";
-    }
-  }
-  /* 解析下拉选择接口返回字段 直接改变原有的 */
-  const formatFieldValue = (value: string | any) => {
-    try {
-      if (value && typeof value == "string" && value.startsWith("###")) {
-        value = value.slice(3);
-        value = JSON.parse(value);
-        value = value.value;
-      }
-      return value || "";
-    } catch (error) {
-      console.log(error);
-      return "";
-    }
-  }
-  /**
-     * 检索请求去重，自定义处理
-     * @param rows list
-     * @param itemData 表单配置项
-     * @param uniqueConfig 唯一标识配置
-     */
-  const handleRowUnique = (rows: any[], itemData: any, uniqueConfig: any = {}) => {
-    const { myUniqueKey, reqUniqueKey } = uniqueConfig;
-    const { wordbook } = itemData;
-    return rows.reduce((acc, cur) => {
-      cur.setting = wordbook.setting;
-      cur.showLabel = "";
-      cur.myUniqueKey = cur[myUniqueKey] || "";
-      cur.myUniqueLabel = reqUniqueKey || "";
-      if (wordbook.render_key && wordbook.render_key.length > 0) {
-        wordbook.render_key.forEach((ren: string) => {
-          cur.showLabel += `≌${formatField(cur[ren])}`;
-        });
-        cur.showLabel = cur.showLabel.slice(1);
-      } else {
-        cur.showLabel = cur[wordbook.value_key];
-      }
-      if (typeof cur === "object") {
-        Object.keys(cur || {}).forEach(t => (cur[t] = formatFieldValue(cur[t])));
-      }
-      return acc.some((v: any) => {
-        return (
-          `${v[wordbook.value_key]}-${v[myUniqueKey]}` ==
-          `${cur[wordbook.value_key]}-${cur[myUniqueKey]}`
-        );
-      })
-        ? acc
-        : [...acc, cur];
-    }, []);
-  }
-  // 下拉搜索框获取字段title
-  const getTitleHeader = (fieldList: any[], renderKey: any) => {
-    let titleHeader = "";
-    let renderKeyArr = [];
-    if (Array.isArray(renderKey)) {
-      renderKeyArr = [...renderKey];
-    } else {
-      renderKeyArr = [renderKey];
-    }
-    renderKeyArr.forEach(render => {
-      for (let i = 0; i < fieldList.length; i++) {
-        if (render === fieldList[i].columnName) {
-          titleHeader += `≌${fieldList[i].title}`;
-          break;
-        }
-      }
-    });
-    titleHeader = titleHeader.slice(1);
-    return titleHeader;
-  }
-  // 搜索框选中
-  const handleSearchSelect = (value: string, option: any, type: string, eventConfig: any) => {
-    const setList = option?.bindEventSetting || [];
-    const isInit = "init" === eventConfig?.eventType;
-    const formData = editFormState.editForm;
-    // 如果有绑定事件，先触发绑定的事件。
-    try {
-      if (Array.isArray(setList)) {
-        handlerInputBlur(option, null, "blur", eventConfig);
-      }
-    } catch (err) {
-      console.log(err);
-    }
-    // hasOwnProperty
-    const searchOption = state.curOptions;
-    // 当前选中的对象
-    let selectItem: any = searchOption.find(
-      ele => `${ele[option.wordbook.value_key]}>>>${ele["myUniqueKey"]}` === value
-    );
-    // 标识是自由输入的值
-    const is_free = selectItem?.is_free_entry_input__add || false;
-    // 自由输入的 数据是前端生成的要清空，避免”带出“事件赋值
-    if (is_free) {
-      selectItem = {};
-    }
-    const setting = option?.wordbook?.setting || {};
-    // if (Object.keys(selectItem || {}).length > 0 && type === "select") {
-    //   this.hanlderSendSelectLog(option, selectItem);
-    // }
-
-    if (selectItem && setting) {
-      Object.keys(selectItem).forEach(s => {
-        if (
-          selectItem[s] &&
-          typeof selectItem[s] == "string" &&
-          selectItem[s].startsWith("###")
-        ) {
-          selectItem[s] = selectItem[s].slice(3);
-          selectItem[s] = JSON.parse(selectItem[s]);
-          selectItem[s] = selectItem[s].value;
-        }
-      });
-    }
-  }
-  const multipleSelect = (e: any, item: any) => {
-    const valKey = item.wordbook.value_key;
-    const selectList: any[] = state.selectedOptions || [];
-    const isSelect = selectList.some(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
-    let selectItem = {};
-    if (!isSelect) {
-      const fdItem = state.curOptions.find(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key) || {};
-      selectList.push({ ...fdItem });
-      selectItem = fdItem;
-    }
-    state.selectedOptions = [...selectList];
-    emit("valueOnChange", [...selectList], item);
-    // this.hanlderSendSelectLog(item, selectItem);
-    handlerInputBlur(item, null, 'blur');
-  }
-  const multipleDeselect = (e: any, item: any) => {
-    const valKey = item.wordbook.value_key;
-    const selectList = state.selectedOptions || [];
-    const fnIndex = selectList.findIndex(v => `${v[valKey]}-${v["myUniqueKey"]}` == e.key);
-    if (fnIndex != -1) {
-      selectList.splice(fnIndex, 1);
-    }
-    state.selectedOptions = [...selectList];
-    emit("valueOnChange", [...selectList], item);
-  }
-  const searchMoreOnChange = (value: any, item: any) => {
-    // 此处是否需要添加ant 中的select事件和deselect事件
-    // if (value?.length) {
-    //   multipleSelect(value[value.length - 1], props.item) // 或者执行multipleDeselect()
-    // }
-    // 标识用户有修改该值。
-    editFormState.formType[item.val_key].isOnchange = "00";
-    if (!value || value.length === 0) {
-      emit("valueOnChange", [], item);
-    }
-
-    // 通讯事件
-    // this.mainForm.formfieldOnChange(this.item);
-  }
-  /**
-     * 检索默认值处理
-     * @param defFalg 是否默认值处理
-     * @param rowData 请求数据
-     * @param itemData 表单配置项
-     * @param uniqueConfig 唯一标识配置
-     */
-  const handleGetSearchDefVal = (defFalg: boolean, rowData: any[], itemData: any, uniqueConfig: any = {}) => {
-    const { is_plugin_set, keyword } = uniqueConfig;
-    const { wordbook, html_type, val_key, default_val, name } = itemData;
-    let defVal = props.defaultValue[name] || handleSysParams(default_val || "", paramsObj);
-    if (is_plugin_set) {
-      defVal = keyword;
-    }
-    if (defFalg && rowData.length) {
-      let defItem = rowData[0];
-      let itemKkey = `${defItem[wordbook.value_key]}>>>${defItem["myUniqueKey"]}`;
-      if (html_type == "SEARCH") {
-        const f = rowData.find(r => r[wordbook.value_key] == defVal);
-        if (f) {
-          defItem = f;
-          itemKkey = `${f[wordbook.value_key]}>>>${f["myUniqueKey"]}`;
-          handleSearchSelect(itemKkey, itemData, "", {
-            eventType: defFalg ? "init" : "trigger"
-          });
-        }
-        if (defVal != defItem[wordbook.value_key]) {
-          if (f) {
-            itemKkey = `${f[wordbook.value_key]}>>>${f["myUniqueKey"]}`;
-          } else {
-            itemKkey = defVal;
-          }
-        }
-        if (itemKkey) {
-          hanldeSetFieldsValue(
-            {
-              [itemData.val_key]: itemKkey
-            },
-            itemData,
-            props
-          );
-        } else {
-          itemData['useFormValue'] = undefined
-        }
-      } else if (html_type == "SEARCH_MORE") {
-        itemKkey.replace(">>>", "-");
-        hanldeSetFieldsValue(
-          {
-            [itemData.val_key]: [
-              {
-                key: itemKkey,
-                label: defItem["showLabel"] || defItem[wordbook.value_key]
-              }
-            ]
-          },
-          itemData,
-          props
-        );
-        multipleSelect(
-          {
-            key: itemKkey,
-            label: defItem["showLabel"] || defItem[wordbook.value_key]
-          },
-          itemData
-        );
-      }
-    } else if (defFalg) {
-      if (html_type == "SEARCH") {
-        // bugfix:14178
-        hanldeSetFieldsValue(
-          {
-            [itemData.val_key]: undefined
-          },
-          itemData,
-          props
-        );
-      }
-    }
-  }
-  const handleFreeEntry = (option: Option = {}) => {
-    const { rowData, keyword, wordbook, fieldList, myUniqueKey } = option;
-    if (!keyword) return;
-    const curKey = +new Date();
-    const data = {
-      [myUniqueKey]: curKey,
-      myUniqueKey: curKey,
-      myUniqueLabel: myUniqueKey,
-      [wordbook.value_key]: keyword,
-      is_free_entry_input__add: true // 标识是自由输入
-    };
-    const hasRenderKey = wordbook.render_key && wordbook.render_key.length > 1;
-    if (rowData.length === 0) {
-      state.curOptions = [];
-      if (hasRenderKey) {
-        rowData.unshift({
-          showLabel: getTitleHeader(fieldList, wordbook.render_key),
-          myUniqueKey: Math.random()
-        });
-      }
-    }
-    hasRenderKey ? rowData.splice(1, 0, data) : rowData.unshift(data);
-    state.curOptions = setCurOptions(rowData);
-  }
-  // 请求下拉框的数据
-  const handleRequestedOptions = async (
-    itemData: any = {},
-    keyword: string = '',
-    defFalg = false,
-    otherConfig: any = {}
-  ) => {
-    const closeLoading = () => {
-      state.fetching = false;
-      state.searchPageConfig.isFetching = false;
-    };
-    try {
-      const { wordbook = {}, val_key, html_type, free_entry } = itemData;
-      let { queryParamsType, queryParams = [] } = wordbook;
-      if (Object.keys(wordbook || {}).length === 0) {
-        return;
-      }
-      if (keyword && typeof keyword === "string") keyword = keyword.replace(/^\s+|\s+$/, "");
-      // LEVEL_SEARCH_CASCADE SEARCH_CASCADE
-      const isCascade = html_type.includes("SEARCH_CASCADE");
-      const NOWORDBOOK = wordbook.type != "WORDBOOK";
-      const ISDICTIONARY = wordbook.type === "DICTIONARY";
-      // 请求参数
-      let params = getSearchDefParams(keyword, itemData, otherConfig);
-
-      let formData = editFormState.editForm;
-
-      let queryArr = [
-        "SEARCH",
-        "SEARCH_MORE",
-        "SEARCH_CASCADE",
-        "LEVEL_SEARCH_CASCADE",
-        "LEVEL_SEARCH_CASCADE2"
-      ];
-      if (queryArr.includes(html_type) && queryParamsType == 1) {
-        let tempFormData = handleQueryParams(formData, queryParams);
-        Object.assign(params, tempFormData);
-      } else {
-        Object.assign(params, formData);
-      }
-      // 257 云his需求新增通用字典 后端欧阳 产品晶晶
-      const arr = ["SEARCH", "SEARCH_MORE"];
-      if (arr.includes(html_type) && ISDICTIONARY) {
-        Object.assign(params, {
-          dictType: JSON.stringify(wordbook.dictType)
-        });
-      }
-      state.cacheReqOptionsParams = JSON.stringify(params);
-      let reqUniqueKey: any;
-      let myUniqueKey: string | undefined = "theUniqueKey";
-      if (NOWORDBOOK) {
-        reqUniqueKey = await handleRequestedUniqueKey(wordbook.id);
-        myUniqueKey = reqUniqueKey || undefined;
-      }
-      // 多选检索框避免重复选中 "theUniqueKey" 这个值，每次请求返回来都不一样。
-      if (html_type == "SEARCH_MORE" && myUniqueKey == "theUniqueKey") {
-        myUniqueKey = undefined;
-      }
-      editFormState.formType[val_key].wordbook &&
-        (editFormState.formType[val_key].wordbook.myUniqueLabel = myUniqueKey);
-      state.fetching = true;
-      if (!html_type.includes("SEARCH_CASCADE")) {
-        cancelOptionsRequest();
-      }
-      state.optionsRequestSource = axios.CancelToken.source();
-      if (keyword && !defFalg) {
-        let key = typeof keyword === "string" ? keyword.trim() : keyword;
-        // key && this.handleSearchTracher(itemData, { keyword: key });
-      }
-      Object.assign(params, { asyncCount: 1 });
-      return axios
-        .post(`/tableReader/getWordbookData`, qs.stringify(params), {
-          cancelToken: state.optionsRequestSource.token
-        })
-        .then(({ data }) => {
-          if (otherConfig.page) {
-            handleSearchScrollTop(itemData);
-          }
-          state.optionsRequestSource = null;
-          state.fetching = false;
-          if (data.result === "SUCCESS") {
-            state.searchAddObj[`${itemData.val_key}_${itemData.name}`] = true;
-            let { rows, fieldList, page, total } = data.map;
-            state.searchPageConfig = Object.assign(state.searchPageConfig, {
-              page,
-              total,
-              isRequest: true,
-              keyword
-            });
-            let rowData = [];
-            if (isCascade) {
-              wordbook.myUniqueLabel = myUniqueKey;
-              wordbook.myUniqueKey = myUniqueKey;
-              wordbook.isLoadData = html_type == "LEVEL_SEARCH_CASCADE";
-              if (wordbook.isLoadData) {
-                state.levelNum = defFalg ? 1 : state.levelNum;
-              }
-              rows = hanldeRemoveDuplicates(rows, {
-                key: wordbook.value_key
-              });
-              handleFormCascade(rows, wordbook);
-              rowData = rows;
-            } else {
-              // 去重
-              rowData = handleRowUnique(rows, itemData, {
-                myUniqueKey: myUniqueKey,
-                reqUniqueKey: reqUniqueKey
-              });
-
-              // 获取显示字段title
-              if (rowData.length > 0 && wordbook.render_key && wordbook.render_key.length > 1) {
-                rowData.unshift(
-                  Object.assign(
-                    {},
-                    {
-                      showLabel: getTitleHeader(fieldList, wordbook.render_key),
-                      myUniqueKey: Math.random()
-                    }
-                  )
-                );
-              }
-            }
-            const searchList = [
-              "SEARCH",
-              "SEARCH_CASCADE",
-              "SEARCH_MORE",
-              "LEVEL_SEARCH_CASCADE"
-            ];
-            if (searchList.includes(html_type)) {
-              if (html_type != "LEVEL_SEARCH_CASCADE") {
-                state.curOptions = setCurOptions(rowData);
-              } else {
-                (defFalg || !state.loadDataPrimary_key) && (state.curOptions = setCurOptions(rowData));
-              }
-            }
-            // 默认值处理
-            handleGetSearchDefVal(defFalg, rowData, itemData, {
-              myUniqueKey: myUniqueKey,
-              reqUniqueKey: reqUniqueKey,
-              keyword: keyword,
-              ...otherConfig
-            });
-
-            // 自由输入
-            if (!defFalg && html_type == "SEARCH" && keyword && free_entry == "1") {
-              handleFreeEntry({
-                rowData,
-                keyword,
-                wordbook,
-                fieldList,
-                myUniqueKey
-              });
-            }
-
-            return rowData;
-          }
-          return [];
-        })
-        .catch(err => {
-          console.log(err);
-        })
-        .finally(() => {
-          closeLoading();
-        });
-    } catch (error) {
-      closeLoading();
-      console.log(error);
-    }
-  }
-  const hanlderGetSearchLabel = (config: any, v: any) => {
-    const { wordbook } = config;
-    let showLabel = "";
-    // "自由输入"的直接 return v[wordbook.value_key]
-    if (!v.is_free_entry_input__add && wordbook.show_key && wordbook.show_key.length) {
-      wordbook.show_key.forEach((s: string) => {
-        showLabel += ` ${formatField(v[s])}`;
-      });
-      return showLabel;
-    }
-    return v[wordbook.value_key];
-  }
-  const dealDictionatySearch = (val: string) => {
-    state.curOptions = state.curOptions.filter(i => {
-      return i.showLabel.includes(val);
-    });
-  }
-  // 下拉框搜索输入关键字后
-  const handleMultipleSearch = (val: string, itemData: any) => {
-    clearTimeout(state.timeout);
-    const { wordbook = {}, html_type } = itemData;
-    const ISDICTIONARY = wordbook.type === "DICTIONARY";
-    // 257 云his需求新增通用字典 后端欧阳 产品晶晶
-    const arr = ["SEARCH", "SEARCH_MORE"];
-    if (arr.includes(html_type) && ISDICTIONARY && val) {
-      dealDictionatySearch(val);
-      return;
-    }
-    state.searchPageConfig.keyword = val || undefined;
-    if (state.dropdownHide && !val) return;
-    state.timeout = setTimeout(() => {
-      handleRequestedOptions(itemData, val);
-    }, 200);
-  }
-  const hanldeInitSearchMoreVal = async (i: any, v?: any) => {
-    try {
-      const item = i;
-      let n;
-      if (v) {
-        n = v;
-      } else {
-        n = props.defaultValue[item.name] || item.default_val;
-      }
-      if (n) {
-        if (typeof n === "string") {
-          n = handleSysParams(n, paramsObj);
-        }
-        n = handleGetJsonStr(n) || {};
-        let NOWORDBOOK = item.wordbook.type != "WORDBOOK";
-        if (n && n.objs && n.objs.length) {
-          let curUniqueLabel: any;
-          if (NOWORDBOOK) {
-            curUniqueLabel = await handleRequestedUniqueKey(item.wordbook.id);
-          }
-
-          curUniqueLabel = curUniqueLabel || undefined;
-          let defList: any[] = [];
-          const defOptions: any[] = [];
-          // `${v[item.wordbook.value_key]}-${v['myUniqueKey']}`
-          let l: string[] = [],
-            objs: any[] = [];
-          let objStr =
-            typeof n.objStr === "string" ? [...new Set(n.objStr.split(","))].join(",") : n.objStr;
-          n.objs.forEach((f: any) => {
-            let v = typeof f === "object" ? JSON.parse(JSON.stringify(f)) : f;
-            v.myUniqueKey = v[curUniqueLabel] || "";
-            v.myUniqueLabel = curUniqueLabel || "";
-            defList.push({
-              key: `${v[item.wordbook.value_key]}-${v[curUniqueLabel] || ""}`,
-              label: hanlderGetSearchLabel(item, v)
-            });
-            let k = `${v[item.wordbook.value_key]}-${v["myUniqueKey"]}`;
-            if (!l.includes(k)) {
-              defOptions.push({
-                ...v
-              });
-              l.push(k);
-              objs.push({ ...f });
-            }
-          });
-          // 如果默认值有重复数据，过滤重复数据再提交
-          if (l.length !== (n?.objs?.length || undefined)) {
-            editFormState.formType[item.val_key].filtration_val = JSON.stringify({
-              objStr,
-              objs
-            });
-          }
-          item.defOptions = defOptions;
-          // console.log(defOptions, "--defOptions");
-          if (defOptions && defOptions.length) {
-            state.curOptions = setCurOptions([...defOptions]);
-            state.selectedOptions = [...(defOptions || [])];
-          }
-          defList = vexutils.uniqArrObj(defList, "key");
-          state.defList = defList;
-          item['useFormValue'] = defList
-          emit("valueOnChange", [...defOptions], props.item);
-          // console.log(this.defList, "---defList");
-        } else {
-          props.defaultValue[item.name] = [];
-        }
-      } else {
-        props.defaultValue[item.name] = [];
-      }
-    } catch (e) {
-      console.log(e);
-    }
-  }
-  const init = () => {
-    const {
-      validate = {},
-      html_type = undefined,
-      name,
-      default_val,
-      show_type = undefined,
-      guage_num = undefined
-    } = props.item;
-    let targetStr = props.defaultValue[name] || default_val;
-    targetStr = handleSysParams(targetStr, paramsObj);
-    if (html_type == "SEARCH") {
-      if (targetStr) {
-        nextTick(() => {
-          handleRequestedOptions(props.item, targetStr, true);
-        });
-      }
-    } else if (html_type == "SEARCH_MORE") {
-      hanldeInitSearchMoreVal(props.item);
-    }
-
-    state.cacheReqOptionsParams = "";
-    // this.getHotSearchConfig();
-  }
-
-  onMounted(() => {
-    init()
-  })
-
-  return {
-    state,
-    selectIsOpen,
-    handleMultipleSearch,
-    handlerDropdownVisibleChange,
-    handleSearchSelect,
-    searchMoreOnChange
-  }
-}