cnhis-design-vue 3.1.24-beta.1 → 3.1.24-beta.3

package/es/components/big-table/src/components/edit-form/edit-input.js

@@ -63,7 +63,9 @@ var EditInput = defineComponent({
     };
     function keyup(event) {
       if (event.key == "Enter") {
-        onBlur();
+        setTimeout(() => {
+          onBlur();
+        }, 100);
       }
     }
     watch(() => attrs.value, (value) => {

package/es/components/form-config/index.d.ts

@@ -970,6 +970,7 @@ declare const FormConfig: SFCWithInstall<import("vue").DefineComponent<{
             } | undefined;
             suffixConfig?: any | any[] | undefined;
             autograph?: string | undefined;
+            defined_error_msg?: string | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("..").FormRenderer | Record<string, import("..").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;

package/es/components/form-config/src/FormConfig.vue.d.ts

@@ -972,6 +972,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
             suffixConfig?: any | any[] | undefined;
             autograph?: string | undefined;
+            defined_error_msg?: string | undefined;
             fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
             content?: string | import("../..").FormRenderer | Record<string, import("../..").FormRenderer> | undefined;
             lazyRequest?: boolean | undefined;

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -101,6 +101,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         } | undefined;
         suffixConfig?: any | any[] | undefined;
         autograph?: string | undefined;
+        defined_error_msg?: string | undefined;
         fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
         content?: string | import("../../../../../es/components/form-render").FormRenderer | Record<string, import("../../../../../es/components/form-render").FormRenderer> | undefined;
         lazyRequest?: boolean | undefined;

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

@@ -8,7 +8,7 @@ export { useFormField } from './src/hooks/useFormField.js';
 export { AsyncQueue, useAsyncQueue } from './src/hooks/useAsyncQueue.js';
 export { useFieldVisitor } from './src/hooks/useFieldVisitor.js';
 export { useFieldNormalize } from './src/hooks/useFieldNormalize.js';
-export { useFormValidator } from './src/hooks/useFormValidator.js';
+export { useFormValidator, validateMessageLocale } from './src/hooks/useFormValidator.js';
 export { BusinessCollector, useBusinessBinding } from './src/hooks/useBusinessBinding.js';
 export { ContextCollector, useChangeContext } from './src/hooks/useChangeContext.js';
 export { FormItemDepsCollector, useFormItemDeps } from './src/hooks/useFormItemDeps.js';

package/es/components/form-render/src/FormRender.js

@@ -22,6 +22,7 @@ import '../../../shared/utils/tapable/AsyncSeriesHook.js';
 import '../../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import { validateMessageLocale } from './hooks/useFormValidator.js';
 import '@vueuse/core';
 import { useAnchor } from './hooks/useAnchor.js';
 import { useFormContext } from './hooks/useFormContext.js';
@@ -62,6 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose, emit }) {
     const props = __props;
     const { nuiThemeOverrides } = useNuiThemeOverrides();
+    validateMessageLocale();
     useFormRenderLifeCycle(props).callLifeCycle("onSetup");
     const formModel = createForm({
       initialValues: props.initialData,
@@ -151,7 +153,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return formModel.getFormState().values;
       },
       setFieldState(path, handler) {
-        formModel.setFieldState(path, handler);
+        formModel.setFieldState(path, (state) => {
+          handler(
+            new Proxy(state, {
+              get(target, key, receiver) {
+                return Reflect.get(target, key, receiver);
+              },
+              set(target, key, value, receiver) {
+                return Reflect.set(target, key, value, receiver);
+              }
+            })
+          );
+        });
       },
       resetFields(path = "*") {
         formModel.reset(path);

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

@@ -1,10 +1,11 @@
 import { defineComponent, inject, computed, createVNode } from 'vue';
 import { isVoidField } from '@formily/core';
 import { useField, connect, mapProps } from '@formily/vue';
+import { isString } from 'lodash-es';
 import { NFormItem } from 'naive-ui';
 import Annotation from '../../../../annotation-edit/index.js';
 import { InjectionAnnotation, InjectionFormUUID } from '../../constants/index.js';
-import '../../utils/index.js';
+import { validateMessageParser } from '../../utils/index.js';
 import { dotEscape } from '../../utils/schema.js';
 
 const script = defineComponent({
@@ -65,9 +66,10 @@ const script = defineComponent({
 const FORM_ITEM = connect(script, mapProps({
   title: "label"
 }, (props, field) => {
-  const feedback = !isVoidField(field) ? field.selfErrors.length ? field.selfErrors.join(",") : void 0 : void 0;
+  const feedback = !isVoidField(field) ? field.selfErrors.length ? parseFeedback(field.selfErrors, props.fieldItem) : void 0 : void 0;
   return {
     ...props,
+    fieldItem: void 0,
     required: isVoidField(field) ? void 0 : field.required,
     class: "form-render__formItem",
     style: {
@@ -77,5 +79,11 @@ const FORM_ITEM = connect(script, mapProps({
     "validation-status": feedback ? "error" : void 0
   };
 }));
+function parseFeedback(selfErrors, fieldItem) {
+  if (!isString(fieldItem.defined_error_msg) || !fieldItem.defined_error_msg) {
+    return selfErrors.map((message) => validateMessageParser(message, fieldItem)).join(",");
+  }
+  return validateMessageParser(fieldItem.defined_error_msg, fieldItem);
+}
 
 export { FORM_ITEM };

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

@@ -1,20 +1,3 @@
-export * from './input';
-export * from './select';
-export * from './formItem';
-export * from './textarea';
-export * from './inputNumber';
-export * from './lineBar';
-export * from './inputGroup';
-export * from './date';
-export * from './levelSearchCascade';
-export * from './jsonCombination';
-export * from './combination';
-export * from './checkbox';
-export * from './switch';
-export * from './radio';
-export * from './labelSelect';
-export * from './slider';
-export * from './complex';
-export * from './simpleComponent';
-export * from './search';
-export * from './searchCascade';
+import { Component } from 'vue';
+declare const exportModules: Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+export default exportModules;

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

@@ -1,20 +1,49 @@
-export { INPUT } from './input.js';
-export { SELECT } from './select.js';
-export { FORM_ITEM } from './formItem.js';
-export { TEXTAREA } from './textarea.js';
-export { INPUT_NUMBER } from './inputNumber.js';
-export { LINEBAR } from './lineBar/index.js';
-export { INPUT_GROUP } from './inputGroup.js';
-export { DATE } from './date.js';
-export { LEVEL_SEARCH_CASCADE } from './levelSearchCascade.js';
-export { JSON_COMBINATION } from './jsonCombination/index.js';
-export { COMBINATION } from './combination.js';
-export { CHECKBOX } from './checkbox.js';
-export { SWITCH } from './switch.js';
-export { RADIO } from './radio.js';
-export { LABEL } from './labelSelect.js';
-export { SLIDER } from './slider.js';
-export { COMPLEX } from './complex.js';
-export { BUTTON, LINE_BREAKS, TEXT } from './simpleComponent.js';
-export { SEARCH } from './search.js';
-export { SEARCH_CASCADE } from './searchCascade.js';
+import * as checkbox from './checkbox.js';
+import * as combination from './combination.js';
+import * as complex from './complex.js';
+import * as date from './date.js';
+import * as formItem from './formItem.js';
+import * as input from './input.js';
+import * as inputGroup from './inputGroup.js';
+import * as inputNumber from './inputNumber.js';
+import * as index from './jsonCombination/index.js';
+import * as labelSelect from './labelSelect.js';
+import * as levelSearchCascade from './levelSearchCascade.js';
+import * as index$1 from './lineBar/index.js';
+import * as radio from './radio.js';
+import * as search from './search.js';
+import * as searchCascade from './searchCascade.js';
+import * as select from './select.js';
+import * as simpleComponent from './simpleComponent.js';
+import * as slider from './slider.js';
+import * as _switch from './switch.js';
+import * as textarea from './textarea.js';
+
+const modules = Object.assign({
+  "./checkbox.tsx": checkbox,
+  "./combination.tsx": combination,
+  "./complex.tsx": complex,
+  "./date.tsx": date,
+  "./formItem.tsx": formItem,
+  "./input.tsx": input,
+  "./inputGroup.ts": inputGroup,
+  "./inputNumber.tsx": inputNumber,
+  "./jsonCombination/index.tsx": index,
+  "./labelSelect.tsx": labelSelect,
+  "./levelSearchCascade.tsx": levelSearchCascade,
+  "./lineBar/index.ts": index$1,
+  "./radio.tsx": radio,
+  "./search.tsx": search,
+  "./searchCascade.tsx": searchCascade,
+  "./select.tsx": select,
+  "./simpleComponent.tsx": simpleComponent,
+  "./slider.tsx": slider,
+  "./switch.tsx": _switch,
+  "./textarea.tsx": textarea
+});
+const exportModules = Object.values(modules).reduce((result, m) => {
+  Object.assign(result, m);
+  return result;
+}, {});
+
+export { exportModules as default };

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

@@ -7,8 +7,8 @@ import { formRenderLog } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import SearchCascader from '../../../../search-cascader/index.js';
 import script$1 from '../../../../../shared/components/no-data/NoData.js';
-import { useFormField } from '../../hooks/useFormField.js';
 import { visitedDecorator, assignUpdateValue } from '../../utils/schema.js';
+import { useFormField } from '../../hooks/useFormField.js';
 import { useFormRequest } from '../../hooks/useFormRequest.js';
 
 const script = defineComponent({

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

@@ -18,28 +18,11 @@ import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import '../../hooks/useFormValidator.js';
 import '@formily/core';
 import '@vue/shared';
 import { connect, mapProps } from '@formily/vue';
-import './input.js';
-import './select.js';
-import './formItem.js';
-import './textarea.js';
-import './inputNumber.js';
-import './lineBar/index.js';
-import './inputGroup.js';
-import './date.js';
-import './levelSearchCascade.js';
-import './jsonCombination/index.js';
-import './combination.js';
-import './checkbox.js';
-import './switch.js';
-import './radio.js';
-import './labelSelect.js';
-import './slider.js';
-import './complex.js';
-import './simpleComponent.js';
-import './searchCascade.js';
+import './index.js';
 import { NSelect } from 'naive-ui';
 import { visitedDecorator, assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
 

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

@@ -18,27 +18,10 @@ import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import '../../hooks/useFormValidator.js';
 import '@vue/shared';
 import { connect, mapProps } from '@formily/vue';
-import './input.js';
-import './select.js';
-import './formItem.js';
-import './textarea.js';
-import './inputNumber.js';
-import './lineBar/index.js';
-import './inputGroup.js';
-import './date.js';
-import './levelSearchCascade.js';
-import './jsonCombination/index.js';
-import './combination.js';
-import './checkbox.js';
-import './switch.js';
-import './radio.js';
-import './labelSelect.js';
-import './slider.js';
-import './complex.js';
-import './simpleComponent.js';
-import './search.js';
+import './index.js';
 import { NCascader } from 'naive-ui';
 import { assignUpdateValue, traverseDependKey } from '../../utils/schema.js';
 

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

@@ -18,27 +18,10 @@ import '../../../../../shared/utils/tapable/AsyncSeriesHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesBailHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js';
 import '../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js';
+import '../../hooks/useFormValidator.js';
 import '@vue/shared';
 import { connect, mapProps } from '@formily/vue';
-import './input.js';
-import './formItem.js';
-import './textarea.js';
-import './inputNumber.js';
-import './lineBar/index.js';
-import './inputGroup.js';
-import './date.js';
-import './levelSearchCascade.js';
-import './jsonCombination/index.js';
-import './combination.js';
-import './checkbox.js';
-import './switch.js';
-import './radio.js';
-import './labelSelect.js';
-import './slider.js';
-import './complex.js';
-import './simpleComponent.js';
-import './search.js';
-import './searchCascade.js';
+import './index.js';
 import { NSelect } from 'naive-ui';
 import { traverseDependKey, visitedDecorator, assignUpdateValue, assignClearBindVisited } from '../../utils/schema.js';
 

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

@@ -5,7 +5,7 @@ export { useFormField } from './useFormField.js';
 export { AsyncQueue, useAsyncQueue } from './useAsyncQueue.js';
 export { useFieldVisitor } from './useFieldVisitor.js';
 export { useFieldNormalize } from './useFieldNormalize.js';
-export { useFormValidator } from './useFormValidator.js';
+export { useFormValidator, validateMessageLocale } from './useFormValidator.js';
 export { BusinessCollector, useBusinessBinding } from './useBusinessBinding.js';
 export { ContextCollector, useChangeContext } from './useChangeContext.js';
 export { FormItemDepsCollector, useFormItemDeps } from './useFormItemDeps.js';

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

@@ -1,6 +1,6 @@
-import { arrayed } from '../../../../shared/utils/index.js';
+import { arrayed, deepOmit } from '../../../../shared/utils/index.js';
 import { isObject } from '@vueuse/core';
-import { cloneDeep, omit, pick } from 'lodash-es';
+import { cloneDeep, pick } from 'lodash-es';
 import '../../index.js';
 import { parseNumberFromMaybeString, formRenderLog } from '../utils/index.js';
 import { useFieldNormalize } from './useFieldNormalize.js';
@@ -35,9 +35,13 @@ function useFieldListAdaptor(collector) {
       result["x-reactions"] = item.reactions;
     }
     if (!item.noDecorator) {
+      if (JSON.stringify(item).includes("$deps")) {
+        console.log(item);
+      }
       Object.assign(result, {
         "x-decorator": "FORM_ITEM",
         "x-decorator-props": {
+          fieldItem: deepOmit(item, ["reactions"]),
           span: item.elem_width,
           showLabel: item.hide_title !== "1",
           propertyKey: item.val_key,
@@ -171,7 +175,7 @@ function useFieldListAdaptor(collector) {
   const createCustomSchema = (item) => {
     const schema = createStandardSchema(item);
     Object.assign(schema["x-component-props"], {
-      fieldItem: omit(item, ["reactions"])
+      fieldItem: deepOmit(item, ["reactions"])
     });
     return schema;
   };

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

@@ -4,7 +4,7 @@ import { cloneDeep } from 'lodash-es';
 import { provide, computed, readonly } from 'vue';
 import { createSchemaField } from '@formily/vue';
 import '../../index.js';
-import * as index from '../components/renderer/index.js';
+import exportModules from '../components/renderer/index.js';
 import { useFormRenderLifeCycle } from './useFormRenderLifeCycle.js';
 import { usePresetScope } from './usePresetScope.js';
 import { injectOrProvide, presetRequestHandler } from '../utils/index.js';
@@ -30,7 +30,7 @@ function useFormContext(props, formModel) {
   const SchemaField = injectOrProvide(
     InjectionSchemaField,
     () => createSchemaField({
-      components: { ...index, ...props.components },
+      components: { ...exportModules, ...props.components },
       scope: Object.assign({}, usePresetScope(), props.scope)
     }).SchemaField
   );

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

@@ -3,3 +3,4 @@ import { FieldItem } from '../types';
 export declare function useFormValidator(): {
     createValidatorSchema: (fieldItem: FieldItem) => AnyObject[];
 };
+export declare const validateMessageLocale: () => void;

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

@@ -1,7 +1,8 @@
 import { arrayed } from '../../../../shared/utils/index.js';
-import { isString } from 'lodash-es';
+import { once, isString } from 'lodash-es';
 import '../utils/index.js';
 import { isFunction } from '@vueuse/core';
+import { registerValidateLocale } from '@formily/core';
 import { isIdCard } from '../utils/business.js';
 
 function useFormValidator() {
@@ -42,7 +43,11 @@ function useFormValidator() {
   };
   function createValidatorSchema(fieldItem) {
     const rules = [];
-    const { validate: { vali_obj, max_length, message, max_value, min_value, decimal_length } = {}, validator } = fieldItem;
+    const {
+      defined_error_msg,
+      validate: { vali_obj, max_length, min_length, message, max_value, min_value, decimal_length } = {},
+      validator
+    } = fieldItem;
     if (validator) {
       arrayed(validator).forEach((f) => {
         if (!isFunction(f))
@@ -52,6 +57,8 @@ function useFormValidator() {
     }
     if (max_length)
       rules.push({ max: max_length, message });
+    if (min_length)
+      rules.push({ min: min_length, message });
     if (max_value)
       rules.push({ maximum: max_value, message });
     if (min_value)
@@ -66,5 +73,12 @@ function useFormValidator() {
   }
   return { createValidatorSchema };
 }
+const validateMessageLocale = once(() => {
+  registerValidateLocale({
+    "zh-CN": {
+      required: "${alias}\u4E3A\u5FC5\u586B"
+    }
+  });
+});
 
-export { useFormValidator };
+export { useFormValidator, validateMessageLocale };

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

@@ -177,6 +177,10 @@ export declare type FieldItem = {
      * 数据源签名
      */
     autograph: string;
+    /**
+     * 合并错误信息
+     */
+    defined_error_msg: string;
     /**
      * 数据类型
      */

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

@@ -16,3 +16,4 @@ export declare function presetRequestHandler(res: unknown): any;
 export declare function optionMatcher(options: AnyObject[], input: Nullable<string>, key: string, matcherOption?: {
     keyword?: string;
 }): AnyObject[];
+export declare function validateMessageParser(message: string, fieldItem: Omit<FieldItem, 'reactions'>): string;

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

@@ -124,5 +124,14 @@ function optionMatcher(options, input, key, matcherOption = {
     return option[key];
   }
 }
+function validateMessageParser(message, fieldItem) {
+  if (!isString(message) || !message)
+    return "";
+  return message.replace(/\$\{([^}]*)}/g, replacer);
+  function replacer(_, property) {
+    var _a;
+    return (_a = fieldItem[property.trim()]) != null ? _a : "";
+  }
+}
 
-export { createInputSlot, createSlot, formRenderLog, injectOrProvide, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler };
+export { createInputSlot, createSlot, formRenderLog, injectOrProvide, mergeDeepProperties, optionMatcher, parseNumberFromMaybeString, presetRequestHandler, validateMessageParser };