cnhis-design-vue 3.1.15-beta.0 → 3.1.15-beta.3

package/es/packages/fabric-chart/src/hooks/useCenter.js

@@ -8,6 +8,18 @@ import { TEMPERATURE_MENU, PAIN_MENU } from './constant.js';
 function isEffectiveNode(node) {
   return (node == null ? void 0 : node.time) && ((node == null ? void 0 : node.value) || (node == null ? void 0 : node.value) === 0);
 }
+function getPointArr(arr) {
+  let _arr = [];
+  return arr.reduce((pre, cur, index) => {
+    var _a, _b;
+    _arr.push([cur.left, cur.top]);
+    if (((_b = (_a = cur.origin) == null ? void 0 : _a.data) == null ? void 0 : _b.breakpoint) || arr.length - 1 === index) {
+      pre.push(_arr);
+      _arr = [];
+    }
+    return pre;
+  }, []);
+}
 function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, getYValue, addRenderItem) {
   useGrid(canvas, propItems);
   const {
@@ -36,6 +48,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     target: null
   });
   const shadowLinesCache = /* @__PURE__ */ new Set();
+  let shadowPointCache = [];
   const maiboPoints = /* @__PURE__ */ new Set();
   const otherPoints = /* @__PURE__ */ new Set();
   const prevLines = /* @__PURE__ */ new Set();
@@ -45,7 +58,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     });
   });
   function init() {
-    drawShaDow();
+    shadowPointCache = [];
     maiboPoints.clear();
     otherPoints.clear();
     prevLines.clear();
@@ -55,6 +68,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         drawPolyLine(item, dataIndex, scaleValue);
       });
     });
+    drawShaDow();
     drawOverlapPoint();
     setCanvasEvent();
   }
@@ -67,89 +81,34 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     canvas.value.renderAll();
   }
   function drawShaDow(target) {
-    var _a, _b;
+    var _a;
     const pulseObj = left.yScaleValue.find((item) => item.type === "pulse");
     if (!pulseObj || !((_a = pulseObj.dataList) == null ? void 0 : _a.length))
       return;
     if (shadowLinesCache.size)
       canvas.value.remove(...shadowLinesCache);
     shadowLinesCache.clear();
-    const data = [];
-    if (((_b = pulseObj.dataList) == null ? void 0 : _b.length) > 1) {
-      let points1 = [];
-      let points2 = [];
-      const copyDataList = JSON.parse(JSON.stringify(pulseObj.dataList));
+    if (shadowPointCache.length > 1) {
       if (target) {
         const { type, dataIndex, index } = target.origin || {};
         if (type === "pulse") {
-          Object.assign(copyDataList[dataIndex].list[index], {
-            x: target.left,
-            y: target.top
-          });
+          shadowPointCache[dataIndex].splice(index, 1, target);
         }
       }
-      const [data1, data2] = copyDataList;
-      const getPoint = (item) => {
-        if (item.x && item.y) {
-          return {
-            x: item.x,
-            y: item.y
-          };
-        }
-        const point = getPointer(item, pulseObj);
-        if (point == null ? void 0 : point.length) {
-          return {
-            x: point[0],
-            y: point[1]
-          };
-        }
-      };
-      data1.list.forEach((item, index) => {
-        const point1 = getPoint(item);
-        const item2 = data2.list[index];
-        const point2 = item2 ? getPoint(item2) : null;
-        if (point1 && point2 && point1.x === point2.x && point1.y !== point2.y) {
-          points1.push(point1);
-          points2.push(point2);
-          const itemPrev = data1.list[index - 1];
-          const itemNext = data1.list[index + 1];
-          const itemNext2 = data2.list[index + 1];
-          if (itemPrev && points1.length === 1) {
-            const point = getPoint(itemPrev);
-            point && points1.unshift(point);
-          }
-          if (itemNext && itemNext2) {
-            const pointNext = getPoint(itemNext);
-            const pointNext2 = getPoint(itemNext2);
-            if (pointNext && pointNext2 && pointNext.x === pointNext2.x && pointNext.y === pointNext2.y) {
-              points1.push(pointNext);
-            }
-          } else {
-            data.push({ points1, points2 });
-          }
-        } else {
-          if (points1.length && points2.length) {
-            data.push({ points1, points2 });
-            points1 = [];
-            points2 = [];
-          }
-        }
-      });
-    }
-    if (data.length) {
-      const newData = data.reduce((pre, cur) => {
-        const arr1 = cur.points1.map((v) => [v.x, v.y]);
-        const arr2 = cur.points2.map((v) => [v.x, v.y]);
-        return pre.concat([[...arr1, ...arr2.reverse()]]);
-      }, []);
+      const [data1, data2] = shadowPointCache;
+      if (!data1.length || !data2.length)
+        return;
+      const points1 = getPointArr(data1);
+      const points2 = getPointArr(data2);
+      const data = points1.reduce((pre, cur, index) => pre.concat([[...cur, ...points2[index].reverse()]]), []);
       const { createShadowLines } = useShadow();
-      newData.forEach((item) => {
-        var _a2, _b2, _c, _d;
+      data.forEach((item) => {
+        var _a2, _b, _c, _d;
         if (((_a2 = pulseObj.shadow) == null ? void 0 : _a2.mode) == "color") {
           const points = item.map((v) => ({ x: v[0], y: v[1] }));
           const polygon = new fabric.Polygon(points, {
             ...defaultStyle,
-            ...((_b2 = pulseObj.shadow) == null ? void 0 : _b2.style) || {}
+            ...((_b = pulseObj.shadow) == null ? void 0 : _b.style) || {}
           });
           shadowLinesCache.add(polygon);
           canvas.value.add(polygon);
@@ -414,6 +373,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
         pointList.push(point);
       }
     });
+    scaleValue.type === "pulse" && shadowPointCache.push(pointList);
     Promise.all(pointList).then((res) => {
       const lineListFilter = lineList.filter((v) => v);
       let prevPoint = null;
@@ -528,14 +488,12 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     return getTime >= minMinute && getTime <= maxMinute;
   }
   function getPointer(v, scaleValue) {
-    let points;
     const objOriginY = scaleValue.type === "pain" ? painOriginY : vitalSignsOriginY;
     if (isEffectiveNode(v) && isLimit(v.time)) {
       const x = cumputedX(v.time);
       const y = cumputedY(scaleValue.type, scaleValue.list, v.value);
-      points = [x, y < objOriginY.originY ? objOriginY.originY : y > objOriginY.endY ? objOriginY.endY : y];
+      return [x, y < objOriginY.originY ? objOriginY.originY : y > objOriginY.endY ? objOriginY.endY : y];
     }
-    return points;
   }
   function clickMenu({ item, target }) {
     if (!target) {

package/es/packages/fabric-chart/src/hooks/useCumputedPoint.js

@@ -31,10 +31,12 @@ function useCumputedPoint(propItems) {
       const residueX = pointX - item.left;
       const residueTime = item.scaleCell * residueX;
       const time = item.start + residueTime;
-      let d = new Date(time);
+      const d = new Date(time);
       const month = `00${d.getMonth() + 1}`.slice(-2);
       const day = `00${d.getDate()}`.slice(-2);
-      const date = `${d.getFullYear()}-${month}-${day} ${d.getHours()}:${d.getMinutes()}`;
+      const hours = `00${d.getHours()}`.slice(-2);
+      const minutes = `00${d.getMinutes()}`.slice(-2);
+      const date = `${d.getFullYear()}-${month}-${day} ${hours}:${minutes}`;
       return date;
     }
   }

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

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
 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';
@@ -123,13 +124,12 @@ const script = defineComponent({
         return (_a = target == null ? void 0 : target.depth) != null ? _a : -1;
       }
     }
-    watch(() => props.value, (n, o) => {
-      var _a, _b;
-      n != null && o == null && fetchData();
-      isField(field.value) && field.value.visited && ((_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a));
-    }, {
-      immediate: true
-    });
+    const {
+      injectValueValidate,
+      injectValueWatchFromEmpty
+    } = useCommonInjection();
+    injectValueWatchFromEmpty(() => props.value, fetchData);
+    injectValueValidate(() => props.value);
     watch(() => props.urlConfig, async (config, oldConfig) => {
       if (isEqual(config, oldConfig))
         return;

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

@@ -3,7 +3,7 @@ import { isField } from '@formily/core';
 import { Path } from '../../../../../node_modules/@formily/path/esm/index.js';
 import { flatten, isNumber } from 'lodash-es';
 import { useFormField } from '../../../../../packages/form-render';
-import { arrayed, assignUpdateValue, formRenderLog } from '../../utils/index.js';
+import { arrayed, assignUpdateValue, mergeDeepProperties, formRenderLog } from '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
 import { useDebounceFn, isObject } from '@vueuse/core';
 import { NButton } from 'naive-ui';
@@ -64,7 +64,7 @@ const script = defineComponent({
     });
     function add() {
       groupNum.value++;
-      _values.value.push({});
+      _values.value.push(mergeDeepProperties({}, props.getProperties()));
       emitChange();
     }
     function remove(idx) {
@@ -82,7 +82,7 @@ const script = defineComponent({
       immediate: true
     });
     const _values = ref([{}]);
-    function initValues(data) {
+    function initValues(data, withInitialData = false) {
       if (!data)
         return;
       try {
@@ -92,10 +92,10 @@ const script = defineComponent({
         parsed.forEach((v, idx) => {
           if (idx > maxGroupNum.value - 1)
             return;
-          if (isObject(v))
-            return _values.value[idx] = v;
-          _values.value[idx] = {};
-          formRenderLog(`invalid Object value ${v} in COMBINATION => ${props.title}[${idx}]`, "warn");
+          if (isObject(v)) {
+            _values.value[idx] = v;
+            withInitialData && mergeDeepProperties(v, props.getProperties());
+          }
         });
         groupNum.value = Math.min(_values.value.length, maxGroupNum.value);
       } catch (e) {
@@ -115,7 +115,10 @@ const script = defineComponent({
       }
     }
     watch(() => props.value, (value) => initValues(value));
-    onMounted(() => initValues(props.value));
+    onMounted(() => {
+      initValues(props.value || "[{}]", true);
+      emitChange();
+    });
     function stop(event) {
       event.stopPropagation();
     }

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

@@ -1,5 +1,6 @@
 import { CSSProperties, PropType } from 'vue';
 export declare const COMPLEX: import("vue").DefineComponent<{
+    onChange: {};
     span: {
         type: NumberConstructor;
         default: number;
@@ -13,6 +14,7 @@ export declare const COMPLEX: import("vue").DefineComponent<{
         default: () => {};
     };
 }, () => 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<{
+    onChange: {};
     span: {
         type: NumberConstructor;
         default: number;

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

@@ -4,6 +4,7 @@ import { assignUpdateValue } from '../../utils/index.js';
 
 const script = defineComponent({
   props: {
+    onChange: {},
     span: {
       type: Number,
       default: 6
@@ -20,16 +21,12 @@ const script = defineComponent({
   setup(props, {
     slots
   }) {
-    function onChange(e) {
-      e.stopPropagation();
-    }
     return () => {
       return createVNode("section", {
         "class": "form-render__complex"
       }, [createVNode("section", {
         "class": `form-render__complexContent--${props.display}`,
-        "style": props.wrapperStyle,
-        "onChange": onChange
+        "style": props.wrapperStyle
       }, [slots.default && slots.default()])]);
     };
   }

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

@@ -1,7 +1,36 @@
+import { PropType } from 'vue';
 export declare const DATE: import("vue").DefineComponent<{
     onChange: {};
     value: {};
+    validate: {
+        type: PropType<Partial<{
+            [key: string]: any;
+            obj_type: "password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
+            vali_obj: string;
+            max_value: string | number;
+            min_value: string | number;
+            min_length: string | number;
+            max_length: string | number;
+            decimal_length: string | number;
+            regular_expression: string | RegExp;
+            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<{
     onChange: {};
     value: {};
+    validate: {
+        type: PropType<Partial<{
+            [key: string]: any;
+            obj_type: "password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
+            vali_obj: string;
+            max_value: string | number;
+            min_value: string | number;
+            min_length: string | number;
+            max_length: string | number;
+            decimal_length: string | number;
+            regular_expression: string | RegExp;
+            regular_error_tip: string;
+        }>>;
+    };
 }>>, {}>;

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

@@ -1,18 +1,75 @@
-import { defineComponent, createVNode } from 'vue';
+import { defineComponent, computed, createVNode } from 'vue';
 import { isField } from '@formily/core';
 import { connect, mapProps } from '@formily/vue';
 import { isObject } from '@vueuse/core';
 import { NDatePicker } from 'naive-ui';
+import { useCommonInjection } from '../../../../../packages/form-render/src/hooks/useCommonInjection';
 
 const script = defineComponent({
   props: {
     onChange: {},
-    value: {}
+    value: {},
+    validate: {
+      type: Object
+    }
   },
-  setup(_) {
-    return () => {
-      return createVNode(NDatePicker, null, null);
-    };
+  setup(props) {
+    useCommonInjection().injectValueValidate(() => props.value);
+    function minCurrentDate() {
+      var _a;
+      return ((_a = props.validate) == null ? void 0 : _a.min_date) === "currTime";
+    }
+    function maxCurrentDate() {
+      var _a;
+      return ((_a = props.validate) == null ? void 0 : _a.max_date) === "currTime";
+    }
+    function isDateDisabled(time) {
+      return minCurrentDate() && time < yesterday() || maxCurrentDate() && time > Date.now();
+      function yesterday() {
+        return Date.now() - 24 * 60 * 60 * 1e3;
+      }
+    }
+    function isTimeDisabled(time) {
+      const checkDate = new Date(time);
+      const currentDate = new Date();
+      return {
+        isHourDisabled,
+        isMinuteDisabled
+      };
+      function checkHour() {
+        return checkDate.getHours();
+      }
+      function currentHour() {
+        return currentDate.getHours();
+      }
+      function currentMinute() {
+        return currentDate.getMinutes();
+      }
+      function isHourDisabled(hour) {
+        return minCurrentDate() && hour < currentHour() || maxCurrentDate() && hour > currentHour();
+      }
+      function isMinuteDisabled(minute) {
+        if (checkHour() === currentHour()) {
+          return minCurrentDate() && minute < currentMinute() || maxCurrentDate() && minute > currentMinute();
+        }
+        return minCurrentDate() && checkHour() < currentHour() || maxCurrentDate() && checkHour() > currentHour();
+      }
+    }
+    const validateConfig = computed(() => {
+      const result = {};
+      if (isObject(props.validate)) {
+        const {
+          min_date,
+          max_date
+        } = props.validate;
+        if (min_date || max_date) {
+          result.isDateDisabled = isDateDisabled;
+          result.isTimeDisabled = isTimeDisabled;
+        }
+      }
+      return result;
+    });
+    return () => createVNode(NDatePicker, validateConfig.value, null);
   }
 });
 const DATE = connect(script, mapProps((props, field) => {
@@ -26,58 +83,8 @@ const DATE = connect(script, mapProps((props, field) => {
         field.setValue(v);
       }
     });
-    if (isObject(props.validate)) {
-      const {
-        min_date,
-        max_date
-      } = props.validate;
-      if (min_date || max_date) {
-        _props.isDateDisabled = isDateDisabled;
-        _props.isTimeDisabled = isTimeDisabled;
-      }
-    }
   }
   return _props;
-  function minCurrentDate() {
-    var _a;
-    return ((_a = props.validate) == null ? void 0 : _a.min_date) === "currTime";
-  }
-  function maxCurrentDate() {
-    var _a;
-    return ((_a = props.validate) == null ? void 0 : _a.max_date) === "currTime";
-  }
-  function isDateDisabled(time) {
-    return minCurrentDate() && time < yesterday() || maxCurrentDate() && time > Date.now();
-    function yesterday() {
-      return Date.now() - 24 * 60 * 60 * 1e3;
-    }
-  }
-  function isTimeDisabled(time) {
-    const checkDate = new Date(time);
-    const currentDate = new Date();
-    return {
-      isHourDisabled,
-      isMinuteDisabled
-    };
-    function checkHour() {
-      return checkDate.getHours();
-    }
-    function currentHour() {
-      return currentDate.getHours();
-    }
-    function currentMinute() {
-      return currentDate.getMinutes();
-    }
-    function isHourDisabled(hour) {
-      return minCurrentDate() && hour < currentHour() || maxCurrentDate() && hour > currentHour();
-    }
-    function isMinuteDisabled(minute) {
-      if (checkHour() === currentHour()) {
-        return minCurrentDate() && minute < currentMinute() || maxCurrentDate() && minute > currentMinute();
-      }
-      return minCurrentDate() && checkHour() < currentHour() || maxCurrentDate() && checkHour() > currentHour();
-    }
-  }
 }));
 
 export { DATE };

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

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, inject, watch, createVNode } from 'vue';
 import { isField } from '@formily/core';
 import { isEqual, cloneDeep } 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 { connect, mapProps } from '@formily/vue';
@@ -106,13 +107,12 @@ const script = defineComponent({
     }, {
       immediate: true
     });
-    watch(() => props.value, (n, o) => {
-      var _a, _b;
-      o == null && n != null && fetchData();
-      isField(field.value) && field.value.visited && ((_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a));
-    }, {
-      immediate: true
-    });
+    const {
+      injectValueValidate,
+      injectValueWatchFromEmpty
+    } = useCommonInjection();
+    injectValueWatchFromEmpty(() => props.value, fetchData);
+    injectValueValidate(() => props.value);
     function focusDecorator(onFocus) {
       return (...args) => {
         if (isField(field.value)) {

package/es/packages/form-render/src/hooks/useCommonInjection.d.ts

@@ -0,0 +1,6 @@
+import { Func } from '../../../../../es/src/types';
+import { WatchSource } from '@vue/runtime-core';
+export declare function useCommonInjection(): {
+    injectValueValidate: (traverser: WatchSource) => void;
+    injectValueWatchFromEmpty: (traverser: WatchSource, trigger: Func) => void;
+};

package/es/packages/form-render/src/hooks/useCommonInjection.js

@@ -0,0 +1,19 @@
+import { isField } from '@formily/core';
+import { watch } from 'vue';
+import { useFormField } from '../../../../packages/form-render';
+
+function useCommonInjection() {
+  function injectValueValidate(traverser) {
+    const { field } = useFormField();
+    watch(traverser, () => {
+      var _a, _b;
+      return isField(field.value) && field.value.visited && ((_b = (_a = field.value).validate) == null ? void 0 : _b.call(_a));
+    });
+  }
+  function injectValueWatchFromEmpty(traverser, trigger) {
+    watch(traverser, (n, o) => n != null && o == null && trigger(), { immediate: true });
+  }
+  return { injectValueValidate, injectValueWatchFromEmpty };
+}
+
+export { useCommonInjection };

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

@@ -1,5 +1,4 @@
 import { AnyObject, ArrayAble } from '../../../../../es/src/types';
-import { SchemaReaction } from '@formily/json-schema/esm/types';
 import { SchemaTypes } from '@formily/vue';
 import { CSSProperties, VNode } from 'vue';
 import { DependKeyType, FormCommonState } from '../../../../../es/packages/form-render';
@@ -41,6 +40,20 @@ interface SwitchProperty {
     value?: any;
     describe?: string;
 }
+interface ReactionType {
+    dependencies?: string[];
+    target?: string;
+    when?: string | boolean;
+    fulfill?: {
+        state?: AnyObject;
+        run?: string;
+    };
+    otherwise?: {
+        state?: AnyObject;
+        run?: string;
+    };
+    [key: string]: any;
+}
 export declare type FieldItem = {
     /**
      * 字段的key
@@ -181,7 +194,7 @@ export declare type FieldItem = {
     /**
      * 表单联动配置
      */
-    reactions: ArrayAble<SchemaReaction>;
+    reactions: ArrayAble<ReactionType>;
     [key: string]: any;
 }>;
 export {};

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

@@ -12,6 +12,7 @@ export declare function transformDateFormat(format?: string): "date" | "datetime
 export declare function isIdCard(idCardNo: string): boolean;
 export declare function isMobile(mobile: string): boolean;
 export declare function parseBirthday(birthday: string): AgeContext;
+export declare function mergeDeepProperties(target: AnyObject, fieldList: FieldItem[], traverseProperties?: string[], property?: string, targetProperty?: string): AnyObject;
 export declare function parseIdCard(idCardNo: string): IdCardParseInfo;
 export declare function injectOrProvide<T>(key: InjectionKey<T>, creator: () => T): T;
 export declare function traverseDependKey(dependKeys: DependKeyType, handler: {

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

@@ -1,5 +1,6 @@
 import { inject, provide, computed, createVNode, Fragment } from 'vue';
-import { isArray, isObject, isString, isFunction } from 'lodash-es';
+import { isObject } from '@vue/shared';
+import { isArray, isString, isFunction } from 'lodash-es';
 import { FIELD_SEX_VALUE } from '../constants/index.js';
 import { isField } from '@formily/core';
 import differenceInDays from '../../../../node_modules/date-fns/esm/differenceInDays/index.js';
@@ -46,6 +47,33 @@ function parseBirthday(birthday) {
   result.age = result.year = differenceInYears(d, birthDate);
   return result;
 }
+function mergeDeepProperties(target, fieldList, traverseProperties = ["children", "properties", "suffixConfig"], property = "val_key", targetProperty = "default_val") {
+  function traverse(_target, _fieldList) {
+    _fieldList.forEach((field) => {
+      if (!isObject(field))
+        return;
+      if (targetPropertyFor(field) != null && _target[propertyFor(field)] == null) {
+        _target[propertyFor(field)] = targetPropertyFor(field);
+      }
+      traverseProperties.forEach((p) => {
+        if (!field[p])
+          return;
+        if (!_target[propertyFor(field)]) {
+          _target[propertyFor(field)] = {};
+        }
+        traverse(_target[propertyFor(field)], arrayed(field[p]));
+      });
+    });
+  }
+  traverse(target, fieldList);
+  return target;
+  function propertyFor(field) {
+    return field[property];
+  }
+  function targetPropertyFor(field) {
+    return field[targetProperty];
+  }
+}
 function parseIdCard(idCardNo) {
   const parseInner = (certificateNo, idxSexStart, birthYearSpan) => {
     const res = {};
@@ -172,4 +200,4 @@ function createInputSlot(props) {
   });
 }
 
-export { arrayed, assignUpdateValue, createInputSlot, createLinebarId, createSlot, elementIdEscape, fieldKeyEscape, formRenderLog, getParentLinebar, injectOrProvide, isIdCard, isMobile, parseBirthday, parseIdCard, queryDecorator, queryInput, transformDateFormat, traverseDependKey, traverseSchema, uuidGenerator };
+export { arrayed, assignUpdateValue, createInputSlot, createLinebarId, createSlot, elementIdEscape, fieldKeyEscape, formRenderLog, getParentLinebar, injectOrProvide, isIdCard, isMobile, mergeDeepProperties, parseBirthday, parseIdCard, queryDecorator, queryInput, transformDateFormat, traverseDependKey, traverseSchema, uuidGenerator };

package/es/packages/form-render/style/index.css

@@ -25,7 +25,8 @@
 .form-render__formItem {
   grid-column: span var(--form-item-column) / span var(--form-item-column);
 }
-.form-render__formItem .n-date-picker {
+.form-render__formItem .n-date-picker,
+.form-render__formItem .n-input-number {
   width: 100%;
 }
 .form-render__formItemLabel {
@@ -42,6 +43,15 @@
   transform: translateY(-50%);
   right: calc(var(--icon-right) * 1px);
 }
+.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 var(--column) / span var(--column);
 }
@@ -131,12 +141,3 @@
   display: flex !important;
   gap: 0 8px;
 }
-.form-render .n-form-item-label {
-  display: inline-flex;
-}
-.form-render .n-form-item-label [annotation-hover-show='true'] {
-  visibility: hidden;
-}
-.form-render .n-form-item-label:hover [annotation-hover-show='true'] {
-  visibility: visible;
-}