cnhis-design-vue 3.1.38-beta.6 → 3.1.38-beta.8

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

@@ -0,0 +1,140 @@
+import { arrayed, findAncestor } from '../../../../shared/utils/index.js';
+import { isField } from '@formily/core';
+import { Path } from '@formily/path';
+import { isObject } from '@vue/shared';
+import { isArray, isFunction } from 'lodash-es';
+import { nextTick } from 'vue';
+import '../../index.js';
+import { FormItemLineBarDepKeyPrepend, NESTED_FORM_ITEM_TYPE } from '../constants/index.js';
+import { useComplexOptionsKey } from './useComplexOptions.js';
+import { queryDecorator, queryInput, findNextWidget } from '../utils/dom.js';
+import { validateMessageParser, combineExtendKey, splitExtendKey } from '../utils/index.js';
+import { getParentLinebar } from '../utils/schema.js';
+
+function useFormExposeEvent({
+  formModel,
+  formRenderRef,
+  formUUID,
+  getFieldList,
+  formItemDepsCollector
+}) {
+  async function queryWidget(key, wrapperElement, fieldList) {
+    if (!formRenderRef.value)
+      return createResult();
+    const decoratorElement = queryDecorator(key, wrapperElement, formUUID);
+    if (decoratorElement)
+      return createResult(decoratorElement);
+    const parentLinebarKey = getParentLinebar(key, fieldList);
+    if (!parentLinebarKey)
+      return createResult();
+    formItemDepsCollector.trigger(FormItemLineBarDepKeyPrepend + parentLinebarKey, true);
+    await nextTick();
+    return createResult(queryDecorator(key, wrapperElement, formUUID));
+    function createResult(decoratorElement2) {
+      return { decoratorElement: decoratorElement2, ...queryInput(decoratorElement2) };
+    }
+  }
+  const { combineComplexOptionKey } = useComplexOptionsKey();
+  return {
+    validate(path = "*") {
+      return formModel.validate(path).catch((err) => {
+        return Promise.reject(Array.isArray(err) ? err.reduce(errInfoNormalize, []) : err);
+      });
+      function errInfoNormalize(result, error) {
+        if (!isObject(error))
+          return result;
+        let hasChildMessage = false;
+        if (isArray(error.messages)) {
+          error.messages.forEach((message) => {
+            if (!isObject(message))
+              return;
+            result.push(...arrayed(message).map(bindEleInfo));
+            hasChildMessage = true;
+          });
+        }
+        !hasChildMessage && result.push(bindEleInfo(error));
+        return result;
+      }
+      function bindEleInfo(info) {
+        if (info.decoratorElement)
+          return info;
+        const pattern = formModel.query(info.path);
+        const title = pattern.get("title");
+        const messages = info.messages.map(
+          (message) => errMessageNormalize(message, pattern.get("decoratorProps"))
+        );
+        const decoratorElement = queryDecorator(info.path, formRenderRef.value, formUUID);
+        return { ...info, messages, title, decoratorElement, ...queryInput(info.decoratorElement) };
+      }
+      function errMessageNormalize(message, decoratorProps) {
+        if (!decoratorProps || !decoratorProps.fieldItem)
+          return message;
+        return validateMessageParser(message, decoratorProps.fieldItem);
+      }
+    },
+    getFormValues(needCombineExtendKey = true, needCombineOptionKey = true) {
+      let result = formModel.getFormState().values;
+      if (needCombineExtendKey)
+        result = combineExtendKey(getFieldList(), result);
+      if (needCombineOptionKey)
+        result = combineComplexOptionKey(getFieldList(), result);
+      return result;
+    },
+    setFormValues(values, needSplitExtendKey = true) {
+      if (needSplitExtendKey) {
+        values = splitExtendKey(getFieldList(), values);
+      }
+      formModel.setFieldState("*", (state) => {
+        if (!isField(state))
+          return;
+        state.value = Path.getIn(values, state.path);
+      });
+    },
+    setFieldState(path, handler) {
+      formModel.setFieldState(path, handler);
+    },
+    resetFields(path = "*") {
+      return formModel.reset(path);
+    },
+    async queryWidget(key) {
+      return formRenderRef.value ? await queryWidget(key, formRenderRef.value, getFieldList()) : null;
+    }
+  };
+}
+function useFormDomEvent({
+  props,
+  formRenderRef,
+  formModel
+}) {
+  function onKeydown(event) {
+    var _a;
+    if (!props.enterToNextWidget || !formRenderRef.value)
+      return;
+    const ancestorFormItem = findAncestor(
+      event.target,
+      (ele) => ele.classList.contains("form-render__formItem")
+    );
+    if (!ancestorFormItem)
+      return;
+    const selector = `.form-render__formItem${NESTED_FORM_ITEM_TYPE.map((type) => `:not([widget-type=${type}])`).join(
+      ""
+    )}`;
+    const formItemElements = Array.from(formRenderRef.value.querySelectorAll(selector));
+    const formItemIndex = formItemElements.findIndex((ele) => ele.id === ancestorFormItem.id);
+    if (!~formItemIndex)
+      return;
+    const { widget, field } = findNextWidget(formItemElements, formItemIndex, event.target);
+    if (!widget)
+      return;
+    const formItemInstance = field && formModel.query(field).take();
+    if (formItemInstance && isFunction(props.enterToNextWidget)) {
+      props.enterToNextWidget((_a = formItemInstance.decoratorProps) == null ? void 0 : _a.fieldItem) ? focus() : onKeydown({ target: widget });
+    }
+    function focus() {
+      widget == null ? void 0 : widget.focus();
+    }
+  }
+  return { onKeydown };
+}
+
+export { useFormDomEvent, useFormExposeEvent };

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

@@ -1,5 +1,6 @@
-export declare function useFormField(): {
-    field: import("vue").Ref<import("@formily/core").GeneralField>;
+import { GeneralField } from '@formily/core';
+export declare function useFormField<T extends GeneralField>(): {
+    field: import("vue").Ref<T>;
     title: import("vue").ComputedRef<any>;
     fieldKey: import("vue").ComputedRef<string>;
 };

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

@@ -1,7 +1,7 @@
-import { jsonParse } from '../../../../shared/utils/index.js';
+import { checkInSetupEnv, jsonParse } from '../../../../shared/utils/index.js';
 import { useDebounceFn } from '@vueuse/core';
 import { isString, isEqual, omit, isFunction } from 'lodash-es';
-import { computed, inject, getCurrentInstance, ref, watch } from 'vue';
+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';
@@ -115,8 +115,7 @@ function useRecommendOptions(props, options, emit, valueKey) {
   };
 }
 function useUrlConfigOptions(props, valueRef) {
-  if (!getCurrentInstance())
-    throw new Error("can't use this hook out of setup environment");
+  checkInSetupEnv();
   const asyncQueue = inject(InjectionAsyncQueue);
   const labelKey = computed(() => {
     var _a, _b;
@@ -174,8 +173,7 @@ function useUrlConfigOptions(props, valueRef) {
   return { labelKey, valueKey, options, fetchData };
 }
 function useAutographOptions(props, valueRef) {
-  if (!getCurrentInstance())
-    throw new Error("can't use this hook out of setup environment");
+  checkInSetupEnv();
   const asyncQueue = inject(InjectionAsyncQueue);
   const labelKey = computed(() => {
     var _a, _b, _c;

package/es/components/form-render/src/types/fieldItem.d.ts

@@ -22,12 +22,13 @@ export declare type ValidateItem = Partial<{
     regular_error_tip: string;
     [key: string]: any;
 }>;
-interface OptionItem {
+export interface FormOptionItem {
     text: string;
     value: any;
     keyword?: string;
     disabled?: boolean;
-    children?: OptionItem[];
+    children?: FormOptionItem[];
+    childrenFields?: FieldItem[];
 }
 interface FormRendererPayload {
     clearable: boolean;
@@ -139,7 +140,7 @@ export declare type FieldItem = {
     hide_title: FormCommonState;
     placeholder: string;
     validate: ValidateItem;
-    option: OptionItem[];
+    option: FormOptionItem[];
     /**
      * 是否开启多选('0'表示开启, 值是反的)
      */

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

@@ -28,7 +28,7 @@ export declare type IdCardParseInfo = Record<'sex' | 'birthday', string> & AgeCo
 export declare type FormRenderExpose = {
     formModel: Form;
     validate(path?: string): Promise<unknown>;
-    getFormValues(needCombineExtendKey?: boolean): AnyObject;
+    getFormValues(needCombineExtendKey?: boolean, needCombineOptionKey?: boolean): AnyObject;
     setFormValues(values: AnyObject, needSplitExtendKey?: boolean): AnyObject;
     setFieldState(path: string, setter: (field: Field) => void): void;
     resetFields(path?: string): void;
@@ -76,6 +76,8 @@ export declare type FormRenderProps = Partial<{
     lifeCycle: FormRenderLifeCycle;
     businessFormatter: FormBusinessFormatter;
     requestInstance: RequestInstance;
+    enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
+    lowCodeReactions: FormLowCodeReactions.Config[];
 }>;
 export declare type FormBusinessFormatter = (payload: {
     fieldKey: string;

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

@@ -20,64 +20,5 @@ export declare function assignValueBindKey(props: AnyObject, field: GeneralField
 export declare function assignClearBindVisited(props: AnyObject, field: GeneralField): {
     [x: string]: any;
 };
-export declare function createObjSchema(properties: Record<string, ISchema>): {
-    type: string;
-    properties: Record<string, import("@formily/json-schema/esm/types").Stringify<{
-        [key: symbol]: any;
-        [key: `x-${string}`]: any;
-        [key: `x-${number}`]: any;
-        version?: string | undefined;
-        name?: import("@formily/json-schema/esm/types").SchemaKey | undefined;
-        title?: any;
-        description?: any;
-        default?: any;
-        readOnly?: boolean | undefined;
-        writeOnly?: boolean | undefined;
-        type?: import("@formily/json-schema/esm/types").SchemaTypes | undefined;
-        enum?: import("@formily/json-schema/esm/types").SchemaEnum<any> | undefined;
-        const?: any;
-        multipleOf?: number | undefined;
-        maximum?: number | undefined;
-        exclusiveMaximum?: number | undefined;
-        minimum?: number | undefined;
-        exclusiveMinimum?: number | undefined;
-        maxLength?: number | undefined;
-        minLength?: number | undefined;
-        pattern?: string | RegExp | undefined;
-        maxItems?: number | undefined;
-        minItems?: number | undefined;
-        uniqueItems?: boolean | undefined;
-        maxProperties?: number | undefined;
-        minProperties?: number | undefined;
-        required?: string | boolean | string[] | undefined;
-        format?: string | undefined;
-        $ref?: string | undefined;
-        $namespace?: string | undefined;
-        definitions?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-        properties?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-        items?: import("@formily/json-schema/esm/types").SchemaItems<any, any, any, any, any, any, any, any> | undefined;
-        additionalItems?: import("@formily/json-schema/esm/types").Stringify<any> | undefined;
-        patternProperties?: import("@formily/json-schema/esm/types").SchemaProperties<any, any, any, any, any, any, any, any> | undefined;
-        additionalProperties?: import("@formily/json-schema/esm/types").Stringify<any> | undefined;
-        "x-value"?: any;
-        "x-index"?: number | undefined;
-        "x-pattern"?: any;
-        "x-display"?: any;
-        "x-validator"?: any;
-        "x-decorator"?: any;
-        "x-decorator-props"?: any;
-        "x-component"?: any;
-        "x-component-props"?: any;
-        "x-reactions"?: import("@formily/json-schema/esm/types").SchemaReactions<any> | undefined;
-        "x-content"?: any;
-        "x-data"?: any;
-        "x-visible"?: boolean | undefined;
-        "x-hidden"?: boolean | undefined;
-        "x-disabled"?: boolean | undefined;
-        "x-editable"?: boolean | undefined;
-        "x-read-only"?: boolean | undefined;
-        "x-read-pretty"?: boolean | undefined;
-        "x-compile-omitted"?: string[] | undefined;
-    }>>;
-};
+export declare function createObjSchema(properties: Record<string, ISchema>): ISchema;
 export declare function createVisitedSetter(field: Ref<GeneralField>, callback?: Func): (...args: unknown[]) => any;

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}
+.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}