cnhis-design-vue 3.1.31-beta.0 → 3.1.31-beta.10

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,

package/es/components/form-render/src/hooks/useBusinessBinding.d.ts

@@ -4,6 +4,7 @@ import { FIELD_BUSINESS_TYPE } from '../constants';
 export declare class BusinessCollector {
     private formModel;
     private businessFormatter?;
+    private readonly typeLockMap;
     private readonly typeCollector;
     private readonly fieldNameCollector;
     constructor(formModel: Form, businessFormatter?: FormBusinessFormatter | undefined);
@@ -14,12 +15,12 @@ export declare class BusinessCollector {
     private getType;
     private getValueByField;
     getValueByType(type: FIELD_BUSINESS_TYPE): unknown;
-    setValueByType(type: FIELD_BUSINESS_TYPE, value: unknown, beforeChange?: () => void): void;
+    setValueByType(type: FIELD_BUSINESS_TYPE, value: unknown): void;
     registerChangeBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
     registerBlurBusiness(type: FIELD_BUSINESS_TYPE, handler: () => void): this;
     private changeHandlerMap;
     private blurHandlerMap;
-    trigger(fieldName: string, triggerType?: 'change' | 'blur'): void;
+    trigger(fieldName: string, triggerType?: 'change' | 'blur'): Map<FIELD_BUSINESS_TYPE, number> | undefined;
 }
 export declare function useBusinessBinding(): {
     create: (formModel: Form, formatter?: FormBusinessFormatter) => BusinessCollector;

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

@@ -9,6 +9,7 @@ class BusinessCollector {
   constructor(formModel, businessFormatter) {
     this.formModel = formModel;
     this.businessFormatter = businessFormatter;
+    this.typeLockMap = /* @__PURE__ */ new Map();
     this.typeCollector = /* @__PURE__ */ new Map();
     this.fieldNameCollector = /* @__PURE__ */ new Map();
     this.changeHandlerMap = /* @__PURE__ */ new Map([]);
@@ -39,12 +40,13 @@ class BusinessCollector {
     const field = this.getField(type);
     return field ? this.getValueByField(field) : null;
   }
-  setValueByType(type, value, beforeChange) {
+  setValueByType(type, value) {
     const field = this.getField(type);
     field && this.formModel.setFieldState(field, (state) => {
       if (state.value === value)
         return;
-      isFunction(beforeChange) && beforeChange();
+      const lock = this.typeLockMap.get(type);
+      this.typeLockMap.set(type, isNumber(lock) ? lock + 1 : 1);
       state.value = this.formatter({ value, type, fieldKey: field });
     });
   }
@@ -57,10 +59,17 @@ class BusinessCollector {
     return this;
   }
   trigger(fieldName, triggerType = "change") {
-    var _a, _b;
+    var _a;
     const type = this.getType(fieldName);
-    const handlerMaps = { change: this.changeHandlerMap, blur: this.blurHandlerMap };
-    type && ((_b = (_a = handlerMaps[triggerType]) == null ? void 0 : _a.get(type)) == null ? void 0 : _b.call(this));
+    if (!type)
+      return;
+    if (triggerType === "change" && this.typeLockMap.get(type) > 0) {
+      return this.typeLockMap.set(type, this.typeLockMap.get(type) - 1);
+    }
+    const handler = triggerType === "change" ? this.changeHandlerMap : triggerType === "blur" ? this.blurHandlerMap : null;
+    if (!handler)
+      return;
+    (_a = handler.get(type)) == null ? void 0 : _a.call(this);
   }
 }
 function useBusinessBinding() {
@@ -72,38 +81,32 @@ function useBusinessBinding() {
     }
     const info = parseIdCard(idCard);
     const { age, ageUnit } = parseAge2FromContext(info);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit, () => ageTypeHandlerLock++);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age, () => ageTypeHandlerLock++);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
     this.setValueByType(FIELD_BUSINESS_TYPE.SEX, info.sex);
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, info.birthday, () => birthdayHandlerLock++);
+    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, info.birthday);
     setSexDisabled.call(this, true);
     function setSexDisabled(value) {
       const sexField = this.getFieldInstanceByType(FIELD_BUSINESS_TYPE.SEX);
       isField(sexField) && (sexField.disabled = value);
     }
   }
-  let birthdayHandlerLock = 0;
   function handlerBirthdayType() {
-    if (birthdayHandlerLock > 0)
-      return birthdayHandlerLock--;
     const birthday = this.getValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY);
     if (!isString(birthday))
       return;
     const { age, ageUnit } = parseAge2FromContext(parseBirthday(birthday));
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit, () => ageTypeHandlerLock++);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age, () => ageTypeHandlerLock++);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
   }
-  let ageTypeHandlerLock = 0;
   function handlerAgeType() {
-    if (ageTypeHandlerLock > 0)
-      return ageTypeHandlerLock--;
     const age = this.getValueByType(FIELD_BUSINESS_TYPE.AGE);
     const ageUnit = this.getValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT);
     if (!isString(age) && !isNumber(age) || age === "")
       return;
     if (!isString(ageUnit) || ageUnit === "")
       return;
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit), () => birthdayHandlerLock++);
+    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit));
   }
   function create(formModel, formatter) {
     return new BusinessCollector(formModel, formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);

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

@@ -89,6 +89,12 @@ function useFieldListAdaptor(collector) {
       multiple && (schema2.type = "array");
     }
   };
+  const createRecommendSelectSchema = (item) => {
+    const schema = createSelectSchema(item);
+    schema["x-component"] = "RECOMMEND_SELECT";
+    Object.assign(schema["x-component-props"], pick(item, ["commonList", "recentList"]));
+    return schema;
+  };
   const createRadioSchema = (item) => {
     const schema = createStandardSchema(item);
     Object.assign(schema["x-component-props"], {
@@ -219,6 +225,7 @@ function useFieldListAdaptor(collector) {
     ["INPUT", createInputSchema],
     ["INPUT_NUMBER", createInputNumberSchema],
     ["SELECT", createSelectSchema],
+    ["RECOMMEND_SELECT", createRecommendSelectSchema],
     ["REMOTE_SEARCH", createSelectSchema],
     ["DATE", createDateSchema],
     ["LEVEL_SEARCH_CASCADER", createLevelSearchCascadeSchema],

package/es/components/form-render/src/hooks/useFormRequest.d.ts

@@ -6,14 +6,21 @@ declare type SearchRequestInfo = {
     url: string;
     primaryKeyUrl?: string;
 };
+export declare type RecommendIds = Partial<Record<'businessId' | 'componentId' | 'deptId' | 'userId', string>>;
+declare type RecommendRequestInfo = {
+    getRecommendIds(): RecommendIds;
+    url: Record<'get' | 'post' | 'delete', string>;
+};
 export declare function useFormRequest(): {
     getHttpInstance: () => Nullable<RequestInstance>;
     registGlobHttpInstance: (instance: RequestInstance) => void;
+    registGlobRecommendInfo: (info: Partial<RecommendRequestInfo>) => void;
+    registGlobSearchInfo: (info: SearchRequestInfo) => void;
     getSearchRequestInfo: () => {
         method: FormRequestType;
         url: string;
         primaryKeyUrl?: string | undefined;
     };
-    registGlobSearchInfo: (info: SearchRequestInfo) => void;
+    getRecommendRequestInfo: () => RecommendRequestInfo;
 };
 export {};

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

@@ -1,5 +1,15 @@
+import { cloneDeep } from 'lodash-es';
+
 let http = null;
 const searchRequestInfo = { method: "post", url: "", primaryKeyUrl: "" };
+const recommendRequestInfo = {
+  url: {
+    get: "/fdp-api/fdp/aiRec/search",
+    post: "/fdp-api/fdp/aiRec/sendBehaviorData",
+    delete: "/fdp-api/fdp/aiRec/delete"
+  },
+  getRecommendIds: () => ({})
+};
 function useFormRequest() {
   function getHttpInstance() {
     return http;
@@ -10,10 +20,23 @@ function useFormRequest() {
   function getSearchRequestInfo() {
     return { ...searchRequestInfo };
   }
+  function getRecommendRequestInfo() {
+    return cloneDeep(recommendRequestInfo);
+  }
   function registGlobSearchInfo(info) {
     Object.assign(searchRequestInfo, info);
   }
-  return { getHttpInstance, registGlobHttpInstance, getSearchRequestInfo, registGlobSearchInfo };
+  function registGlobRecommendInfo(info) {
+    Object.assign(recommendRequestInfo, info);
+  }
+  return {
+    getHttpInstance,
+    registGlobHttpInstance,
+    registGlobRecommendInfo,
+    registGlobSearchInfo,
+    getSearchRequestInfo,
+    getRecommendRequestInfo
+  };
 }
 
 export { useFormRequest };

package/es/components/form-render/src/utils/index.d.ts

@@ -13,8 +13,8 @@ export declare function createSlot(renderer: unknown, props: AnyObject, defaultR
     default(): any;
 };
 export declare function createInputSlot(props: AnyObject, defaultRenderer?: (v: unknown) => unknown[]): import("vue").ComputedRef<Record<string, FunctionalComponent<{}, {}>>>;
-export declare function presetRequestHandler(res: unknown): any;
-export declare function optionMatcher(options: AnyObject[], input: Nullable<string>, key: string, matcherOption?: {
+export declare function presetRequestHandler(res: unknown): AnyObject[];
+export declare function optionMatcherWithKeyword(options: AnyObject[], input: Nullable<string>, key: string, matcherOption?: {
     keyword?: string;
 }): AnyObject[];
 export declare function validateMessageParser(message: string, fieldItem: Omit<FieldItem, 'reactions'>): string;

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

@@ -83,7 +83,10 @@ function createInputSlot(props, defaultRenderer) {
 function presetRequestHandler(res) {
   if (!isObject(res))
     throw res;
-  return res.result && res.map ? handlerSearch(res) : handlerSelect(res);
+  return isSearchResult(res) ? handlerSearch(res) : isRecommendResult(res) ? handlerRecommend(res) : isSelectResult(res) ? handlerSelect(res) : [];
+  function isSelectResult(res2) {
+    return Reflect.has(res2, "data") && Reflect.has(res2, "success");
+  }
   function handlerSelect(res2) {
     const {
       data,
@@ -93,6 +96,9 @@ function presetRequestHandler(res) {
       throw res2;
     return data;
   }
+  function isSearchResult(res2) {
+    return Reflect.has(res2, "map") && Reflect.has(res2, "result");
+  }
   function handlerSearch(res2) {
     const {
       result,
@@ -102,6 +108,24 @@ function presetRequestHandler(res) {
       throw res2;
     return map.rows;
   }
+  function isRecommendResult(res2) {
+    return Reflect.has(res2, "result") && Reflect.has(res2, "obj");
+  }
+  function handlerRecommend(res2) {
+    const {
+      obj,
+      result
+    } = res2;
+    if (result !== "SUCCESS" || !isObject(obj))
+      throw res2;
+    return Object.entries(obj).reduce((res3, [type, list]) => {
+      list.forEach((item) => res3.push({
+        ...item,
+        type
+      }));
+      return res3;
+    }, []);
+  }
 }
 const keywordMatcher = useMemoize(function(text, keyword) {
   if (!isString(keyword) || !isString(text))
@@ -114,7 +138,7 @@ const keywordMatcher = useMemoize(function(text, keyword) {
     }, "");
   }
 });
-function optionMatcher(options, input, key, matcherOption = {
+function optionMatcherWithKeyword(options, input, key, matcherOption = {
   keyword: "keyword"
 }) {
   if (!input)
@@ -228,4 +252,4 @@ async function createUrlConfigParams({
   };
 }
 
-export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser };
+export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcherWithKeyword, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser };

package/es/components/form-render/style/index.css

@@ -1 +1 @@
-.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;position:relative}.form-render__formItemLabel--text.has-annotation{margin-right:15px}.form-render__formItemLabel--annotation{position:absolute;right:calc(var(--icon-right)*1px);top:50%;transform:translateY(-50%)}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:#f2f2f2;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:flex-start;display:flex;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__inputGroup>div{flex:1}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}
+.annotation-edit{align-items:center;color:#0067ee;cursor:pointer;display:inline-flex;font-size:16px;user-select:none}.annotation-edit.is-active{color:#ff9828}.annotation-edit__icon{align-items:center;display:inline-flex}.recommend-search__menuRecommendList{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.recommend-search__menuRecommendList .n-tag{cursor:pointer}.recommend-search__recentRecommend{margin-bottom:8px}.recommend-search__recentRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__recentRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__commonRecommend{margin-bottom:8px}.recommend-search__commonRecommend>header{align-items:center;color:rgba(0,0,0,.4);display:flex;justify-content:space-between}.recommend-search__commonRecommend>header .n-icon:hover{color:rgba(0,0,0,.6);cursor:pointer}.recommend-search__option{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:32px;padding:0 8px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{border:1px solid rgba(0,0,0,.1);border-radius:4px}.recommend-search__empty{align-items:center;color:rgba(0,0,0,.3);display:flex;height:100px;justify-content:center}.search-cascader__menuWrapper{display:flex;flex-wrap:nowrap;margin:-8px -14px}.search-cascader__input input{cursor:pointer!important}.search-cascader__option{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;height:32px;justify-content:space-between;padding:0 8px 0 16px;width:100%}.search-cascader__option--active{background:#f8f8f8}.search-cascader__option:hover{background:#f5f5f5;cursor:pointer}.search-cascader__optionWrapper{background:#fff;height:256px;overflow-x:auto;width:calc(var(--menu-width)*1px)}.search-cascader__optionWrapper:not(:last-of-type){border:solid #e5e5e5;border-width:0 1px 0 0}.search-cascader__optionText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 20px)}.search-cascader__option svg{color:#bfbfbf;flex-shrink:0;font-size:12px;width:20px}.search-cascader__option svg.rotate{animation:rotate 1s linear infinite}.search-cascader__emptyWrapper{align-items:center;background:#fff;box-sizing:border-box;display:flex;height:300px;justify-content:center;padding:16px;width:100%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.form-render__wrapper{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));max-height:var(--form-height);overflow-y:auto;position:relative}.form-render__formItem{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__formItem .n-date-picker,.form-render__formItem .n-input-number{width:100%}.form-render__formItemLabel{align-items:center;display:inline-flex;position:relative}.form-render__formItemLabel--text.has-annotation{margin-right:15px}.form-render__formItemLabel--annotation{position:absolute;right:calc(var(--icon-right)*1px);top:50%;transform:translateY(-50%)}.form-render__formItem .n-form-item-label{display:inline-flex}.form-render__formItem .n-form-item-label [annotation-hover-show=true]{visibility:hidden}.form-render__formItem .n-form-item-label:hover [annotation-hover-show=true]{visibility:visible}.form-render__linebar{grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__linebarHeader{align-items:center;background:#f2f2f2;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:space-between;margin-bottom:8px;padding:0 16px}.form-render__linebarHeader svg{color:rgba(33,33,33,.4);width:14px}.form-render__linebarItem{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__linebreaks{grid-column:span min(var(--column),var(--form-item-column)) /span min(var(--column),var(--form-item-column))}.form-render__inputGroup{align-items:flex-start;display:flex;grid-column:span min(var(--column),var(--column)) /span min(var(--column),var(--column))}.form-render__inputGroup>div{flex:1}.form-render__inputGroup>div:not(:last-of-type) .n-base-selection__border,.form-render__inputGroup>div:not(:last-of-type) .n-input__border{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.form-render__inputGroup>div:last-of-type .n-base-selection__border,.form-render__inputGroup>div:last-of-type .n-input__border{border-bottom-left-radius:0;border-top-left-radius:0}.form-render__combination{width:100%}.form-render__combinationHeader{display:flex;gap:12px}.form-render__combinationHeader>h3{font-size:16px;font-weight:700;margin:0;padding:0}.form-render__combinationHeader .n-button__icon{font-size:14px;margin:0 2px 0 0}.form-render__combinationHeaderText{font-size:16px;font-weight:500}.form-render__combinationClose{font-size:16px;height:14px;position:absolute;right:5px;top:5px;width:14px}.form-render__combinationContentJson{position:relative}.form-render__combinationContent{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));position:relative}.form-render__complex{width:100%}.form-render__complexContent--grid{align-items:start;display:grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr))}.form-render__complexContent--flex{display:flex!important;gap:0 8px}.form-render__selectMenu .n-scrollbar-rail__scrollbar{display:none!important}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar,.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{display:unset!important;height:6px;width:6px}.form-render__selectMenu .n-virtual-list::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}.form-render__selectMenu .v-vl-items{min-width:100%;width:max-content}.form-render__selectOption .n-base-select-option__content{overflow:visible!important;text-overflow:unset!important;word-break:keep-all!important}