cnhis-design-vue 3.1.39-release.2 → 3.1.39

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

@@ -15,8 +15,8 @@ export { FormItemDepsCollector, useFormItemDeps } from './src/hooks/useFormItemD
 export { useAnchor } from './src/hooks/useAnchor.js';
 export { useFormContext } from './src/hooks/useFormContext.js';
 export { useCommonInjection, useSelectOptionProps } from './src/hooks/useCommonInjection.js';
-export { useAutographOptions, useRecommendOptions, useUrlConfigOptions } from './src/hooks/useFormRenderOptions.js';
-export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcherWithKeyword, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser } from './src/utils/index.js';
+export { optionMatcherCache, useAutographOptions, useRecommendOptions, useUrlConfigOptions } from './src/hooks/useFormRenderOptions.js';
+export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, keywordMatcher, mergeDeepProperties, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser } from './src/utils/index.js';
 export * from '@formily/core';
 export { businessDateParser, isIdCard, isMobile, parseAge2Birthday, parseAgeFromContext, parseBirthday, parseIdCard, transformDateFormat } from './src/utils/business.js';
 export { findNextWidget, queryDecorator, queryInput } from './src/utils/dom.js';

package/es/components/form-render/src/components/renderer/lineBar/FormCollapse.vue.d.ts

@@ -30,6 +30,9 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {}>>;
     _show: import("vue").Ref<boolean>;
     toggleShow: () => void;
+    headerClass: import("vue").ComputedRef<(string | {
+        'form-render__linebarHeader--disabled': boolean;
+    })[]>;
     fieldKey: import("vue").ComputedRef<string>;
     formItemDepsCollector: import("../../../../../../../es/components/form-render").FormItemDepsCollector;
     TooltipMessage: import("vue").DefineComponent<{

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, inject, openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createBlock, createCommentVNode, unref, createVNode, withCtx, renderSlot } from 'vue';
+import { defineComponent, ref, computed, inject, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, createTextVNode, toDisplayString, createBlock, createCommentVNode, Fragment, createVNode, withCtx, renderSlot } from 'vue';
 import '../../../../index.js';
 import TooltipMessage from '../../tooltipMessage.vue.js';
 import { InjectionFormItemDepsCollector, FormItemLineBarDepKeyPrepend } from '../../../constants/index.js';
@@ -28,6 +28,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       _show.value = !_show.value;
     }
+    const headerClass = computed(() => {
+      return ["form-render__linebarHeader", { "form-render__linebarHeader--disabled": !!props.disabled }];
+    });
     const { fieldKey } = useFormField();
     const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
     formItemDepsCollector.setDeps(fieldKey.value, FormItemLineBarDepKeyPrepend + fieldKey.value, (v = true) => {
@@ -36,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
         createElementVNode("header", {
-          class: "form-render__linebarHeader",
+          class: normalizeClass(unref(headerClass)),
           onClick: toggleShow
         }, [
           createElementVNode("div", _hoisted_2, [
@@ -46,8 +49,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               message: __props.remark
             }, null, 8, ["message"])) : createCommentVNode("v-if", true)
           ]),
-          _show.value ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(unref(ChevronUp), { key: 1 }))
-        ]),
+          !__props.disabled ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            _show.value ? (openBlock(), createBlock(unref(ChevronDown), { key: 0 })) : (openBlock(), createBlock(unref(ChevronUp), { key: 1 }))
+          ], 64)) : createCommentVNode("v-if", true)
+        ], 2),
         createVNode(unref(NCollapseTransition), {
           class: "form-render__linebarItem",
           show: _show.value

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

@@ -30,6 +30,9 @@ export declare const LINEBAR: import("vue").DefineComponent<{
     }>> & {}>>;
     _show: import("vue").Ref<boolean>;
     toggleShow: () => void;
+    headerClass: import("vue").ComputedRef<(string | {
+        'form-render__linebarHeader--disabled': boolean;
+    })[]>;
     fieldKey: import("vue").ComputedRef<string>;
     formItemDepsCollector: import("../../../hooks").FormItemDepsCollector;
     TooltipMessage: import("vue").DefineComponent<{

package/es/components/form-render/src/components/renderer/radio&checkbox.d.ts

@@ -2,7 +2,7 @@ import { AnyObject } from '../../../../../../es/shared/types';
 import { PropType } from 'vue';
 export declare const RADIO: import("vue").DefineComponent<{
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     options: {
         type: PropType<AnyObject[]>;
@@ -44,7 +44,7 @@ export declare const RADIO: import("vue").DefineComponent<{
     onChange: {};
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     options: {
         type: PropType<AnyObject[]>;
@@ -94,7 +94,7 @@ export declare const RADIO: import("vue").DefineComponent<{
 }>;
 export declare const CHECKBOX: import("vue").DefineComponent<{
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     options: {
         type: PropType<AnyObject[]>;
@@ -136,7 +136,7 @@ export declare const CHECKBOX: import("vue").DefineComponent<{
     onChange: {};
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: (NumberConstructor | ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | NumberConstructor | ObjectConstructor | StringConstructor)[];
     };
     options: {
         type: PropType<AnyObject[]>;

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

@@ -17,7 +17,7 @@ function createComponent(name, Wrapper, Item) {
     name,
     props: {
       value: {
-        type: [String, Number, Object]
+        type: [String, Number, Object, Array]
       },
       options: {
         type: Array,

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

@@ -1,12 +1,12 @@
 import { defineComponent, computed, inject, createVNode } from 'vue';
-import { cloneDeep } from 'lodash-es';
+import { useDebounceFn } from '@vueuse/core';
+import { cloneDeep, isString } from 'lodash-es';
 import { useCommonInjection, useSelectOptionProps } from '../../hooks/useCommonInjection.js';
 import { InjectionChangeContextCollector } from '../../constants/index.js';
 import '../../../../../shared/utils/index.js';
 import '../../../index.js';
 import '../../utils/index.js';
 import { useFormField } from '../../hooks/useFormField.js';
-import '@vueuse/core';
 import '../../../../../shared/utils/tapable/SyncHook.js';
 import '../../../../../shared/utils/tapable/SyncBailHook.js';
 import '../../../../../shared/utils/tapable/SyncWaterfallHook.js';
@@ -23,7 +23,7 @@ import 'date-fns';
 import { connect, mapProps } from '@formily/vue';
 import '@vue/shared';
 import './index.js';
-import { useUrlConfigOptions, useAutographOptions, useRecommendOptions } from '../../hooks/useFormRenderOptions.js';
+import { useUrlConfigOptions, useAutographOptions, useRecommendOptions, optionMatcherCache } from '../../hooks/useFormRenderOptions.js';
 import { NSelect } from 'naive-ui';
 import { createVisitedSetter, assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
 
@@ -101,7 +101,7 @@ const script = defineComponent({
       getRecommend,
       postRecommend,
       sortedOptions
-    } = useRecommendOptions(props, options, emit, valueKey);
+    } = useRecommendOptions(props, options, emit, labelKey, valueKey);
     const {
       field,
       fieldKey
@@ -115,10 +115,10 @@ const script = defineComponent({
         return sortedOptions.value.find((option) => option[valueKey.value] === v2);
       }
     });
-    async function fetchData(content = "") {
+    const fetchData = useDebounceFn(async (content = "") => {
       fetchOptions(content);
-      getRecommend();
-    }
+      getRecommend(content);
+    }, 400);
     const {
       injectValueValidate,
       injectValueWatchFromEmpty,
@@ -131,6 +131,23 @@ const script = defineComponent({
       menuProps,
       nodeProps
     } = useSelectOptionProps();
+    function renderLabel(option) {
+      const label = option[labelKey.value];
+      if (!label || !isString(label))
+        return "";
+      const renderLabels = optionMatcherCache.get(option);
+      if (!renderLabels)
+        return label;
+      return createVNode("section", null, [renderLabels.map((chars, idx) => {
+        if (idx === 0 || !chars)
+          return null;
+        return createVNode("span", {
+          "style": {
+            color: idx % 2 === 0 ? "var(--n-option-text-color-active)" : ""
+          }
+        }, [chars]);
+      })]);
+    }
     return () => createVNode(NSelect, {
       "key": key.value,
       "remote": true,
@@ -144,7 +161,8 @@ const script = defineComponent({
       "options": sortedOptions.value,
       "onSearch": fetchData,
       "onUpdate:show": (show) => show && fetchData(),
-      "onFocus": createVisitedSetter(field)
+      "onFocus": createVisitedSetter(field),
+      "renderLabel": renderLabel
     }, slots);
   }
 });

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

@@ -12,4 +12,4 @@ export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps.js';
 export { useAnchor } from './useAnchor.js';
 export { useFormContext } from './useFormContext.js';
 export { useCommonInjection, useSelectOptionProps } from './useCommonInjection.js';
-export { useAutographOptions, useRecommendOptions, useUrlConfigOptions } from './useFormRenderOptions.js';
+export { optionMatcherCache, useAutographOptions, useRecommendOptions, useUrlConfigOptions } from './useFormRenderOptions.js';

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

@@ -276,7 +276,8 @@ function useFieldListAdaptor(collector) {
       return fin;
     }, {});
     function bindIndex(schema, idx) {
-      return { ...schema, "x-index": idx };
+      schema["x-index"] = idx;
+      return schema;
     }
     function createFieldName(fieldItem) {
       if (fieldItem.suffixConfig) {

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

@@ -2,6 +2,7 @@ import { AnyObject, Func } from '../../../../../es/shared/types';
 import { Ref } from 'vue';
 import { FormWordbook, RecommendIds, UrlConfig } from '../../../../../es/components/form-render';
 import { RecommendItem } from '../../../../../es/components/recommend-search/src/types';
+export declare const optionMatcherCache: WeakMap<AnyObject, string[]>;
 export declare function useRecommendOptions(props: {
     recommend: boolean;
     commonList?: RecommendItem[];
@@ -9,10 +10,10 @@ export declare function useRecommendOptions(props: {
     getRecommendInfo?: () => RecommendIds;
     recommendCache: boolean;
     recommendNum: number;
-}, options: Ref<AnyObject[]>, emit: Func, valueKey: Ref<string>): {
+}, options: Ref<AnyObject[]>, emit: Func, labelKey: Ref<string>, valueKey: Ref<string>): {
     postRecommend: (value: unknown) => Promise<void>;
-    getRecommend: () => Promise<void>;
-    sortedOptions: import("vue").ComputedRef<any[]>;
+    getRecommend: (content?: string) => Promise<void>;
+    sortedOptions: import("vue").ComputedRef<AnyObject[]>;
 };
 export declare function useUrlConfigOptions(props: {
     urlConfig?: UrlConfig;

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

@@ -4,7 +4,7 @@ import { isString, isEqual, omit, isFunction } from 'lodash-es';
 import { computed, inject, ref, watch } from 'vue';
 import '../../index.js';
 import { InjectionAsyncQueue, InjectionFormItemDepsCollector } from '../constants/index.js';
-import { createUrlConfigParams, formRenderLog, optionMatcherWithKeyword } from '../utils/index.js';
+import { createUrlConfigParams, formRenderLog, keywordMatcher } from '../utils/index.js';
 import { useFormField } from './useFormField.js';
 import { useFormRequest } from './useFormRequest.js';
 
@@ -21,9 +21,44 @@ function createPropRef(props, key) {
     }
   });
 }
-function useRecommendOptions(props, options, emit, valueKey) {
+const optionMatcherCache = /* @__PURE__ */ new WeakMap();
+const searchContentMatcherCache = /* @__PURE__ */ new Map();
+function useSearchContent() {
+  const searchContent = ref();
+  const searchContentMatcher = computed(() => {
+    if (!searchContent.value)
+      return /./;
+    return new RegExp(
+      `(.*)${searchContent.value.split("").map((char) => `(${char})`).join("(.*)")}(.*)`
+    );
+  });
+  function filter(option, labelKey) {
+    if (!searchContent.value)
+      return true;
+    const label = option ? option[labelKey] : "";
+    if (!isString(label))
+      return false;
+    const cacheObj = searchContentMatcherCache.get(searchContent.value) || {};
+    const matched = Reflect.has(cacheObj, label) ? cacheObj[label] : label.match(searchContentMatcher.value);
+    cacheObj[label] = matched;
+    searchContentMatcherCache.set(searchContent.value, cacheObj);
+    if (matched) {
+      optionMatcherCache.set(option, matched);
+      return true;
+    }
+    return keywordMatcher(label, option.keyword);
+  }
+  function optionSearchFilter(options, _labelKey) {
+    if (!searchContent.value)
+      return options;
+    return options.filter((option) => filter(option, _labelKey));
+  }
+  return { searchContent, searchContentMatcher, optionSearchFilter };
+}
+function useRecommendOptions(props, options, emit, labelKey, valueKey) {
   const commonListRef = createPropRef(props, "commonList");
   const recentListRef = createPropRef(props, "recentList");
+  const { searchContent, optionSearchFilter } = useSearchContent();
   function getRecommendOption(item) {
     return jsonParse(item.itemObj);
   }
@@ -44,7 +79,11 @@ function useRecommendOptions(props, options, emit, valueKey) {
         return item[valueKey.value] !== option[valueKey.value];
       }
     });
-    return [...commonOptions.value, ...recentOptions.value, ...optionWithoutRecommend];
+    return [
+      ...optionSearchFilter(commonOptions.value, labelKey.value),
+      ...optionSearchFilter(recentOptions.value, labelKey.value),
+      ...optionWithoutRecommend
+    ];
   });
   const { getRecommendRequestInfo, getHttpInstance } = useFormRequest();
   function getRecommendConfig(type) {
@@ -55,9 +94,10 @@ function useRecommendOptions(props, options, emit, valueKey) {
   }
   const { fieldKey } = useFormField();
   const asyncQueue = inject(InjectionAsyncQueue);
-  async function getRecommend() {
+  async function getRecommend(content) {
     if (!props.recommend)
       return;
+    searchContent.value = content;
     if (commonListRef.value && recentListRef.value && props.recommendCache)
       return;
     const list = await asyncQueue.addAsync(createParams(fieldKey.value, props.recommendCache));
@@ -125,11 +165,11 @@ function useUrlConfigOptions(props, valueRef) {
     var _a, _b;
     return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
   });
+  const { searchContent, optionSearchFilter } = useSearchContent();
   const remoteOptions = ref(null);
-  const lastSearch = ref("");
   const { field, fieldKey } = useFormField();
   const fetchData = useDebounceFn(async function(content) {
-    lastSearch.value = content || "";
+    searchContent.value = content || "";
     if (!props.urlConfig) {
       return remoteOptions.value = null;
     }
@@ -147,10 +187,10 @@ function useUrlConfigOptions(props, valueRef) {
   }, 300);
   const options = computed(() => {
     if (remoteOptions.value)
-      return optionMatcherWithKeyword(remoteOptions.value, lastSearch.value, labelKey.value);
+      return optionSearchFilter(remoteOptions.value, labelKey.value);
     if (!Array.isArray(props.options))
       return [];
-    return optionMatcherWithKeyword(props.options, lastSearch.value, labelKey.value);
+    return optionSearchFilter(props.options, labelKey.value);
   });
   const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
   watch(
@@ -183,12 +223,12 @@ function useAutographOptions(props, valueRef) {
     var _a, _b;
     return (_b = (_a = props.wordbook) == null ? void 0 : _a.value_key) != null ? _b : "value";
   });
+  const { searchContent, optionSearchFilter } = useSearchContent();
   const remoteOptions = ref(null);
-  const lastSearch = ref("");
   const { fieldKey } = useFormField();
   const { getSearchRequestInfo } = useFormRequest();
   const fetchData = useDebounceFn(async function(content) {
-    lastSearch.value = content || "";
+    searchContent.value = content || "";
     if (!props.autograph || !props.wordbook) {
       return remoteOptions.value = null;
     }
@@ -211,10 +251,10 @@ function useAutographOptions(props, valueRef) {
   }, 300);
   const options = computed(() => {
     if (remoteOptions.value)
-      return optionMatcherWithKeyword(remoteOptions.value, lastSearch.value, labelKey.value);
+      return optionSearchFilter(remoteOptions.value, labelKey.value);
     if (!Array.isArray(props.options))
       return [];
-    return optionMatcherWithKeyword(props.options, lastSearch.value, labelKey.value);
+    return optionSearchFilter(props.options, labelKey.value);
   });
   watch(
     () => props.wordbook,
@@ -231,4 +271,4 @@ function useAutographOptions(props, valueRef) {
   return { labelKey, valueKey, options, fetchData };
 }
 
-export { useAutographOptions, useRecommendOptions, useUrlConfigOptions };
+export { optionMatcherCache, useAutographOptions, useRecommendOptions, useUrlConfigOptions };

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

@@ -1,4 +1,4 @@
-import { AnyObject, ArrayAble, Nullable } from '../../../../../es/shared/types';
+import { AnyObject, ArrayAble } from '../../../../../es/shared/types';
 import { GeneralField } from '@formily/core';
 import { FunctionalComponent, InjectionKey, VNode } from 'vue';
 import { FieldItem, UrlConfig } from '../types';
@@ -14,9 +14,7 @@ export declare function createSlot(renderer: unknown, props: AnyObject, defaultR
 };
 export declare function createInputSlot(props: AnyObject, defaultRenderer?: (v: unknown) => unknown[]): import("vue").ComputedRef<Record<string, FunctionalComponent<{}, {}>>>;
 export declare function presetRequestHandler(res: unknown): AnyObject[];
-export declare function optionMatcherWithKeyword(options: AnyObject[], input: Nullable<string>, key: string, matcherOption?: {
-    keyword?: string;
-}): AnyObject[];
+export declare const keywordMatcher: import("@vueuse/core").UseMemoizedFn<boolean, [text: unknown, keyword: unknown]>;
 export declare function validateMessageParser(message: string, fieldItem: Omit<FieldItem, 'reactions'>): string;
 export declare function combineExtendKey(fieldList: FieldItem[], values: AnyObject): AnyObject;
 export declare function splitExtendKey(fieldList: FieldItem[], values: AnyObject): AnyObject;

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

@@ -138,20 +138,6 @@ const keywordMatcher = useMemoize(function(text, keyword) {
     }, "");
   }
 });
-function optionMatcherWithKeyword(options, input, key, matcherOption = {
-  keyword: "keyword"
-}) {
-  if (!input)
-    return options;
-  return options.filter((option) => {
-    if (!isString(keyFor(option)))
-      return;
-    return keyFor(option).includes(input) || matcherOption.keyword && keywordMatcher(input, option[matcherOption.keyword]);
-  });
-  function keyFor(option) {
-    return option[key];
-  }
-}
 function validateMessageParser(message, fieldItem) {
   if (!isString(message) || !message)
     return "";
@@ -252,4 +238,4 @@ async function createUrlConfigParams({
   };
 }
 
-export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, mergeDeepProperties, optionMatcherWithKeyword, parseNumberFromMaybeString, presetRequestHandler, splitExtendKey, validateMessageParser };
+export { combineExtendKey, createInputSlot, createSlot, createUrlConfigParams, formRenderLog, injectOrProvide, isNestedFieldType, isNestedType, keywordMatcher, mergeDeepProperties, 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}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.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;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.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;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItemLabel--text{white-space:nowrap}.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__linebarHeaderTitle{align-items:center;display:flex;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.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__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.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}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex}
+.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}.annotation-edit__textarea{min-width:200px}.annotation-edit__footer{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;opacity:.5}.annotation-edit__footer>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annotation-edit__footer>div:first-of-type{min-width:30%}.recommend-search__menu{min-height:100px}.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;justify-content:space-between;padding:0 8px}.recommend-search__optionText{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recommend-search__option.is-active{color:var(--n-color)!important}.recommend-search__option.is-active .n-icon{font-size:20px}.recommend-search__option:hover{background:rgba(0,0,0,.03)}.recommend-search__optionContainer{margin:-8px -10px}.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;justify-content:space-between;position:relative}.form-render__formItemLabel--operation{align-items:center;display:flex;gap:2px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.form-render__formItemLabel--tooltip{font-size:0;line-height:1;width:16px}.form-render__formItemLabel--text{white-space:nowrap}.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:600;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__linebarHeaderTitle{align-items:center;display:flex;gap:4px;vertical-align:middle}.form-render__linebarHeaderTitle svg{height:16px;transform:translateY(-1px)}.form-render__linebarHeader--disabled{cursor:auto}.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__inputGroup .n-form-item--left-labelled:not(:first-of-type)>label{display:none}.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}.form-render__labelField{align-items:start;display:grid!important;display:inline-grid!important;gap:0 16px;grid-template-columns:repeat(var(--column),minmax(0,1fr));grid-template-columns:repeat(var(--column),auto)!important;margin-left:16px}.form-render__labelField .n-form-item{display:inline-grid}.form-render__labelField label.n-form-item-label.n-form-item-label--left-mark{align-items:center}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box{background-color:transparent}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-icon .check-icon{opacity:0}.form-render__labelField .n-checkbox[aria-checked=false] .n-checkbox-box__border{border:var(--n-border)}.form-render .form-render__formItem .n-checkbox,.form-render .form-render__formItem .n-radio{align-items:center}.form-render .form-render__formItem .n-radio-input{left:auto;right:auto}.form-render .form-render__formItem .n-checkbox-group>.n-space:not([vertical-space=true]),.form-render .form-render__formItem .n-radio-group>.n-space:not([vertical-space=true]){align-items:center!important}.form-render .form-render__formItem .n-checkbox__label{align-items:center;display:inline-flex}