cnhis-design-vue 3.1.31-beta.9 → 3.1.31

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

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

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

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

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

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

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

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

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

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

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

@@ -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,

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

@@ -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,

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/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__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;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}