cnhis-design-vue 3.1.16-beta.5 → 3.1.16-beta.8

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

@@ -76,16 +76,16 @@ declare const _default: import("vue").DefineComponent<{}, {
         date_format?: string | undefined;
         step_length?: string | number | undefined;
         urlConfig?: {
-            url?: string | undefined;
-            method?: "delete" | "post" | "get" | "patch" | "put" | undefined;
+            url: string;
+            method?: import("../../../../../es/packages/form-render").FormRequestType | undefined;
+            nameKey?: string | undefined;
+            valueKey?: string | undefined;
+            params?: AnyObject | undefined;
             dependKey?: string | Record<string, string> | (string | {
                 paramName: string;
                 paramValue?: string | undefined;
                 required?: boolean | undefined;
             })[] | undefined;
-            params?: AnyObject | undefined;
-            nameKey?: string | undefined;
-            valueKey?: string | undefined;
         } | undefined;
         suffixConfig?: any | any[] | undefined;
         fieldType?: import("@formily/json-schema").SchemaTypes | undefined;
@@ -3616,6 +3616,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: NumberConstructor;
             default: number;
         };
+        businessFormatter: {
+            type: import("vue").PropType<import("../../../../../es/packages/form-render").FormBusinessFormatter>;
+        };
         schema: {
             type: import("vue").PropType<import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
@@ -3728,6 +3731,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                 type: NumberConstructor;
                 default: number;
             };
+            businessFormatter: {
+                type: import("vue").PropType<import("../../../../../es/packages/form-render").FormBusinessFormatter>;
+            };
             schema: {
                 type: import("vue").PropType<import("@formily/json-schema").Stringify<{
                     [key: symbol]: any;
@@ -3817,9 +3823,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }>>;
         emit: (event: "formChange", ...args: any[]) => void;
         nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-        formModel: import("@formily/core").Form<{
-            [x: string]: any;
-        }>;
+        formModel: import("@formily/core").Form<any>;
         SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
         businessCollector: import("../../../../../es/packages/form-render").BusinessCollector;
         formItemDepsCollector: import("../../../../../es/packages/form-render").FormItemDepsCollector;
@@ -5227,6 +5231,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: NumberConstructor;
             default: number;
         };
+        businessFormatter: {
+            type: import("vue").PropType<import("../../../../../es/packages/form-render").FormBusinessFormatter>;
+        };
         schema: {
             type: import("vue").PropType<import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;

package/es/packages/form-config/src/hooks/useSortable.d.ts

@@ -1,3 +1,4 @@
+import Sortable from 'sortablejs';
 export declare function useSortable(): {
     commonConfig: {
         onMove: ({ to, from }: Sortable.SortableEvent) => void;

package/es/packages/form-render/index.d.ts

@@ -29,6 +29,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    businessFormatter: {
+        type: import("vue").PropType<import("./src/types").FormBusinessFormatter>;
+    };
     schema: {
         type: import("vue").PropType<import("@formily/json-schema").Stringify<{
             [key: symbol]: any;
@@ -141,6 +144,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
             type: NumberConstructor;
             default: number;
         };
+        businessFormatter: {
+            type: import("vue").PropType<import("./src/types").FormBusinessFormatter>;
+        };
         schema: {
             type: import("vue").PropType<import("@formily/json-schema").Stringify<{
                 [key: symbol]: any;
@@ -230,9 +236,7 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
     }>>;
     emit: (event: "formChange", ...args: any[]) => void;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-    formModel: import("@formily/core").Form<{
-        [x: string]: any;
-    }>;
+    formModel: import("@formily/core").Form<any>;
     SchemaField: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
     businessCollector: import("./src/hooks").BusinessCollector;
     formItemDepsCollector: import("./src/hooks").FormItemDepsCollector;
@@ -1640,6 +1644,9 @@ declare const FormRender: SFCWithInstall<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    businessFormatter: {
+        type: import("vue").PropType<import("./src/types").FormBusinessFormatter>;
+    };
     schema: {
         type: import("vue").PropType<import("@formily/json-schema").Stringify<{
             [key: symbol]: any;

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

@@ -30,6 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxHeight: { type: [Number, String], default: "" },
     anchor: { type: Boolean, default: false },
     parallelism: { type: Number, default: 3 },
+    businessFormatter: { type: Function },
     schema: { type: Object },
     components: {
       type: Object,

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 } 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;
@@ -141,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;
@@ -230,9 +236,7 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emit: (event: "formChange", ...args: any[]) => void;
     nuiThemeOverrides: import("naive-ui").GlobalThemeOverrides;
-    formModel: import("@formily/core").Form<{
-        [x: string]: any;
-    }>;
+    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;
@@ -1640,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;

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

@@ -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/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/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,8 +1,9 @@
 import { defineComponent, computed, ref, inject, nextTick, watch, createVNode } from 'vue';
 import { isField } from '@formily/core';
-import { isEqual } from 'lodash-es';
+import { cloneDeep, isEqual, isString } from 'lodash-es';
 import { useCommonInjection } from '../../../../../packages/form-render/src/hooks/useCommonInjection';
 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';
@@ -61,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 {
@@ -105,7 +108,7 @@ const script = defineComponent({
     changeContextCollector == null ? void 0 : changeContextCollector.setContext(fieldKey.value, async () => {
       await nextTick();
       return {
-        currentOption: parsedOptions.value.find((option) => option[valueKey.value] === props.value)
+        currentOption: cloneDeep(parsedOptions.value.find((option) => option[valueKey.value] === valueRef.value))
       };
     });
     const formItemDepsCollector = inject(InjectionFormItemDepsCollector);
@@ -120,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
     });
@@ -128,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)) {