@hzab/form-render 1.6.14 → 1.6.16

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+
+# @hzab/form-render@1.6.16
+
+fix: ArrayTable value 空问题兼容
+fix: 修复人员选择组件中isObject函数ts类型不明确导致在部分项目中出现类型错误提示的问题
+
+# @hzab/form-render@1.6.15
+
+feat: 新增 formily js 的 change 事件
+
 # @hzab/form-render@1.6.14
 
 fix: 修复 TreeCheckbox 隐藏不能点击问题。

package/README.md

@@ -116,17 +116,18 @@ import FormRender from "@hzab/form-render";
 
 ### InfoPanel Attributes
 
-| 参数          | 类型     | 必填 | 默认值     | 说明                                               |
-| ------------- | -------- | ---- | ---------- | -------------------------------------------------- |
-| schema        | Object   | 是   | -          | 数据信息的 schema                                  |
-| schemaScope   | Object   | 否   | -          | 全局作用域，用于实现协议表达式变量注入             |
-| layout        | Object   | 否   | horizontal | 表单布局，horizontal vertical \ inline             |
-| initialValues | Object   | 否   | -          | form 初始值                                        |
-| components    | Object   | 否   | -          | 自定义组件                                         |
-| formOptions   | Object   | 否   | -          | createForm 的参数                                  |
-| disabled      | boolean  | 否   | -          | 禁用状态                                           |
-| readOnly      | boolean  | 否   | -          | 只读状态                                           |
-| onChange      | Function | 否   | -          | 表单 onChange 事件（目前仅做触发，值计算后续优化） |
+| 参数               | 类型     | 必填 | 默认值     | 说明                                   |
+| ------------------ | -------- | ---- | ---------- | -------------------------------------- |
+| schema             | Object   | 是   | -          | 数据信息的 schema                      |
+| schemaScope        | Object   | 否   | -          | 全局作用域，用于实现协议表达式变量注入 |
+| layout             | Object   | 否   | horizontal | 表单布局，horizontal vertical \ inline |
+| initialValues      | Object   | 否   | -          | form 初始值                            |
+| components         | Object   | 否   | -          | 自定义组件                             |
+| formOptions        | Object   | 否   | -          | createForm 的参数                      |
+| disabled           | boolean  | 否   | -          | 禁用状态                               |
+| readOnly           | boolean  | 否   | -          | 只读状态                               |
+| onFormValuesChange | Function | 否   | -          | 表单事件 (form)=>{}  https://core.formilyjs.org/zh-CN/api/entry/form-effect-hooks                             |
+| onFieldValueChange | Function | 否   | -          | 表单项事件 (field, form)=>{} https://core.formilyjs.org/zh-CN/api/entry/field-effect-hooks                             |
 
 ### 方法 Methods
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render",
-  "version": "1.6.14",
+  "version": "1.6.16",
   "description": "",
   "main": "src",
   "scripts": {
@@ -52,6 +52,6 @@
     "nanoid": "^3.3.7"
   },
   "directories": {
-    "lib": "lib"
+    "src": "src"
   }
 }

package/src/components/ArrayTable/index.tsx

@@ -397,7 +397,7 @@ const Addition: ArrayBaseMixins["Addition"] = (props) => {
       {...props}
       onClick={(e) => {
         // 如果添加数据后将超过当前页，则自动切换到下一页
-        const total = array?.field?.value.length || 0;
+        const total = array?.field?.value?.length || 0;
         if (showPagination && total === totalPage * pageSize + 1 && isFn(changePage)) {
           changePage(totalPage + 1);
         }

package/src/components/PersonnelSelect/index.tsx

@@ -191,7 +191,9 @@ const RemoteSelect: React.FC<RemoteSelectProps> = ({
       const getSelectionStatus = () => {
         if (mode === "multiple") {
           if (!Array.isArray(selectedValue)) return false;
-          const selectedValues = (selectedValue || [])?.map((opt) => (isObject(opt) ? opt?.value ?? opt?.value : opt));
+          const selectedValues = (selectedValue || [])?.map((opt) =>
+            (isObject(opt) as unknown as Record<string, any>) ? opt?.value ?? opt?.value : opt,
+          );
           return selectedValues.includes(value);
         }
 

package/src/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useImperativeHandle, forwardRef, useCallback, useRef } from "react";
-import { createForm } from "@formily/core";
+import { createForm, onFormValuesChange, onFieldValueChange } from "@formily/core";
 import { createSchemaField } from "@formily/react";
 import {
   Form,
@@ -67,6 +67,8 @@ const antdComponents = {
   ArrayCards,
 };
 
+const noop = () => {};
+
 const FormRender = forwardRef((props: any, parentRef) => {
   /** schema scope 解决父级无 schema Scope 导致 scope 对象刷新的问题 */
   const schemaScopeRef = useRef<{ _$tempData: Object }>();
@@ -125,6 +127,11 @@ const FormRender = forwardRef((props: any, parentRef) => {
         readOnly: props.readOnly,
         disabled: props.disabled,
         ...(props.formOptions || {}),
+        effects(...args) {
+          props.onFormValuesChange && onFormValuesChange(props.onFormValuesChange);
+          props.onFieldValueChange && onFieldValueChange("*", props.onFieldValueChange);
+          props.formOptions?.effects && props.formOptions?.effects(...args);
+        },
       }),
     [],
   );