cnhis-design-vue 3.1.18-beta.0 → 3.1.18-beta.5

package/es/components/big-table/src/BigTable.vue.d.ts

@@ -1247,9 +1247,7 @@ declare const _default: import("vue").DefineComponent<{
                 textColorTextHoverPrimary: string;
                 textColorTextPressedPrimary: string;
                 textColorTextFocusPrimary: string;
-                textColorTextDisabledPrimary: string; /**
-                 * tsx渲染表格
-                 */
+                textColorTextDisabledPrimary: string;
                 textColorGhostPrimary: string;
                 textColorGhostHoverPrimary: string;
                 textColorGhostPressedPrimary: string;
@@ -1328,7 +1326,6 @@ declare const _default: import("vue").DefineComponent<{
                 textColorTextPressedWarning: string;
                 textColorTextFocusWarning: string;
                 textColorTextDisabledWarning: string;
-                /** string */
                 textColorGhostWarning: string;
                 textColorGhostHoverWarning: string;
                 textColorGhostPressedWarning: string;

package/es/components/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -1318,8 +1318,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handlerClickRow = (data) => {
       var _a;
-      if (((_a = attr.checkboxConfig) == null ? void 0 : _a.trigger) === "default")
+      let {
+        row,
+        $event = {},
+        $rowIndex
+      } = data;
+      if (((_a = attr.checkboxConfig) == null ? void 0 : _a.trigger) === "default") {
+        emit("handlerClickRow", row, $rowIndex);
         return false;
+      }
       if (isScanMultiTable.value || props.isInlineOperating)
         return false;
       if (XEUtils.has(data == null ? void 0 : data.row, GROUP_TITLE_KEY))
@@ -1328,11 +1335,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         return false;
       let table = xGrid.value;
       isAboutNestTable.value && emit("resetNestLastClickTable", table);
-      let {
-        row,
-        $event = {},
-        $rowIndex
-      } = data;
       let {
         className,
         tagName

package/es/components/field-set/src/FieldSet.js

@@ -36,15 +36,15 @@ const _hoisted_18 = /* @__PURE__ */ createElementVNode("span", {
 const _hoisted_19 = /* @__PURE__ */ createElementVNode("span", null, "\u62D6\u62FD\u8C03\u6574\u987A\u5E8F", -1);
 const _hoisted_20 = /* @__PURE__ */ createElementVNode("span", { style: { "width": "14px", "margin-right": "6px" } }, null, -1);
 const _hoisted_21 = { class: "width-show" };
-const _hoisted_22 = { class: "width-show" };
-const _hoisted_23 = {
+const _hoisted_22 = {
   key: 0,
   class: "width-show"
 };
-const _hoisted_24 = {
+const _hoisted_23 = {
   key: 1,
   class: "width-show"
 };
+const _hoisted_24 = { class: "width-show" };
 const _hoisted_25 = { class: "width-showed" };
 const _hoisted_26 = { class: "width-word" };
 const _hoisted_27 = { class: "width-showed" };
@@ -86,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       columnName: "name",
       isShow: "show",
       isSort: "sort",
-      isFixed: "fixedShow",
+      isFixed: "fixedWay",
       colWidth: "columnWidth"
     };
     const selectOptions = [
@@ -110,11 +110,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         result.forEach((item) => {
           if (props.type == "old") {
             if (Reflect.has(item, key)) {
-              item[fieldsMapping[key]] = item[key];
+              if (key == "isFixed") {
+                item["fixedWay"] = item[key] == 1 ? "LEFT" : item[key] == 2 ? "RIGHT" : "NONE";
+              } else {
+                item[fieldsMapping[key]] = item[key];
+              }
               Reflect.deleteProperty(item, key);
             }
           }
-          item.columnWidth = Number(item.columnWidth);
+          item.columnWidth = +item.columnWidth;
+          if (!Reflect.has(item, "alias")) {
+            item.alias = "";
+          }
         });
       });
       return result;
@@ -151,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               visible: item.show,
               sequence: i,
               sortable: item.sort,
-              title: item.alias || item.title,
+              title: item.alias,
               fixed: item.fixedWay,
               minWidth: item.columnWidth,
               ...props.isEdit ? {
@@ -317,18 +324,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             [vShow, element.id != "0001"]
                           ])
                         ]),
-                        createCommentVNode(" \u6392\u5E8F "),
-                        createElementVNode("span", _hoisted_22, [
-                          withDirectives(createVNode(unref(NCheckbox), {
-                            checked: element.sort,
-                            "onUpdate:checked": ($event) => element.sort = $event,
-                            disabled: element.notParticipatingSort == 1
-                          }, null, 8, ["checked", "onUpdate:checked", "disabled"]), [
-                            [vShow, element.id != "0001"]
-                          ])
-                        ]),
                         createCommentVNode(" \u662F\u5426\u53EF\u7F16\u8F91 "),
-                        __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_23, [
+                        __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_22, [
                           withDirectives(createVNode(unref(NCheckbox), {
                             checked: element.editable,
                             "onUpdate:checked": ($event) => element.editable = $event
@@ -337,7 +334,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           ])
                         ])) : createCommentVNode("v-if", true),
                         createCommentVNode(" \u662F\u5426\u5FC5\u586B "),
-                        __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_24, [
+                        __props.isEdit ? (openBlock(), createElementBlock("span", _hoisted_23, [
                           withDirectives(createVNode(unref(NCheckbox), {
                             checked: element.required,
                             "onUpdate:checked": ($event) => element.required = $event
@@ -345,6 +342,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             [vShow, element.id != "0001"]
                           ])
                         ])) : createCommentVNode("v-if", true),
+                        createCommentVNode(" \u6392\u5E8F "),
+                        createElementVNode("span", _hoisted_24, [
+                          withDirectives(createVNode(unref(NCheckbox), {
+                            checked: element.sort,
+                            "onUpdate:checked": ($event) => element.sort = $event,
+                            disabled: element.notParticipatingSort == 1
+                          }, null, 8, ["checked", "onUpdate:checked", "disabled"]), [
+                            [vShow, element.id != "0001"]
+                          ])
+                        ]),
                         createCommentVNode(" \u56FA\u5B9A "),
                         createElementVNode("span", _hoisted_25, [
                           createVNode(unref(NSelect), {

package/es/components/form-config/src/FormConfig.js

@@ -3,12 +3,12 @@ import { cloneDeep, isFunction } from 'lodash-es';
 import { NButton } from 'naive-ui';
 import Draggable from 'vuedraggable';
 import FormConfigCreator from './components/FormConfigCreator.js';
-import FormConfigEdit from './components/FormConfigEdit.js';
 import FormConfigDragDisplay from './components/FormConfigDragDisplay.js';
-import '@vicons/ionicons5';
+import FormConfigEdit from './components/FormConfigEdit.js';
+import { layoutWidthEnum2Column } from './utils/index.js';
 import { InjectionFieldList, InjectionMaterialList, InjectionActiveFieldItem } from './constants/index.js';
+import '@vicons/ionicons5';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-import { layoutWidthEnum2Column } from './utils/index.js';
 import { useSortableConfig } from './hooks/useSortalbeConfig.js';
 
 const _hoisted_1 = { class: "form-config__material" };
@@ -94,9 +94,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("section", _hoisted_3, [
           createElementVNode("header", _hoisted_4, [
             _hoisted_5,
-            createVNode(unref(FormConfigCreator), { onSubmit: addItem })
+            createVNode(FormConfigCreator, { onSubmit: addItem })
           ]),
-          createVNode(unref(FormConfigDragDisplay), {
+          createVNode(FormConfigDragDisplay, {
             class: "form-config__displayContent",
             "text-formatter": parsedTextFormatter,
             modelValue: fieldListRef.value,
@@ -106,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createElementVNode("section", _hoisted_6, [
           _hoisted_7,
           createElementVNode("section", _hoisted_8, [
-            createVNode(unref(FormConfigEdit), {
+            createVNode(FormConfigEdit, {
               ref_key: "formConfigEditRef",
               ref: formConfigEditRef
             }, null, 512)

package/es/components/form-config/src/components/FormConfigEdit.js

@@ -1,13 +1,13 @@
 import { defineComponent, ref, inject, watch, toRaw, openBlock, createElementBlock, Fragment, createBlock, unref, createVNode, nextTick } from 'vue';
 import { cloneDeep } from 'lodash-es';
 import { InjectionActiveFieldItem } from '../constants/index.js';
-import { NModal } from 'naive-ui';
-import { useConfigurationField } from '../hooks/useConfigurationField.js';
-import '../../../index.js';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 import 'vuedraggable';
 import '../utils/index.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 import '@vicons/ionicons5';
+import { NModal } from 'naive-ui';
+import { useConfigurationField } from '../hooks/useConfigurationField.js';
+import '../../../index.js';
 import FormRender from '../../../form-render/index.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/components/form-config/src/components/renderer/ComplexNode.js

@@ -1,12 +1,9 @@
 import { defineComponent, inject, computed, openBlock, createElementBlock, createElementVNode, mergeProps, unref, withModifiers, createTextVNode, toDisplayString, createVNode } from 'vue';
-import 'lodash-es';
-import 'naive-ui';
-import { InjectionActiveFieldItem } from '../../constants/index.js';
-import '../../../../index.js';
-import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 import FormConfigDragDisplay from '../FormConfigDragDisplay.js';
 import CloseButton from './CloseButton.js';
+import { InjectionActiveFieldItem } from '../../constants/index.js';
 import { bindHover } from '../../utils/index.js';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = { class: "form-config__renderer--complex form-config__renderer" };
 const _hoisted_2 = ["onClick"];
@@ -32,9 +29,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(active, ["stop"])
         }), [
           createTextVNode(toDisplayString(props.fieldItem.name) + " ", 1),
-          createVNode(unref(CloseButton), { "field-item": __props.fieldItem }, null, 8, ["field-item"])
+          createVNode(CloseButton, { "field-item": __props.fieldItem }, null, 8, ["field-item"])
         ], 16, _hoisted_2),
-        createVNode(unref(FormConfigDragDisplay), mergeProps(_ctx.$props, {
+        createVNode(FormConfigDragDisplay, mergeProps(_ctx.$props, {
           modelValue: __props.fieldItem.children,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.fieldItem.children = $event),
           class: "form-config__renderer--complex--grid"

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

@@ -28,6 +28,109 @@ declare const _default: import("vue").DefineComponent<{
     headerClassList: import("vue").ComputedRef<(string | {
         'is-active': boolean;
     })[]>;
+    FormConfigDragDisplay: import("vue").DefineComponent<{
+        fieldItem: {
+            type: PropType<FormConfigItem>;
+        };
+        textFormatter: {
+            type: PropType<FormConfigTextFormatter>;
+            required: true;
+        };
+    }, {
+        getItemColumnStyle: (fieldItem?: FormConfigItem | undefined) => {
+            '--item-column': number;
+        };
+        getRenderer: (fieldItem: FormConfigItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
+        getCommonConfig: () => {
+            onMove: ({ to, from }: import("sortablejs").SortableEvent) => void;
+            onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
+            onUnchoose: ({ from, to, target, item }: import("sortablejs").SortableEvent) => void;
+            tag: string;
+            animation: string;
+            'item-key': string;
+        };
+        Draggable: import("vue").DefineComponent<{
+            list: {
+                type: ArrayConstructor;
+                required: boolean;
+                default: any;
+            };
+            modelValue: {
+                type: ArrayConstructor;
+                required: boolean;
+                default: any;
+            };
+            itemKey: {
+                type: (StringConstructor | FunctionConstructor)[];
+                required: boolean;
+            };
+            clone: {
+                type: FunctionConstructor;
+                default: (original: any) => any;
+            };
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            move: {
+                type: FunctionConstructor;
+                default: any;
+            };
+            componentData: {
+                type: ObjectConstructor;
+                required: boolean;
+                default: any;
+            };
+        }, unknown, {
+            error: boolean;
+        }, {
+            realList(): any;
+            getKey(): any;
+        }, {
+            getUnderlyingVm(domElement: any): any;
+            getUnderlyingPotencialDraggableComponent(htmElement: any): any;
+            emitChanges(evt: any): void;
+            alterList(onList: any): void;
+            spliceList(): void;
+            updatePosition(oldIndex: any, newIndex: any): void;
+            getRelatedContextFromMoveEvent({ to, related }: {
+                to: any;
+                related: any;
+            }): any;
+            getVmIndexFromDomIndex(domIndex: any): any;
+            onDragStart(evt: any): void;
+            onDragAdd(evt: any): void;
+            onDragRemove(evt: any): void;
+            onDragUpdate(evt: any): void;
+            computeFutureIndex(relatedContext: any, evt: any): any;
+            onDragMove(evt: any, originalEvent: any): any;
+            onDragEnd(): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+            move: Function;
+            tag: string;
+            clone: Function;
+            list: unknown[];
+            modelValue: unknown[];
+            componentData: Record<string, any>;
+        } & {
+            itemKey?: string | Function | undefined;
+        }>, {
+            move: Function;
+            tag: string;
+            clone: Function;
+            list: unknown[];
+            modelValue: unknown[];
+            componentData: Record<string, any>;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        fieldItem: {
+            type: PropType<FormConfigItem>;
+        };
+        textFormatter: {
+            type: PropType<FormConfigTextFormatter>;
+            required: true;
+        };
+    }>>, {}>;
     CloseButton: import("vue").DefineComponent<{
         fieldItem: {
             type: PropType<FormConfigItem>;
@@ -1524,109 +1627,6 @@ declare const _default: import("vue").DefineComponent<{
             required: true;
         };
     }>>, {}>;
-    FormConfigDragDisplay: import("vue").DefineComponent<{
-        fieldItem: {
-            type: PropType<FormConfigItem>;
-        };
-        textFormatter: {
-            type: PropType<FormConfigTextFormatter>;
-            required: true;
-        };
-    }, {
-        getItemColumnStyle: (fieldItem?: FormConfigItem | undefined) => {
-            '--item-column': number;
-        };
-        getRenderer: (fieldItem: FormConfigItem) => import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("vue").FunctionalComponent<{}, {}>;
-        getCommonConfig: () => {
-            onMove: ({ to, from }: import("sortablejs").SortableEvent) => void;
-            onChoose: ({ target, item }: import("sortablejs").SortableEvent) => void;
-            onUnchoose: ({ from, to, target, item }: import("sortablejs").SortableEvent) => void;
-            tag: string;
-            animation: string;
-            'item-key': string;
-        };
-        Draggable: import("vue").DefineComponent<{
-            list: {
-                type: ArrayConstructor;
-                required: boolean;
-                default: any;
-            };
-            modelValue: {
-                type: ArrayConstructor;
-                required: boolean;
-                default: any;
-            };
-            itemKey: {
-                type: (StringConstructor | FunctionConstructor)[];
-                required: boolean;
-            };
-            clone: {
-                type: FunctionConstructor;
-                default: (original: any) => any;
-            };
-            tag: {
-                type: StringConstructor;
-                default: string;
-            };
-            move: {
-                type: FunctionConstructor;
-                default: any;
-            };
-            componentData: {
-                type: ObjectConstructor;
-                required: boolean;
-                default: any;
-            };
-        }, unknown, {
-            error: boolean;
-        }, {
-            realList(): any;
-            getKey(): any;
-        }, {
-            getUnderlyingVm(domElement: any): any;
-            getUnderlyingPotencialDraggableComponent(htmElement: any): any;
-            emitChanges(evt: any): void;
-            alterList(onList: any): void;
-            spliceList(): void;
-            updatePosition(oldIndex: any, newIndex: any): void;
-            getRelatedContextFromMoveEvent({ to, related }: {
-                to: any;
-                related: any;
-            }): any;
-            getVmIndexFromDomIndex(domIndex: any): any;
-            onDragStart(evt: any): void;
-            onDragAdd(evt: any): void;
-            onDragRemove(evt: any): void;
-            onDragUpdate(evt: any): void;
-            computeFutureIndex(relatedContext: any, evt: any): any;
-            onDragMove(evt: any, originalEvent: any): any;
-            onDragEnd(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any[], any, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-            move: Function;
-            tag: string;
-            clone: Function;
-            list: unknown[];
-            modelValue: unknown[];
-            componentData: Record<string, any>;
-        } & {
-            itemKey?: string | Function | undefined;
-        }>, {
-            move: Function;
-            tag: string;
-            clone: Function;
-            list: unknown[];
-            modelValue: unknown[];
-            componentData: Record<string, any>;
-        }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        fieldItem: {
-            type: PropType<FormConfigItem>;
-        };
-        textFormatter: {
-            type: PropType<FormConfigTextFormatter>;
-            required: true;
-        };
-    }>>, {}>;
     bindHover: typeof bindHover;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     fieldItem: {

package/es/components/form-config/src/components/renderer/DefaultNode.js

@@ -1,12 +1,9 @@
 import { defineComponent, inject, computed, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString } from 'vue';
 import { NButton, NEllipsis } from 'naive-ui';
-import 'lodash-es';
+import CloseButton from './CloseButton.js';
 import { InjectionActiveFieldItem, WidgetTextMap } from '../../constants/index.js';
-import '../../../../index.js';
-import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
-import 'vuedraggable';
 import { bindHover } from '../../utils/index.js';
-import CloseButton from './CloseButton.js';
+import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DefaultNode",
@@ -50,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["class"]),
-          createVNode(unref(CloseButton), { "field-item": __props.fieldItem }, null, 8, ["field-item"])
+          createVNode(CloseButton, { "field-item": __props.fieldItem }, null, 8, ["field-item"])
         ]),
         _: 1
       }, 16, ["secondary", "dashed", "onClick", "class"]);

package/es/components/form-config/src/hooks/usePresetRenderer.js

@@ -1,10 +1,5 @@
 import { isString, isArray, isFunction } from 'lodash-es';
 import { computed } from 'vue';
-import 'naive-ui';
-import '../../../index.js';
-import 'vuedraggable';
-import '../utils/index.js';
-import '@vicons/ionicons5';
 import ComplexNode from '../components/renderer/ComplexNode.js';
 import DefaultNode from '../components/renderer/DefaultNode.js';
 

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

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, withCtx, createElementBlock, createVNode, isRef, Fragment, renderList, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, nextTick } from 'vue';
-import { createForm, onFieldValueChange, isField } from '@formily/core';
+import { createForm, onFieldValueChange } from '@formily/core';
 import { FormProvider, FormConsumer } from '@formily/vue';
 import { isObject } from '@vue/shared';
 import { cloneDeep, isArray } from 'lodash-es';
@@ -146,17 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         formModel.setFieldState(path, handler);
       },
       resetFields(path = "*") {
-        formModel.setFieldState(path, (field) => {
-          var _a;
-          if (isField(field)) {
-            field.modified = false;
-            field.visited = false;
-            field.feedbacks = [];
-            field.selfModified = false;
-            field.caches = {};
-            field.value = (_a = field.initialValue) != null ? _a : null;
-          }
-        });
+        formModel.reset(path);
       },
       async queryWidget(key) {
         return scrollbarRef.value ? await queryWidget(key, scrollbarRef.value, props.fieldList || []) : null;

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

@@ -8,7 +8,7 @@ import '../../../index.js';
 import '@formily/path';
 import '@vue/shared';
 import 'date-fns';
-import { assignUpdateValue, traverseDependKey } from '../../utils/schema.js';
+import { assignUpdateValue, assignValueBindKey, traverseDependKey } from '../../utils/schema.js';
 import { useFormField } from '../../hooks/useFormField.js';
 import '../../../../../shared/utils/tapable/SyncHook.js';
 import '../../../../../shared/utils/tapable/SyncBailHook.js';
@@ -203,6 +203,6 @@ const script = defineComponent({
 });
 const SEARCH_CASCADE = connect(script, mapProps({
   dataSource: "options"
-}, assignUpdateValue));
+}, assignUpdateValue, assignValueBindKey));
 
 export { SEARCH_CASCADE };

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

@@ -3,7 +3,7 @@ import '@formily/path';
 import '@vue/shared';
 import 'lodash-es';
 import 'date-fns';
-import { assignUpdateValue } from '../../utils/schema.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
 import { connect, mapProps } from '@formily/vue';
 import { NCheckboxGroup, NSpace, NCheckbox } from 'naive-ui';
 
@@ -40,6 +40,6 @@ const script = defineComponent({
 });
 const CHECKBOX = connect(script, mapProps({
   dataSource: "options"
-}, assignUpdateValue));
+}, assignUpdateValue, assignValueBindKey));
 
 export { CHECKBOX };

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

@@ -1,5 +1,5 @@
-import { defineComponent, ref, computed, inject, createVNode } from 'vue';
-import { isNumber } from 'lodash-es';
+import { defineComponent, ref, computed, watch, inject, createVNode } from 'vue';
+import { isNumber, isArray } from 'lodash-es';
 import '../../../index.js';
 import { useField, RecursionField, connect } from '@formily/vue';
 import { NButton, NIcon } from 'naive-ui';
@@ -43,6 +43,13 @@ const script = defineComponent({
         return 0;
       return ~~props.maxGroupNum;
     });
+    watch(() => props.value, (value) => {
+      if (!isArray(value))
+        return;
+      currentGroupNum.value = Math.min(Math.max(value.length, 1), maxGroupNum.value);
+    }, {
+      immediate: true
+    });
     function addGroup() {
       currentGroupNum.value++;
     }

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

@@ -8,7 +8,7 @@ import { useCommonInjection } from '../../hooks/useCommonInjection.js';
 import '@formily/path';
 import '@vue/shared';
 import 'lodash-es';
-import { assignUpdateValue } from '../../utils/schema.js';
+import { assignUpdateValue, assignValueBindKey } from '../../utils/schema.js';
 
 const script = defineComponent({
   props: {
@@ -112,6 +112,6 @@ const script = defineComponent({
     }), null);
   }
 });
-const DATE = connect(script, mapProps(assignUpdateValue));
+const DATE = connect(script, mapProps(assignUpdateValue, assignValueBindKey));
 
 export { DATE };

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

@@ -1,15 +1,23 @@
 export declare const INPUT: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+    };
     prefix: {
         type: StringConstructor;
     };
     suffix: {
         type: StringConstructor;
     };
-}, () => 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<{
+}, () => 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<{
+    value: {
+        type: StringConstructor;
+    };
     prefix: {
         type: StringConstructor;
     };
     suffix: {
         type: StringConstructor;
     };
-}>>, {}>;
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {}>;

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

@@ -1,4 +1,5 @@
-import { defineComponent, createVNode } from 'vue';
+import { defineComponent, computed, createVNode } from 'vue';
+import { useCommonInjection } from '../../hooks/useCommonInjection.js';
 import { createInputSlot } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { NInput } from 'naive-ui';
@@ -7,6 +8,9 @@ import { assignUpdateValue } from '../../utils/schema.js';
 const script = defineComponent({
   name: "FormInput",
   props: {
+    value: {
+      type: String
+    },
     prefix: {
       type: String
     },
@@ -14,10 +18,22 @@ const script = defineComponent({
       type: String
     }
   },
-  setup(props) {
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = computed({
+      get: () => props.value,
+      set: (v) => emit("update:value", v)
+    });
+    const key = useCommonInjection().injectValueBindKey(valueRef);
     const _slots = createInputSlot(props);
     return () => {
-      return createVNode(NInput, null, _slots.value);
+      return createVNode(NInput, {
+        "key": key.value,
+        "value": valueRef.value,
+        "onUpdate:value": ($event) => valueRef.value = $event
+      }, _slots.value);
     };
   }
 });