@hzab/form-render 1.7.11 → 1.7.12

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+# @hzab/form-render@1.7.12
+
+feat: ArrayBase 暴露 useArray useIndex useRecord
+feat: ArrayTable onSortStart onSortEnd 回调
+
 # @hzab/form-render@1.7.11
 
 feat: 只读模式 PreviewText emptyValue 配置

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render",
-  "version": "1.7.11",
+  "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,13 +179,12 @@ const FormRender = forwardRef((props: any, parentRef) => {
         wrapperCol={props.schema.form.wrapperCol}
         onAutoSubmit={autoSubmit}
         onAutoSubmitFailed={autoSubmitFailed}
+        previewTextPlaceholder={props?.emptyValue}
       >
-        <PreviewText.Placeholder value={props?.emptyValue}>
-          <FormLayout {...formLayoutProps}>
-            <SchemaField schema={schema}></SchemaField>
-            <div className="form-render-footer xxm">{footer}</div>
-          </FormLayout>
-        </PreviewText.Placeholder>
+        <FormLayout {...formLayoutProps}>
+          <SchemaField schema={schema}></SchemaField>
+          <div className="form-render-footer xxm">{footer}</div>
+        </FormLayout>
       </Form>
     </GlobalPropsContext.Provider>
   );