cnhis-design-vue 3.1.16-beta.0 → 3.1.16-beta.11

package/es/packages/form-render/src/FormRender.vue.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="lodash" />
 import { AnyObject } from '../../../../es/src/types';
 import { Component, FunctionalComponent, nextTick, PropType } from 'vue';
-import { FieldItem, FieldVisitor, FormBusinessFilter } from './types';
+import { FieldItem, FieldVisitor, FormBusinessFormatter } from './types';
 declare const _default: import("vue").DefineComponent<{
     fieldList: {
         type: PropType<FieldItem[]>;
@@ -29,6 +29,9 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    businessFormatter: {
+        type: PropType<FormBusinessFormatter>;
+    };
     schema: {
         type: PropType<import("@formily/vue").Stringify<{
             [key: symbol]: any;
@@ -92,9 +95,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | FunctionalComponent<{}, {}>>>;
         default: () => {};
     };
-    businessFilter: {
-        type: PropType<FormBusinessFilter>;
-    };
     scope: {
         type: PropType<AnyObject>;
         default: () => {};
@@ -144,6 +144,9 @@ declare const _default: import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        businessFormatter: {
+            type: PropType<FormBusinessFormatter>;
+        };
         schema: {
             type: PropType<import("@formily/vue").Stringify<{
                 [key: symbol]: any;
@@ -207,9 +210,6 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | FunctionalComponent<{}, {}>>>;
             default: () => {};
         };
-        businessFilter: {
-            type: PropType<FormBusinessFilter>;
-        };
         scope: {
             type: PropType<AnyObject>;
             default: () => {};
@@ -236,14 +236,12 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "formChange", ...args: any[]) => void;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
+    formModel: import("@formily/core").Form<any>;
     SchemaField: Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     businessCollector: import("./hooks").BusinessCollector;
     formItemDepsCollector: import("./hooks").FormItemDepsCollector;
     changeContextCollector: import("./hooks").ContextCollector;
     formUUID: string;
-    formModel: import("@formily/core").Form<{
-        [x: string]: any;
-    }>;
     scrollbarRef: import("vue").Ref<HTMLElement | undefined>;
     schemaAdaptor: (fieldList: FieldItem[]) => Record<string, import("@formily/vue").Stringify<{
         [key: symbol]: any;
@@ -759,7 +757,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: "bar";
         };
         readonly closable: BooleanConstructor;
-        readonly justifyContent: PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+        readonly justifyContent: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
         readonly size: {
             readonly type: PropType<"small" | "medium" | "large">;
             readonly default: "medium";
@@ -1035,7 +1033,7 @@ declare const _default: import("vue").DefineComponent<{
         addTabFixed: import("vue").Ref<boolean>;
         tabWrapperStyle: import("vue").ComputedRef<{
             display: string;
-            justifyContent: "center" | "start" | "end" | "space-around" | "space-between" | "space-evenly";
+            justifyContent: "start" | "end" | "space-around" | "space-between" | "space-evenly" | "center";
         } | undefined>;
         handleNavResize: import("lodash").DebouncedFunc<(entry: ResizeObserverEntry) => void>;
         mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -1091,7 +1089,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: "bar";
         };
         readonly closable: BooleanConstructor;
-        readonly justifyContent: PropType<"center" | "start" | "end" | "space-around" | "space-between" | "space-evenly">;
+        readonly justifyContent: PropType<"start" | "end" | "space-around" | "space-between" | "space-evenly" | "center">;
         readonly size: {
             readonly type: PropType<"small" | "medium" | "large">;
             readonly default: "medium";
@@ -1646,6 +1644,9 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    businessFormatter: {
+        type: PropType<FormBusinessFormatter>;
+    };
     schema: {
         type: PropType<import("@formily/vue").Stringify<{
             [key: symbol]: any;
@@ -1709,9 +1710,6 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Record<string, Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | FunctionalComponent<{}, {}>>>;
         default: () => {};
     };
-    businessFilter: {
-        type: PropType<FormBusinessFilter>;
-    };
     scope: {
         type: PropType<AnyObject>;
         default: () => {};

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

@@ -1,17 +1,6 @@
-import { AnyObject, ArrayAble, Func } from '../../../../../../es/src/types';
-import { FormRequestType } from '../../types';
+import { AnyObject, Func } from '../../../../../../es/src/types';
+import { UrlConfig } from '../../../../../../es/packages/form-render';
 import { PropType } from 'vue';
-declare type DependKeyObj = {
-    paramName: string;
-    paramValue: string;
-};
-declare type UrlConfig = {
-    method?: FormRequestType;
-    nameKey?: string;
-    valueKey?: string;
-    dependKey?: ArrayAble<string> | Record<string, string> | ArrayAble<DependKeyObj>;
-    url: string;
-};
 export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
     options: {
         type: PropType<AnyObject[]>;
@@ -51,4 +40,3 @@ export declare const SEARCH_CASCADE: import("vue").DefineComponent<{
 }, {
     options: AnyObject[];
 }>;
-export {};

package/es/packages/form-render/src/components/renderer/cascader.js

@@ -3,10 +3,10 @@ import { isField } from '@formily/core';
 import { isEqual } from 'lodash-es';
 import { useCommonInjection } from '../../../../../packages/form-render/src/hooks/useCommonInjection';
 import { InjectAsyncQueue } from '../../constants/index.js';
-import { assignUpdateValue, traverseDependKey } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NCascader } from 'naive-ui';
 import { useFormField } from '../../hooks/useFormField.js';
+import { assignUpdateValue, traverseDependKey } from '../../utils/schema.js';
 
 const script = defineComponent({
   name: "FormCascader",
@@ -46,7 +46,7 @@ const script = defineComponent({
       var _a, _b;
       return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
     });
-    const _value = computed(() => {
+    const valueRef = computed(() => {
       try {
         const parsed = Array.isArray(props.value) ? props.value : JSON.parse(props.value || "");
         if (!Array.isArray(parsed) || !parsed.length)
@@ -158,7 +158,7 @@ const script = defineComponent({
         "checkStrategy": "child",
         "show": !!show.value,
         "onUpdate:show": updateShow,
-        "value": _value.value,
+        "value": valueRef.value,
         "onUpdate:value": updateValue,
         "labelField": labelKey.value,
         "valueField": valueKey.value,

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

@@ -1,7 +1,7 @@
 import { defineComponent, createVNode } from 'vue';
-import { assignUpdateValue } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NCheckboxGroup, NSpace, NCheckbox } from 'naive-ui';
+import { assignUpdateValue } from '../../utils/schema.js';
 
 const script = defineComponent({
   name: "FormCheckbox",

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

@@ -3,11 +3,12 @@ import { isField } from '@formily/core';
 import { Path } from '@formily/path';
 import { isNumber, isEqual } from 'lodash-es';
 import { useDeepValidate } from '../../../../../../packages/form-render/src/components/renderer/combination/hooks/useDeepValidate';
-import { assignUpdateValue, mergeDeepProperties, formRenderLog } from '../../../utils/index.js';
+import { mergeDeepProperties, formRenderLog } from '../../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { useDebounceFn, isObject } from '@vueuse/core';
 import { NButton } from 'naive-ui';
 import FormRender from '../../../FormRender.js';
+import { assignUpdateValue } from '../../../utils/schema.js';
 
 const script = defineComponent({
   name: "FormCombination",

package/es/packages/form-render/src/components/renderer/complex.js

@@ -1,6 +1,6 @@
 import { defineComponent, createVNode } from 'vue';
 import { connect, mapProps } from '@formily/vue';
-import { assignUpdateValue } from '../../utils/index.js';
+import { assignUpdateValue } from '../../utils/schema.js';
 
 const script = defineComponent({
   props: {

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

@@ -1,7 +1,9 @@
 import { PropType } from 'vue';
 export declare const DATE: import("vue").DefineComponent<{
     onChange: {};
-    value: {};
+    value: {
+        type: StringConstructor;
+    };
     validate: {
         type: PropType<Partial<{
             [key: string]: any;
@@ -16,9 +18,15 @@ export declare const DATE: import("vue").DefineComponent<{
             regular_error_tip: string;
         }>>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     onChange: {};
-    value: {};
+    value: {
+        type: StringConstructor;
+    };
     validate: {
         type: PropType<Partial<{
             [key: string]: any;
@@ -33,4 +41,12 @@ export declare const DATE: import("vue").DefineComponent<{
             regular_error_tip: string;
         }>>;
     };
-}>>, {}>;
+    valueFormat: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    valueFormat: string;
+}>;

package/es/packages/form-render/src/components/renderer/date.js

@@ -1,19 +1,29 @@
-import { defineComponent, computed, createVNode } from 'vue';
-import { isField } from '@formily/core';
+import { defineComponent, computed, watch, createVNode, mergeProps } from 'vue';
 import { connect, mapProps } from '@formily/vue';
 import { isObject } from '@vueuse/core';
+import { format } from 'date-fns';
 import { NDatePicker } from 'naive-ui';
 import { useCommonInjection } from '../../../../../packages/form-render/src/hooks/useCommonInjection';
+import { assignUpdateValue } from '../../../../../packages/form-render/src/utils';
 
 const script = defineComponent({
   props: {
     onChange: {},
-    value: {},
+    value: {
+      type: String
+    },
     validate: {
       type: Object
+    },
+    valueFormat: {
+      type: String,
+      default: "yyyy-MM-dd"
     }
   },
-  setup(props) {
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
     useCommonInjection().injectValueValidate(() => props.value);
     function minCurrentDate() {
       var _a;
@@ -56,7 +66,9 @@ const script = defineComponent({
       }
     }
     const validateConfig = computed(() => {
-      const result = {};
+      const result = {
+        valueFormat: props.valueFormat
+      };
       if (isObject(props.validate)) {
         const {
           min_date,
@@ -69,22 +81,26 @@ const script = defineComponent({
       }
       return result;
     });
-    return () => createVNode(NDatePicker, validateConfig.value, null);
-  }
-});
-const DATE = connect(script, mapProps((props, field) => {
-  const _props = {
-    ...props
-  };
-  if (isField(field)) {
-    Object.assign(_props, {
-      "formatted-value": field.value,
-      "onUpdate:formatted-value"(v) {
-        field.setValue(v);
-      }
+    function formatDate(value) {
+      if (!value)
+        return value;
+      return format(new Date(value), props.valueFormat);
+    }
+    watch(() => props.value, (value) => {
+      if (!value || formatDate(value) === value)
+        return;
+      emit("update:value", formatDate(value));
+    });
+    const valueRef = computed({
+      get: () => formatDate(props.value),
+      set: (value) => emit("update:value", value)
     });
+    return () => createVNode(NDatePicker, mergeProps(validateConfig.value, {
+      "formatted-value": valueRef.value,
+      "onUpdate:formatted-value": ($event) => valueRef.value = $event
+    }), null);
   }
-  return _props;
-}));
+});
+const DATE = connect(script, mapProps(assignUpdateValue));
 
 export { DATE };

package/es/packages/form-render/src/components/renderer/input.js

@@ -1,7 +1,8 @@
 import { defineComponent, createVNode } from 'vue';
-import { createInputSlot, assignUpdateValue } from '../../utils/index.js';
+import { createInputSlot } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInput } from 'naive-ui';
+import { assignUpdateValue } from '../../utils/schema.js';
 
 const script = defineComponent({
   name: "FormInput",

package/es/packages/form-render/src/components/renderer/inputNumber.js

@@ -1,7 +1,8 @@
 import { defineComponent, createVNode } from 'vue';
-import { createInputSlot, assignUpdateValue } from '../../utils/index.js';
+import { createInputSlot } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInputNumber } from 'naive-ui';
+import { assignUpdateValue } from '../../utils/schema.js';
 
 const script = defineComponent({
   props: {

package/es/packages/form-render/src/components/renderer/linebar.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, inject, createVNode } from 'vue';
+import { defineComponent, ref, inject, createVNode } from 'vue';
 import { connect, mapProps } from '@formily/vue';
 import { NDivider, NCollapseTransition } from 'naive-ui';
 import { useFormField } from '../../../../../packages/form-render';
@@ -28,9 +28,6 @@ const script = defineComponent({
     slots
   }) {
     const _show = ref(props.show);
-    onMounted(() => {
-      _show.value = props.show;
-    });
     function toggleShow() {
       if (props.disabled)
         return;

package/es/packages/form-render/src/components/renderer/radio.js

@@ -2,7 +2,7 @@ import { defineComponent, computed, createVNode } from 'vue';
 import { connect, mapProps } from '@formily/vue';
 import { isNumber } from 'lodash-es';
 import { NRadioGroup, NSpace, NRadio } from 'naive-ui';
-import { assignUpdateValue } from '../../utils/index.js';
+import { assignUpdateValue } from '../../utils/schema.js';
 
 const script = defineComponent({
   props: {

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

@@ -1,14 +1,6 @@
 import { AnyObject, Func } from '../../../../../../es/src/types';
-import { FormRequestType } from '../../types';
+import { UrlConfig } from '../../types';
 import { PropType } from 'vue';
-declare type UrlConfig = {
-    method: FormRequestType;
-    dependKey?: string | string[];
-    nameKey: string;
-    url: string;
-    params?: AnyObject;
-    valueKey: string;
-};
 export declare const SELECT: import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
@@ -53,4 +45,3 @@ export declare const SELECT: import("vue").DefineComponent<{
     options: AnyObject[];
     lazyRequest: boolean;
 }>;
-export {};

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

@@ -1,12 +1,13 @@
-import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
+import { defineComponent, computed, ref, inject, nextTick, watch, createVNode } from 'vue';
 import { isField } from '@formily/core';
-import { isEqual, cloneDeep } from 'lodash-es';
+import { cloneDeep, isEqual, isString } from 'lodash-es';
 import { useCommonInjection } from '../../../../../packages/form-render/src/hooks/useCommonInjection';
-import { InjectionChangeContextCollector, InjectAsyncQueue, InjectionFormItemDepsCollector } from '../../constants/index.js';
-import { assignUpdateValue, traverseDependKey } from '../../utils/index.js';
+import { InjectAsyncQueue, InjectionChangeContextCollector, InjectionFormItemDepsCollector } from '../../constants/index.js';
+import { formRenderLog } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NSelect } from 'naive-ui';
 import { useFormField } from '../../hooks/useFormField.js';
+import { assignUpdateValue, traverseDependKey } from '../../utils/schema.js';
 
 const script = defineComponent({
   name: "FormSelect",
@@ -35,6 +36,10 @@ const script = defineComponent({
     slots,
     emit
   }) {
+    const valueRef = computed({
+      get: () => props.value,
+      set: (v) => emit("update:value", v)
+    });
     const remoteOptions = ref(null);
     const lastSearch = ref("");
     const labelKey = computed(() => {
@@ -45,11 +50,6 @@ const script = defineComponent({
       var _a, _b;
       return (_b = (_a = props.urlConfig) == null ? void 0 : _a.valueKey) != null ? _b : "value";
     });
-    const changeContextCollector = inject(InjectionChangeContextCollector);
-    function update(v, option) {
-      changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, "currentOption", cloneDeep(option));
-      emit("update:value", v);
-    }
     const {
       field,
       fieldKey
@@ -62,9 +62,11 @@ const script = defineComponent({
       }
       if (remoteOptions.value)
         return;
-      remoteOptions.value = await asyncQueue.addAsync({
-        ...await createParams(configFor(props), field.value, fieldKey.value)
-      });
+      try {
+        remoteOptions.value = await asyncQueue.addAsync(await createParams(configFor(props), field.value, fieldKey.value));
+      } catch (e) {
+        isString(e) && formRenderLog(e, "warn");
+      }
       async function createParams(config, field2, key) {
         const _params = {};
         try {
@@ -102,6 +104,13 @@ const script = defineComponent({
         });
       }
     });
+    const changeContextCollector = inject(InjectionChangeContextCollector);
+    changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, async () => {
+      await nextTick();
+      return {
+        currentOption: cloneDeep(parsedOptions.value.find((option) => option[valueKey.value] === valueRef.value))
+      };
+    });
     const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
     watch(() => props.urlConfig, (config, oldConfig) => {
       if (isEqual(config, oldConfig))
@@ -114,7 +123,7 @@ const script = defineComponent({
         emit("update:value", null);
         !props.lazyRequest && await fetchData();
       });
-      (props.value || !props.lazyRequest) && fetchData();
+      (valueRef.value || !props.lazyRequest) && fetchData();
     }, {
       immediate: true
     });
@@ -122,8 +131,8 @@ const script = defineComponent({
       injectValueValidate,
       injectValueWatchFromEmpty
     } = useCommonInjection();
-    injectValueWatchFromEmpty(() => props.value, fetchData);
-    injectValueValidate(() => props.value);
+    injectValueWatchFromEmpty(valueRef, fetchData);
+    injectValueValidate(valueRef);
     function focusDecorator(onFocus) {
       return (...args) => {
         if (isField(field.value)) {
@@ -135,8 +144,8 @@ const script = defineComponent({
     return () => createVNode(NSelect, {
       "remote": true,
       "filterable": true,
-      "value": props.value,
-      "onUpdate:value": update,
+      "value": valueRef.value,
+      "onUpdate:value": ($event) => valueRef.value = $event,
       "labelField": labelKey.value,
       "valueField": valueKey.value,
       "options": parsedOptions.value,