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

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

@@ -7,14 +7,12 @@ import '../utils/index.js';
 import { isIdCard, parseIdCard, parseAgeFromContext, parseBirthday, parseAge2Birthday } from '../utils/business.js';
 
 class BusinessCollector {
-  constructor(formModel, businessFormatter) {
-    this.formModel = formModel;
+  constructor(businessFormatter) {
     this.businessFormatter = businessFormatter;
     this.typeLockMap = /* @__PURE__ */ new Map();
     this.typeCollector = /* @__PURE__ */ new Map();
     this.fieldNameCollector = /* @__PURE__ */ new Map();
     this.changeHandlerMap = /* @__PURE__ */ new Map([]);
-    this.blurHandlerMap = /* @__PURE__ */ new Map([]);
   }
   formatter(...args) {
     return isFunction(this.businessFormatter) ? this.businessFormatter(...args) : args[0].value;
@@ -26,24 +24,24 @@ class BusinessCollector {
   getField(type) {
     return this.typeCollector.get(type);
   }
-  getFieldInstanceByType(type) {
+  getFieldInstanceByType(formModel, type) {
     const field = this.getField(type);
-    return field ? this.formModel.query(field.val_key).take() : null;
+    return field ? formModel.query(field.val_key).take() : null;
   }
   getType(fieldName) {
     return this.fieldNameCollector.get(fieldName);
   }
-  getValueByField(fieldName) {
-    const _field = this.formModel.query(fieldName).take();
+  getValueByField(formModel, fieldName) {
+    const _field = formModel.query(fieldName).take();
     return isField(_field) ? _field.value : null;
   }
-  getValueByType(type) {
+  getValueByType(formModel, type) {
     const field = this.getField(type);
-    return field ? this.getValueByField(field.val_key) : null;
+    return field ? this.getValueByField(formModel, field.val_key) : null;
   }
-  setValueByType(type, value) {
+  setValueByType(formModel, type, value) {
     const field = this.getField(type);
-    field && this.formModel.setFieldState(field.val_key, (state) => {
+    field && formModel.setFieldState(field.val_key, (state) => {
       if (state.value === value)
         return;
       const lock = this.typeLockMap.get(type);
@@ -55,11 +53,7 @@ class BusinessCollector {
     this.changeHandlerMap.set(type, handler);
     return this;
   }
-  registerBlurBusiness(type, handler) {
-    this.blurHandlerMap.set(type, handler);
-    return this;
-  }
-  trigger(fieldName, triggerType = "change") {
+  trigger(formModel, fieldName, triggerType = "change") {
     var _a;
     const type = this.getType(fieldName);
     if (!type)
@@ -67,10 +61,10 @@ class BusinessCollector {
     if (triggerType === "change" && this.typeLockMap.get(type) > 0) {
       return this.typeLockMap.set(type, this.typeLockMap.get(type) - 1);
     }
-    const handler = triggerType === "change" ? this.changeHandlerMap : triggerType === "blur" ? this.blurHandlerMap : null;
+    const handler = triggerType === "change" ? this.changeHandlerMap : null;
     if (!handler)
       return;
-    (_a = handler.get(type)) == null ? void 0 : _a.call(this);
+    (_a = handler.get(type)) == null ? void 0 : _a.call(this, formModel);
   }
 }
 function useBusinessBinding() {
@@ -79,37 +73,45 @@ function useBusinessBinding() {
     const birthdayField = this.getField(FIELD_BUSINESS_TYPE.BIRTHDAY);
     return (_a = birthdayField == null ? void 0 : birthdayField.date_format) != null ? _a : "yyyy-MM-dd HH:mm";
   }
-  function handlerIdCardType() {
-    const idCard = this.getValueByType(FIELD_BUSINESS_TYPE.ID_CARD);
+  function handlerIdCardType(formModel) {
+    const idCard = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.ID_CARD);
     if (!idCard || !isString(idCard) || !isIdCard(idCard)) {
       return;
     }
     const info = parseIdCard(idCard);
     const { age, ageUnit } = parseAgeFromContext(info);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
-    this.setValueByType(FIELD_BUSINESS_TYPE.SEX, info.sex);
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, format(new Date(info.birthday), getBirthdayFormat.call(this)));
-  }
-  function handlerBirthdayType() {
-    const birthday = this.getValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.SEX, info.sex);
+    this.setValueByType(
+      formModel,
+      FIELD_BUSINESS_TYPE.BIRTHDAY,
+      format(new Date(info.birthday), getBirthdayFormat.call(this))
+    );
+  }
+  function handlerBirthdayType(formModel) {
+    const birthday = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.BIRTHDAY);
     if (!isString(birthday))
       return;
     const { age, ageUnit } = parseAgeFromContext(parseBirthday(birthday));
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
-    this.setValueByType(FIELD_BUSINESS_TYPE.AGE, age);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT, ageUnit);
+    this.setValueByType(formModel, FIELD_BUSINESS_TYPE.AGE, age);
   }
-  function handlerAgeType() {
-    const age = this.getValueByType(FIELD_BUSINESS_TYPE.AGE);
-    const ageUnit = this.getValueByType(FIELD_BUSINESS_TYPE.AGE_UNIT);
+  function handlerAgeType(formModel) {
+    const age = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.AGE);
+    const ageUnit = this.getValueByType(formModel, FIELD_BUSINESS_TYPE.AGE_UNIT);
     if (!isString(age) && !isNumber(age) || age === "")
       return;
     if (!isString(ageUnit) || ageUnit === "")
       return;
-    this.setValueByType(FIELD_BUSINESS_TYPE.BIRTHDAY, parseAge2Birthday(+age, ageUnit, getBirthdayFormat.call(this)));
-  }
-  function create(formModel, formatter) {
-    return new BusinessCollector(formModel, formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);
+    this.setValueByType(
+      formModel,
+      FIELD_BUSINESS_TYPE.BIRTHDAY,
+      parseAge2Birthday(+age, ageUnit, getBirthdayFormat.call(this))
+    );
+  }
+  function create(formatter) {
+    return new BusinessCollector(formatter).registerChangeBusiness(FIELD_BUSINESS_TYPE.ID_CARD, handlerIdCardType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE_UNIT, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.AGE, handlerAgeType).registerChangeBusiness(FIELD_BUSINESS_TYPE.BIRTHDAY, handlerBirthdayType);
   }
   return { create };
 }

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

@@ -30,12 +30,7 @@ function useFieldListAdaptor(collector) {
       "x-component-props": {
         placeholder: item.placeholder,
         clearable: item.is_empty === "0",
-        ...item.componentProps || {},
-        onBlur(...args) {
-          var _a2, _b;
-          collector.trigger(item.val_key, "blur");
-          (_b = (_a2 = item.componentProps) == null ? void 0 : _a2.onBlur) == null ? void 0 : _b.call(_a2, ...args);
-        }
+        ...item.componentProps || {}
       },
       "x-content": item.slots,
       "x-display": item.is_show === "0" ? "hidden" : "visible",
@@ -180,6 +175,7 @@ function useFieldListAdaptor(collector) {
       type: "void",
       title: item.alias || item.name,
       "x-component": "LINEBAR",
+      "x-display": "visible",
       "x-component-props": {
         disabled: item.is_not_fold === "1",
         id: createLinebarId(item.val_key),

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

@@ -1,8 +1,7 @@
 import { Func } from '../../../../../es/shared/types';
-import { Form } from '@formily/core';
 import { ShallowReactive } from 'vue';
 import { FormRenderProps } from '../../../../../es/components/form-render';
-export declare function useFormContext(props: ShallowReactive<FormRenderProps>, formModel: Form, emit: Func): {
+export declare function useFormContext(props: ShallowReactive<FormRenderProps>, emit: Func): {
     asyncQueue: import("../../../../../es/components/form-render").FormAsyncQueue;
     SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     businessCollector: import("../../../../../es/components/form-render").BusinessCollector;

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

@@ -14,7 +14,7 @@ import { useBusinessBinding } from './useBusinessBinding.js';
 import { useChangeContext } from './useChangeContext.js';
 import { useFormItemDeps } from './useFormItemDeps.js';
 
-function useFormContext(props, formModel, emit) {
+function useFormContext(props, emit) {
   const { callLifeCycle } = useFormRenderLifeCycle(props);
   const asyncQueue = injectOrProvide(
     InjectionAsyncQueue,
@@ -34,7 +34,7 @@ function useFormContext(props, formModel, emit) {
       scope: Object.assign({}, usePresetScope(), props.scope)
     }).SchemaField
   );
-  const businessCollector = useBusinessBinding().create(formModel, props.businessFormatter);
+  const businessCollector = useBusinessBinding().create(props.businessFormatter);
   provide(InjectionBusinessCollector, businessCollector);
   const changeContextCollector = useChangeContext().create();
   provide(InjectionChangeContextCollector, changeContextCollector);

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

@@ -2,7 +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 const searchContentMatcher: (searchContent: string, label: string) => string[] | null;
 export declare function useRecommendOptions(props: {
     recommend: boolean;
     commonList?: RecommendItem[];

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

@@ -1,6 +1,6 @@
 import { checkInSetupEnv, jsonParse } from '../../../../shared/utils/index.js';
-import { useDebounceFn } from '@vueuse/core';
-import { isString, isEqual, omit, isFunction } from 'lodash-es';
+import { useMemoize, useDebounceFn } from '@vueuse/core';
+import { identity, isString, isEqual, omit, isFunction } from 'lodash-es';
 import { computed, inject, ref, watch } from 'vue';
 import '../../index.js';
 import { InjectionAsyncQueue, InjectionFormItemDepsCollector } from '../constants/index.js';
@@ -21,39 +21,43 @@ function createPropRef(props, key) {
     }
   });
 }
-const optionMatcherCache = /* @__PURE__ */ new WeakMap();
-const searchContentMatcherCache = /* @__PURE__ */ new Map();
+const searchContentMatcher = (() => {
+  const cache = /* @__PURE__ */ new Map();
+  const getRegexp = useMemoize(
+    (searchContent) => {
+      return new RegExp(
+        `(.*)${searchContent.split("").map((char) => `(${char})`).join("(.*)")}(.*)`
+      );
+    },
+    { getKey: identity }
+  );
+  return (searchContent, label) => {
+    const cacheObj = cache.get(searchContent) || {};
+    cache.set(searchContent, cacheObj);
+    if (Reflect.has(cacheObj, label))
+      return cacheObj[label];
+    return cacheObj[label] = label.match(getRegexp(searchContent));
+  };
+})();
 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);
+    const matched = searchContentMatcher(searchContent.value, label);
+    if (matched)
       return true;
-    }
-    return keywordMatcher(label, option.keyword);
+    return keywordMatcher(searchContent.value, option.keyword);
   }
   function optionSearchFilter(options, _labelKey) {
     if (!searchContent.value)
       return options;
     return options.filter((option) => filter(option, _labelKey));
   }
-  return { searchContent, searchContentMatcher, optionSearchFilter };
+  return { searchContent, optionSearchFilter };
 }
 function useRecommendOptions(props, options, emit, labelKey, valueKey) {
   const commonListRef = createPropRef(props, "commonList");
@@ -271,4 +275,4 @@ function useAutographOptions(props, valueRef) {
   return { labelKey, valueKey, options, fetchData };
 }
 
-export { optionMatcherCache, useAutographOptions, useRecommendOptions, useUrlConfigOptions };
+export { searchContentMatcher, useAutographOptions, useRecommendOptions, useUrlConfigOptions };

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

@@ -192,7 +192,7 @@ export declare type FieldItem = {
      */
     is_not_fold: string;
     /**
-     * linebar控件中的备注
+     * 控件中的备注
      */
     remark: string;
     /**

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: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}
+.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;font-size:15px;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}

package/es/components/form-render/test/basic-config.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/es/components/form-render/test/renderer.spec.d.ts

@@ -0,0 +1 @@
+export {};