@hzab/form-render 1.7.10 → 1.7.12

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+# @hzab/form-render@1.7.12
+
+feat: ArrayBase 暴露 useArray useIndex useRecord
+feat: ArrayTable onSortStart onSortEnd 回调
+
+# @hzab/form-render@1.7.11
+
+feat: 只读模式 PreviewText emptyValue 配置
+
 # @hzab/form-render@1.7.10
 
 fix: 图片链接添加 query

package/README.md

@@ -147,6 +147,7 @@ import FormRender from "@hzab/form-render";
 | initialValues      | Object   | 否   | -          | form 初始值                                                                                |
 | components         | Object   | 否   | -          | 自定义组件                                                                                 |
 | formOptions        | Object   | 否   | -          | createForm 的参数                                                                          |
+| emptyValue         | string   | 否   | N/A        | 只读模式 PreviewText emptyValue 配置                                                       |
 | disabled           | boolean  | 否   | -          | 禁用状态                                                                                   |
 | readOnly           | boolean  | 否   | -          | 只读状态                                                                                   |
 | onFormValuesChange | Function | 否   | -          | 表单事件 (form)=>{} https://core.formilyjs.org/zh-CN/api/entry/form-effect-hooks           |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render",
-  "version": "1.7.10",
+  "version": "1.7.12",
   "description": "",
   "main": "src",
   "scripts": {

package/src/components/ArrayBase/index.tsx

@@ -52,6 +52,8 @@ export interface IArrayBaseProps {
   onRemove?: (index: number) => void;
   onMoveDown?: (index: number) => void;
   onMoveUp?: (index: number) => void;
+  onSortStart?: (e) => void;
+  onSortEnd?: (e) => void;
   deletePopconfirmTitle?: () => ReactNode;
   deletePopconfirm?: boolean;
 }
@@ -68,16 +70,16 @@ const ItemContext = createContext<IArrayBaseItemProps>(null);
 
 const takeRecord = (val: any, index?: number) => (typeof val === "function" ? val(index) : val);
 
-const useArray = () => {
+export const useArray = () => {
   return useContext(ArrayBaseContext);
 };
 
-const useIndex = (index?: number) => {
+export const useIndex = (index?: number) => {
   const ctx = useContext(ItemContext);
   return ctx ? ctx.index : index;
 };
 
-const useRecord = (record?: number) => {
+export const useRecord = (record?: number) => {
   const ctx = useContext(ItemContext);
   return takeRecord(ctx ? ctx.record : record, ctx?.index);
 };

package/src/components/ArrayTable/index.tsx

@@ -313,10 +313,10 @@ export const ArrayTable: ComposedArrayTable = observer((props) => {
     });
   };
   const getWrapperComp = useCallback(
-    (dataSource: any[], start: number) => (props: any) =>
+    (dataSource: any[], start: number) => (wrapperProps: any) =>
       (
         <SortableBody
-          {...props}
+          {...wrapperProps}
           start={start}
           list={dataSource.slice()}
           accessibility={{
@@ -324,11 +324,14 @@ export const ArrayTable: ComposedArrayTable = observer((props) => {
           }}
           onSortStart={(event) => {
             addTdStyles(event.active.id as number);
+            props.onSortStart && props.onSortStart(event);
           }}
-          onSortEnd={({ oldIndex, newIndex }) => {
+          onSortEnd={(params) => {
+            const { oldIndex, newIndex } = params;
             field.move(oldIndex, newIndex);
+            props.onSortEnd && props.onSortEnd(params);
           }}
-          className={cls(`${prefixCls}-sort-helper`, props.className)}
+          className={cls(`${prefixCls}-sort-helper`, wrapperProps.className)}
         />
       ),
     [field],

package/src/index.tsx

@@ -179,6 +179,7 @@ const FormRender = forwardRef((props: any, parentRef) => {
         wrapperCol={props.schema.form.wrapperCol}
         onAutoSubmit={autoSubmit}
         onAutoSubmitFailed={autoSubmitFailed}
+        previewTextPlaceholder={props?.emptyValue}
       >
         <FormLayout {...formLayoutProps}>
           <SchemaField schema={schema}></SchemaField>