@flatbiz/antd 4.5.25 → 5.0.0

package/dist/drag-BOT05TxF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-BOT05TxF.js","sources":["@flatbiz/antd/src/drag-editable-table-pro/context.ts","@flatbiz/antd/src/drag-editable-table-pro/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table-pro/row.tsx","@flatbiz/antd/src/drag-editable-table-pro/drag.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport { createCtx } from '@wove/react';\n\nexport const [getCtx, CtxProvider] = createCtx<{\n  dragIcon?: ReactElement;\n  uidFieldKey: string;\n}>();\n","import { Children, cloneElement, type ReactElement } from 'react';\nimport { type RowProps } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop } from '@flatbiz/utils';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\n\ntype TableTrHandleProps = RowProps & {\n  dragIcon?: ReactElement;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n  const { dragIcon, ...innerProps } = props;\n  const rowId = innerProps['data-row-key'] as number;\n\n  const {\n    setActivatorNodeRef,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({\n    id: rowId,\n  });\n\n  if (isUndefinedOrNull(rowId)) {\n    return <tr {...innerProps} />;\n  }\n  const style: React.CSSProperties = {\n    ...innerProps.style,\n    transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n    transition,\n    cursor: 'move',\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n          boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n          backgroundColor: 'var(--block-bg-color)',\n        }\n      : {}),\n  };\n  const iconElement = dragIcon || <DragOutlined />;\n  return (\n    <tr {...innerProps} ref={setNodeRef} style={style} key={rowId}>\n      {Children.map(props.children, (child) => {\n        if ((child as React.ReactElement).key === '__sort') {\n          return cloneElement(child as React.ReactElement, {\n            children: (\n              <span\n                ref={setActivatorNodeRef}\n                style={{\n                  touchAction: 'none',\n                  cursor: 'move',\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                }}\n                {...listeners}\n              >\n                <IconWrapper\n                  style={{\n                    touchAction: 'none',\n                    cursor: 'move',\n                    padding: '1px 0px',\n                    margin: 0,\n                    justifyContent: 'center',\n                    color: '#787878',\n                  }}\n                  icon={iconElement}\n                  onClick={noop}\n                  size=\"small\"\n                />\n              </span>\n            ),\n          });\n        }\n        return child;\n      })}\n    </tr>\n  );\n};\n","import { getCtx } from './context.js';\nimport { TableTrHandle } from './table-tr-handle.jsx';\n\nexport const Row = (props) => {\n  const ctx = getCtx();\n  return <TableTrHandle {...props} dragIcon={ctx.dragIcon} />;\n};\n","import { type ReactElement } from 'react';\nimport { Form } from 'antd';\nimport {\n  DndContext,\n  type DragEndEvent,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport {\n  arrayMove,\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { type TPlainObject } from '@flatbiz/utils';\nimport type { EditableTableProProps } from '../editable-table-pro/editable-table-pro.jsx';\nimport { EditableTablePro } from '../editable-table-pro/editable-table-pro.jsx';\nimport type { EditableTableProColumnItem } from '../editable-table-pro/type.js';\nimport { CtxProvider } from './context.js';\nimport { Row } from './row.jsx';\n\nexport type DragEditableTableProProps = EditableTableProProps & {\n  /**\n   * 拖拽图标自定义，默认使用 DragOutlined 图标\n   */\n  dragIcon?: ReactElement;\n\n  /** 禁用拖拽 */\n  disabledDrag?: boolean;\n  /**\n   * 表格数据唯一值字段Key\n   * ```\n   * ```\n   */\n  uidFieldKey: string;\n  /**\n   * 拖拽结束事件\n   * ```\n   * dataSource: 拖拽完成后的数据源\n   * dragData\n   * 1. activeId 拖拽ID\n   * 2. activeIndex 拖拽起始表格数组索引值\n   * 3. overIndex 拖拽结束表格数组索引值\n   * ```\n   */\n  onDragChange?: (\n    dataSource: TPlainObject[],\n    dragData: {\n      activeId: string | number;\n      overId?: string | number;\n      activeIndex: number;\n      overIndex: number;\n    }\n  ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * ```\n * 1. 表格数据必须有唯一值字段，通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * 3. 不存在多级的情况下，可使用DragEditableTablePro组件实现拖拽排序\n * 4. 存在多级的情况下，通过上移、下移操作按钮，调用 column.render.operation.move 方法实现同一级内移动\n * ```\n */\nexport const DragEditableTablePro = (props: DragEditableTableProProps) => {\n  const {\n    dragIcon,\n    uidFieldKey,\n    onDragChange,\n    disabledDrag,\n    formListCompleteName,\n    formListName,\n    ...otherProps\n  } = props;\n\n  const formListCompleteNameFt = formListCompleteName || formListName;\n\n  const form = Form.useFormInstance();\n  const dataList = Form.useWatch(formListCompleteNameFt, form);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        // 当拖拽触发区域有其他点击事件时，需要延迟触发拖拽动作\n        delay: 0,\n        tolerance: 0,\n      },\n    })\n  );\n\n  const onDragEnd = ({ active, over }: DragEndEvent) => {\n    if (active.id !== over?.id) {\n      const activeIndex = dataList.findIndex(\n        (i) => i[uidFieldKey] === active.id\n      );\n      const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n      const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n      form.setFields([\n        {\n          name: formListCompleteNameFt,\n          value: dataListNew,\n        },\n      ]);\n      onDragChange?.(dataListNew as TPlainObject[], {\n        activeId: active.id,\n        overId: over?.id,\n        activeIndex,\n        overIndex,\n      });\n    }\n  };\n\n  const columns: EditableTableProColumnItem[] = disabledDrag\n    ? otherProps.columns\n    : [\n        {\n          dataIndex: '__sort',\n          width: 40,\n          key: '__sort',\n          align: 'center',\n        } as EditableTableProColumnItem,\n      ].concat(otherProps.columns || []);\n\n  return (\n    <CtxProvider\n      value={{\n        dragIcon,\n        uidFieldKey,\n      }}\n    >\n      <DndContext\n        sensors={sensors}\n        modifiers={[restrictToVerticalAxis]}\n        onDragEnd={onDragEnd}\n      >\n        <SortableContext\n          items={dataList?.map((i) => i[uidFieldKey]) || []}\n          strategy={verticalListSortingStrategy}\n        >\n          <EditableTablePro\n            {...otherProps}\n            formListName={formListName}\n            uidFieldKey={uidFieldKey}\n            columns={columns}\n            tableProps={{\n              ...otherProps.tableProps,\n              components: {\n                ...otherProps.tableProps?.components,\n                body: {\n                  ...otherProps.tableProps?.components?.body,\n                  row: disabledDrag ? undefined : Row,\n                },\n              },\n            }}\n          />\n        </SortableContext>\n      </DndContext>\n    </CtxProvider>\n  );\n};\n"],"names":["_createCtx","_createCtx3","_createCtx2","_slicedToArray","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutProperties","_excluded","rowId","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","isUndefinedOrNull","_jsx","_objectSpread","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","display","alignItems","justifyContent","IconWrapper","padding","margin","color","icon","onClick","noop","size","Row","ctx","DragEditableTablePro","_otherProps$tableProp","_otherProps$tableProp2","uidFieldKey","onDragChange","disabledDrag","formListCompleteName","formListName","otherProps","formListCompleteNameFt","form","Form","useFormInstance","dataList","useWatch","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","name","value","activeId","overId","columns","dataIndex","width","align","concat","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTablePro","tableProps","components","body","row","undefined"],"mappings":"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"}

package/dist/drag-DVV-pdrI.js

@@ -0,0 +1,181 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { a as _slicedToArray, _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { Form } from 'antd';
+import { useSensors, useSensor, PointerSensor, DndContext } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { useSortable, SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable';
+import { E as EditableTable } from './editable-table-Ch7M44bV.js';
+import { createCtx } from '@wove/react/create-ctx';
+import _DragOutlined from '@ant-design/icons/es/icons/DragOutlined.js';
+import { createElement, Children, cloneElement } from 'react';
+import { CSS } from '@dnd-kit/utilities';
+import { isUndefinedOrNull, noop } from '@flatbiz/utils';
+import { I as IconWrapper } from './icon-wrapper-CR3akisG.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _createCtx = createCtx(),
+  _createCtx2 = _slicedToArray(_createCtx, 2),
+  getCtx = _createCtx2[0],
+  CtxProvider = _createCtx2[1];
+
+var _excluded$1 = ["dragIcon"];
+var TableTrHandle = function TableTrHandle(props) {
+  var dragIcon = props.dragIcon,
+    innerProps = _objectWithoutProperties(props, _excluded$1);
+  var rowId = innerProps['data-row-key'];
+  var _useSortable = useSortable({
+      id: rowId
+    }),
+    setActivatorNodeRef = _useSortable.setActivatorNodeRef,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition,
+    isDragging = _useSortable.isDragging;
+  if (isUndefinedOrNull(rowId)) {
+    return /*#__PURE__*/jsx("tr", _objectSpread2({}, innerProps));
+  }
+  var style = _objectSpread2(_objectSpread2({}, innerProps.style), {}, {
+    transform: CSS.Transform.toString(transform && _objectSpread2(_objectSpread2({}, transform), {}, {
+      scaleY: 1
+    })),
+    transition: transition,
+    cursor: 'move'
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 9999,
+    boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',
+    backgroundColor: 'var(--block-bg-color)'
+  } : {});
+  var iconElement = dragIcon || /*#__PURE__*/jsx(_DragOutlined, {});
+  return /*#__PURE__*/createElement("tr", _objectSpread2(_objectSpread2({}, innerProps), {}, {
+    ref: setNodeRef,
+    style: style,
+    key: rowId
+  }), Children.map(props.children, function (child) {
+    if (child.key === '__sort') {
+      return /*#__PURE__*/cloneElement(child, {
+        children: /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+          ref: setActivatorNodeRef,
+          style: {
+            touchAction: 'none',
+            cursor: 'move',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+          }
+        }, listeners), {}, {
+          children: /*#__PURE__*/jsx(IconWrapper, {
+            style: {
+              touchAction: 'none',
+              cursor: 'move',
+              padding: '1px 0px',
+              margin: 0,
+              justifyContent: 'center',
+              color: '#787878'
+            },
+            icon: iconElement,
+            onClick: noop,
+            size: "small"
+          })
+        }))
+      });
+    }
+    return child;
+  }));
+};
+
+var Row = function Row(props) {
+  var ctx = getCtx();
+  return /*#__PURE__*/jsx(TableTrHandle, _objectSpread2(_objectSpread2({}, props), {}, {
+    dragIcon: ctx.dragIcon
+  }));
+};
+
+var _excluded = ["dragIcon", "uidFieldKey", "onDragChange", "disabledDrag"];
+/**
+ * 可拖拽编辑表格
+ * @deprecated 已过期，请使用 DragEditableTablePro组件
+ * ```
+ * 1. 表格数据必须要有唯一值字段，通过参数 uidFieldKey 告诉组件
+ * 2. Table 参数 components.body.row 被组件内部使用
+ * ```
+ */
+var DragEditableTable = function DragEditableTable(props) {
+  var _otherProps$tableProp, _otherProps$tableProp2;
+  var dragIcon = props.dragIcon,
+    uidFieldKey = props.uidFieldKey,
+    onDragChange = props.onDragChange,
+    disabledDrag = props.disabledDrag,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var form = Form.useFormInstance();
+  var dataList = Form.useWatch(props.completeName ? props.completeName : props.name, form);
+  var sensors = useSensors(useSensor(PointerSensor, {
+    activationConstraint: {
+      // 当拖拽触发区域有其他点击事件时，需要延迟触发拖拽动作
+      delay: 0,
+      tolerance: 0
+    }
+  }));
+  var onDragEnd = function onDragEnd(_ref) {
+    var active = _ref.active,
+      over = _ref.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      var activeIndex = dataList.findIndex(function (i) {
+        return i[uidFieldKey] === active.id;
+      });
+      var overIndex = dataList.findIndex(function (i) {
+        return i[uidFieldKey] === (over === null || over === void 0 ? void 0 : over.id);
+      });
+      var dataListNew = arrayMove(dataList, activeIndex, overIndex);
+      form.setFields([{
+        name: props.completeName ? props.completeName : props.name,
+        value: dataListNew
+      }]);
+      onDragChange === null || onDragChange === void 0 || onDragChange(dataListNew, {
+        activeId: active.id,
+        overId: over === null || over === void 0 ? void 0 : over.id,
+        activeIndex: activeIndex,
+        overIndex: overIndex
+      });
+    }
+  };
+  var columns = disabledDrag ? otherProps.columns : [{
+    dataIndex: '__sort',
+    width: 40,
+    key: '__sort',
+    align: 'center'
+  }].concat(otherProps.columns || []);
+  return /*#__PURE__*/jsx(CtxProvider, {
+    value: {
+      dragIcon: dragIcon,
+      uidFieldKey: uidFieldKey
+    },
+    children: /*#__PURE__*/jsx(DndContext, {
+      sensors: sensors,
+      modifiers: [restrictToVerticalAxis],
+      onDragEnd: onDragEnd,
+      children: /*#__PURE__*/jsx(SortableContext, {
+        items: (dataList === null || dataList === void 0 ? void 0 : dataList.map(function (i) {
+          return i[uidFieldKey];
+        })) || [],
+        strategy: verticalListSortingStrategy,
+        children: /*#__PURE__*/jsx(EditableTable, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+          uidFieldKey: uidFieldKey,
+          columns: columns,
+          tableProps: _objectSpread2(_objectSpread2({}, otherProps.tableProps), {}, {
+            components: _objectSpread2(_objectSpread2({}, (_otherProps$tableProp = otherProps.tableProps) === null || _otherProps$tableProp === void 0 ? void 0 : _otherProps$tableProp.components), {}, {
+              body: _objectSpread2(_objectSpread2({}, (_otherProps$tableProp2 = otherProps.tableProps) === null || _otherProps$tableProp2 === void 0 || (_otherProps$tableProp2 = _otherProps$tableProp2.components) === null || _otherProps$tableProp2 === void 0 ? void 0 : _otherProps$tableProp2.body), {}, {
+                row: disabledDrag ? undefined : Row
+              })
+            })
+          })
+        }))
+      })
+    })
+  });
+};
+
+export { DragEditableTable as D };
+//# sourceMappingURL=drag-DVV-pdrI.js.map

package/dist/drag-DVV-pdrI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-DVV-pdrI.js","sources":["@flatbiz/antd/src/drag-editable-table/context.ts","@flatbiz/antd/src/drag-editable-table/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table/row.tsx","@flatbiz/antd/src/drag-editable-table/drag.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport { createCtx } from '@wove/react';\n\nexport const [getCtx, CtxProvider] = createCtx<{\n  dragIcon?: ReactElement;\n  uidFieldKey: string;\n}>();\n","import { Children, cloneElement, type ReactElement } from 'react';\nimport { type RowProps } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop } from '@flatbiz/utils';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\n\ntype TableTrHandleProps = RowProps & {\n  dragIcon?: ReactElement;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n  const { dragIcon, ...innerProps } = props;\n  const rowId = innerProps['data-row-key'] as number;\n\n  const {\n    setActivatorNodeRef,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({\n    id: rowId,\n  });\n\n  if (isUndefinedOrNull(rowId)) {\n    return <tr {...innerProps} />;\n  }\n  const style: React.CSSProperties = {\n    ...innerProps.style,\n    transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n    transition,\n    cursor: 'move',\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n          boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n          backgroundColor: 'var(--block-bg-color)',\n        }\n      : {}),\n  };\n  const iconElement = dragIcon || <DragOutlined />;\n  return (\n    <tr {...innerProps} ref={setNodeRef} style={style} key={rowId}>\n      {Children.map(props.children, (child) => {\n        if ((child as React.ReactElement).key === '__sort') {\n          return cloneElement(child as React.ReactElement, {\n            children: (\n              <span\n                ref={setActivatorNodeRef}\n                style={{\n                  touchAction: 'none',\n                  cursor: 'move',\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                }}\n                {...listeners}\n              >\n                <IconWrapper\n                  style={{\n                    touchAction: 'none',\n                    cursor: 'move',\n                    padding: '1px 0px',\n                    margin: 0,\n                    justifyContent: 'center',\n                    color: '#787878',\n                  }}\n                  icon={iconElement}\n                  onClick={noop}\n                  size=\"small\"\n                />\n              </span>\n            ),\n          });\n        }\n        return child;\n      })}\n    </tr>\n  );\n};\n","import { getCtx } from './context.js';\nimport { TableTrHandle } from './table-tr-handle.jsx';\n\nexport const Row = (props) => {\n  const ctx = getCtx();\n  return <TableTrHandle {...props} dragIcon={ctx.dragIcon} />;\n};\n","import { type ReactElement } from 'react';\nimport { Form } from 'antd';\nimport {\n  DndContext,\n  type DragEndEvent,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport {\n  arrayMove,\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { type TPlainObject } from '@flatbiz/utils';\nimport type {\n  EditableTableColumn,\n  EditableTableProps,\n} from '../editable-table/editable-table.jsx';\nimport { EditableTable } from '../editable-table/editable-table.jsx';\nimport { CtxProvider } from './context.js';\nimport { Row } from './row.jsx';\n\nexport type DragEditableTableProps = EditableTableProps & {\n  /**\n   * 拖拽图标自定义，默认使用 DragOutlined 图标\n   */\n  dragIcon?: ReactElement;\n\n  /** 禁用拖拽 */\n  disabledDrag?: boolean;\n  /**\n   * 表格数据唯一值字段Key\n   * ```\n   * ```\n   */\n  uidFieldKey: string;\n  /**\n   * 拖拽结束事件\n   * ```\n   * dataSource: 拖拽完成后的数据源\n   * dragData\n   * 1. activeId 拖拽ID\n   * 2. activeIndex 拖拽起始表格数组索引值\n   * 3. overIndex 拖拽结束表格数组索引值\n   * ```\n   */\n  onDragChange?: (\n    dataSource: TPlainObject[],\n    dragData: {\n      activeId: string | number;\n      overId?: string | number;\n      activeIndex: number;\n      overIndex: number;\n    }\n  ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * @deprecated 已过期，请使用 DragEditableTablePro组件\n * ```\n * 1. 表格数据必须要有唯一值字段，通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * ```\n */\nexport const DragEditableTable = (props: DragEditableTableProps) => {\n  const { dragIcon, uidFieldKey, onDragChange, disabledDrag, ...otherProps } =\n    props;\n  const form = Form.useFormInstance();\n  const dataList = Form.useWatch(\n    props.completeName ? props.completeName : props.name,\n    form\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        // 当拖拽触发区域有其他点击事件时，需要延迟触发拖拽动作\n        delay: 0,\n        tolerance: 0,\n      },\n    })\n  );\n\n  const onDragEnd = ({ active, over }: DragEndEvent) => {\n    if (active.id !== over?.id) {\n      const activeIndex = dataList.findIndex(\n        (i) => i[uidFieldKey] === active.id\n      );\n      const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n      const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n      form.setFields([\n        {\n          name: props.completeName ? props.completeName : props.name,\n          value: dataListNew,\n        },\n      ]);\n      onDragChange?.(dataListNew as TPlainObject[], {\n        activeId: active.id,\n        overId: over?.id,\n        activeIndex,\n        overIndex,\n      });\n    }\n  };\n\n  const columns: EditableTableColumn[] = disabledDrag\n    ? otherProps.columns\n    : [\n        {\n          dataIndex: '__sort',\n          width: 40,\n          key: '__sort',\n          align: 'center',\n        } as EditableTableColumn,\n      ].concat(otherProps.columns || []);\n\n  return (\n    <CtxProvider\n      value={{\n        dragIcon,\n        uidFieldKey,\n      }}\n    >\n      <DndContext\n        sensors={sensors}\n        modifiers={[restrictToVerticalAxis]}\n        onDragEnd={onDragEnd}\n      >\n        <SortableContext\n          items={dataList?.map((i) => i[uidFieldKey]) || []}\n          strategy={verticalListSortingStrategy}\n        >\n          <EditableTable\n            {...otherProps}\n            uidFieldKey={uidFieldKey}\n            columns={columns}\n            tableProps={{\n              ...otherProps.tableProps,\n              components: {\n                ...otherProps.tableProps?.components,\n                body: {\n                  ...otherProps.tableProps?.components?.body,\n                  row: disabledDrag ? undefined : Row,\n                },\n              },\n            }}\n          />\n        </SortableContext>\n      </DndContext>\n    </CtxProvider>\n  );\n};\n"],"names":["_createCtx","_createCtx3","_createCtx2","_slicedToArray","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutProperties","_excluded","rowId","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","isUndefinedOrNull","_jsx","_objectSpread","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","display","alignItems","justifyContent","IconWrapper","padding","margin","color","icon","onClick","noop","size","Row","ctx","DragEditableTable","_otherProps$tableProp","_otherProps$tableProp2","uidFieldKey","onDragChange","disabledDrag","otherProps","form","Form","useFormInstance","dataList","useWatch","completeName","name","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","value","activeId","overId","columns","dataIndex","width","align","concat","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTable","tableProps","components","body","row","undefined"],"mappings":"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"}

package/dist/drag-collapse/index.d.ts

@@ -0,0 +1,45 @@
+import { CollapseProps } from 'antd';
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+
+export type DragCollapseItemKey = number | string;
+export type DragCollapseItem = {
+	key: DragCollapseItemKey;
+	header: ReactNode;
+	content: ReactElement;
+};
+export type DragCollapseProps = {
+	className?: string;
+	style?: CSSProperties;
+	/** 面板数据 */
+	items: DragCollapseItem[];
+	/** 拖拽面板回调 */
+	onDropChange: (items: DragCollapseItem[]) => void;
+	/** 手风琴模式，只允许单个内容区域展开 */
+	accordion?: boolean;
+	/** 当前激活 tab 面板的key  */
+	activeKey?: DragCollapseItemKey | DragCollapseItemKey[];
+	/** 所有子面板是否可折叠或指定可折叠触发区域，可选: header | icon | disabled */
+	collapsible?: CollapseProps["collapsible"];
+	/** 初始化选中面板的 key */
+	defaultActiveKey?: DragCollapseItemKey[];
+	/** 自定义切换图标	 */
+	expandIcon?: CollapseProps["expandIcon"];
+	/** 设置图标位置，可选：start | end */
+	expandIconPosition?: CollapseProps["expandIconPosition"];
+	/** 设置折叠面板大小	 */
+	size?: CollapseProps["size"];
+	/** 隐藏拖拽图标，默认不隐藏 */
+	hideDragIcon?: boolean;
+	/** 设置拖拽图标 */
+	dragIcon?: ReactElement;
+	/** 切换面板的回调	 */
+	onChange?: (activeKey?: DragCollapseItemKey | DragCollapseItemKey[]) => void;
+};
+/**
+ * 可拖拽 折叠面板
+ * @param props
+ * @returns
+ */
+export declare const DragCollapse: (props: DragCollapseProps) => import("react").JSX.Element;
+
+export {};

package/dist/drag-collapse/index.js

@@ -0,0 +1,21 @@
+/* eslint-disable */
+import './../fba-hooks/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { D as DragCollapse } from '../drag-collapse-wL7wIgVO.js';
+import '@dimjs/utils/class-names/class-names';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@dimjs/utils/array/array-remove';
+import '@wove/react/hooks';
+import 'react';
+import '@dnd-kit/core';
+import '@dnd-kit/sortable';
+import '@flatbiz/utils';
+import '../fba-hooks/index.js';
+import '../use-responsive-point-Bp3D3lZT.js';
+import 'antd';
+import '@ant-design/icons/es/icons/DragOutlined.js';
+import '@dnd-kit/utilities';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/drag-collapse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/drag-collapse-DU_JhQTz.js

@@ -0,0 +1,265 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { b as _objectSpread2, c as _toConsumableArray, a as _slicedToArray } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { arrayRemove } from '@dimjs/utils/array/array-remove';
+import { hooks } from '@wove/react/hooks';
+import { Fragment, useState, useRef, useMemo } from 'react';
+import { Form, Collapse } from 'antd';
+import { DndContext, closestCenter, DragOverlay } from '@dnd-kit/core';
+import { useSortable, SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable';
+import { toArray } from '@flatbiz/utils';
+import { fbaHooks } from './fba-hooks/index.js';
+import _DragOutlined from '@ant-design/icons/es/icons/DragOutlined.js';
+import { CSS } from '@dnd-kit/utilities';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function SortableItem(props) {
+  var _props$getItemDragDis, _props$onChange;
+  var form = Form.useFormInstance();
+  var isDisabled = props.isOverlay ? false : (_props$getItemDragDis = props.getItemDragDisabled) === null || _props$getItemDragDis === void 0 ? void 0 : _props$getItemDragDis.call(props, props.uid, props.index);
+  var _useSortable = useSortable({
+      id: props.uid,
+      disabled: isDisabled
+    }),
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition;
+  var header = function header() {
+    var dragIcon = props.dragIcon ? props.dragIcon : /*#__PURE__*/jsx(_DragOutlined, {});
+    var headerContent = props.header({
+      formListFieldData: props.formListFieldData,
+      operation: props.formListOperate,
+      uid: props.uid,
+      formStageCompleteName: props.formStageCompleteName,
+      getInsideFormItemName: function getInsideFormItemName(key) {
+        return [props.formListFieldData.name].concat(_toConsumableArray(toArray(key)));
+      },
+      getInsideFormItemData: function getInsideFormItemData() {
+        return form.getFieldValue(props.formStageCompleteName) || {};
+      },
+      index: props.index
+    });
+    return props.dragDisabled ? headerContent : /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+        className: "dc-drag-trigger"
+      }, listeners), {}, {
+        children: dragIcon
+      })), /*#__PURE__*/jsx("span", {
+        className: "dc-drag-header-content",
+        style: props.headerStyle,
+        children: headerContent
+      })]
+    });
+  };
+  var style = _objectSpread2({
+    transform: CSS.Transform.toString(transform),
+    transition: transition
+  }, props.style);
+  var cname = classNames('drag-collapse', {
+    'drag-collapse-grap': props.isGray,
+    'drag-collapse-last': props.isLast,
+    'drag-collapse-drag-disabled': isDisabled
+  }, props.className);
+  return /*#__PURE__*/jsx(Collapse, {
+    activeKey: props.isActive ? props.uid : undefined,
+    accordion: true,
+    className: cname,
+    collapsible: props.collapsible,
+    expandIcon: props.expandIcon,
+    expandIconPosition: props.expandIconPosition,
+    size: props.size,
+    onChange: (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.bind(null, props.uid),
+    style: _objectSpread2({}, style),
+    ref: setNodeRef,
+    items: [{
+      key: props.uid,
+      label: header(),
+      children: /*#__PURE__*/jsx(Fragment, {
+        children: props.content({
+          formListFieldData: props.formListFieldData,
+          operation: props.formListOperate,
+          uid: props.uid,
+          formStageCompleteName: props.formStageCompleteName,
+          getInsideFormItemName: function getInsideFormItemName(key) {
+            return [props.formListFieldData.name].concat(_toConsumableArray(toArray(key)));
+          },
+          getInsideFormItemData: function getInsideFormItemData() {
+            return form.getFieldValue(props.formStageCompleteName) || {};
+          },
+          index: props.index
+        })
+      })
+    }]
+  });
+}
+
+var DragCollapseFormList = function DragCollapseFormList(props) {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    dragActiveId = _useState2[0],
+    setDragActiveId = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    openKeys = _useState4[0],
+    setOpenKeys = _useState4[1];
+  var form = Form.useFormInstance();
+  var formListOperationRef = useRef([]);
+  var formListValue = Form.useWatch(props.formListName, form);
+  var getUidValue = hooks.useCallbackRef(function (item) {
+    return item === null || item === void 0 ? void 0 : item[props.uidFieldName || 'uid'];
+  });
+  fbaHooks.useEffectCustom(function () {
+    var defaultActiveKeys = toArray(props.defaultActiveKey);
+    if (!props.activeKey && defaultActiveKeys.length > 0) {
+      setOpenKeys(defaultActiveKeys);
+    } else {
+      setOpenKeys(toArray(props.activeKey));
+    }
+  }, []);
+  hooks.useUpdateEffect(function () {
+    setOpenKeys(toArray(props.activeKey));
+  }, [props.activeKey]);
+  var onChange = function onChange(key) {
+    var openKeysNew = [];
+    if (props.accordion) {
+      if (openKeys[0] && openKeys[0] === key) {
+        openKeysNew = [];
+      } else {
+        openKeysNew = [key];
+      }
+    } else {
+      var has = openKeys.includes(key);
+      if (has) {
+        arrayRemove(openKeys, key);
+        openKeysNew = _toConsumableArray(openKeys);
+      } else {
+        openKeysNew = openKeys.concat(key);
+      }
+    }
+    setOpenKeys(openKeysNew);
+    if (props.accordion) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, openKeysNew.length ? openKeysNew[0] : undefined);
+    } else {
+      var _props$onChange2;
+      (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, openKeysNew.length ? openKeysNew : undefined);
+    }
+  };
+  function handleDragStart(event) {
+    var active = event.active;
+    setDragActiveId(active.id);
+  }
+  var getItems = hooks.useCallbackRef(function () {
+    return form.getFieldValue(props.formListName) || [];
+  });
+  function handleDragEnd(event) {
+    var active = event.active,
+      over = event.over;
+    var items = getItems();
+    if (active.id !== over.id) {
+      var _props$onDropChange;
+      var oldIndex = items.findIndex(function (item) {
+        return getUidValue(item) === active.id;
+      });
+      var newIndex = items.findIndex(function (item) {
+        return getUidValue(item) === over.id;
+      });
+      var newList = arrayMove(items, oldIndex, newIndex);
+      form.setFields([{
+        name: props.formListName,
+        value: newList
+      }]);
+      (_props$onDropChange = props.onDropChange) === null || _props$onDropChange === void 0 || _props$onDropChange.call(props, newList);
+    }
+    setDragActiveId(undefined);
+  }
+  var dragOverlayItem = useMemo(function () {
+    if (!dragActiveId) return undefined;
+    var items = getItems();
+    var targetIndex = items.findIndex(function (item) {
+      return getUidValue(item) === dragActiveId;
+    });
+    return formListOperationRef.current.find(function (item) {
+      return item.name === targetIndex;
+    });
+  }, [dragActiveId, getItems, getUidValue]);
+  var cName = classNames('drag-collapse-formlist-wrapper', {
+    'dcfw-isEmpty': toArray(formListValue).length === 0
+  }, props.className);
+  return /*#__PURE__*/jsx("div", {
+    className: cName,
+    style: props.style,
+    children: /*#__PURE__*/jsx(DndContext, {
+      collisionDetection: closestCenter,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      children: /*#__PURE__*/jsx(Form.List, {
+        name: props.formListName,
+        rules: props.rules,
+        children: function children(fields, operate) {
+          formListOperationRef.current = fields;
+          return /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx(SortableContext, {
+              items: getItems().map(function (temp) {
+                return getUidValue(temp);
+              }),
+              strategy: verticalListSortingStrategy,
+              children: /*#__PURE__*/jsx(Fragment, {
+                children: fields.map(function (item, index) {
+                  var uid = getUidValue(getItems()[index]);
+                  return /*#__PURE__*/jsx(SortableItem, {
+                    formListOperate: operate,
+                    formListFieldData: item,
+                    uid: uid,
+                    isActive: openKeys.includes(uid),
+                    collapsible: props.collapsible,
+                    expandIcon: props.expandIcon,
+                    expandIconPosition: props.expandIconPosition,
+                    size: props.size,
+                    dragIcon: props.dragIcon,
+                    getItemDragDisabled: props.getItemDragDisabled,
+                    dragDisabled: props.dragDisabled,
+                    onChange: onChange,
+                    isGray: uid === dragActiveId,
+                    isLast: index === getItems().length - 1,
+                    header: props.header,
+                    content: props.content,
+                    index: index,
+                    formStageCompleteName: [].concat(_toConsumableArray(toArray(props.formListName)), [item.name])
+                  }, "".concat(uid, "-").concat(item.key));
+                })
+              })
+            }), /*#__PURE__*/jsx(DragOverlay, {
+              dropAnimation: {
+                duration: 0
+              },
+              children: dragActiveId && dragOverlayItem ? /*#__PURE__*/jsx(SortableItem, {
+                isOverlay: true,
+                uid: dragActiveId,
+                className: "overlay-sortable-item",
+                formListFieldData: dragOverlayItem,
+                isActive: openKeys.includes(dragActiveId),
+                collapsible: props.collapsible,
+                expandIcon: props.expandIcon,
+                expandIconPosition: props.expandIconPosition,
+                size: props.size,
+                dragIcon: props.dragIcon,
+                onChange: onChange,
+                header: props.header,
+                content: props.content,
+                formListOperate: null,
+                index: 0,
+                formStageCompleteName: [].concat(_toConsumableArray(toArray(props.formListName)), [dragOverlayItem.name])
+              }, dragActiveId) : null
+            })]
+          });
+        }
+      })
+    })
+  });
+};
+
+export { DragCollapseFormList as D };
+//# sourceMappingURL=drag-collapse-DU_JhQTz.js.map

package/dist/drag-collapse-DU_JhQTz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-collapse-DU_JhQTz.js","sources":["@flatbiz/antd/src/drag-collapse-form-list/sortable-item.tsx","@flatbiz/antd/src/drag-collapse-form-list/drag-collapse.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport { Fragment } from 'react';\nimport type { FormListFieldData, FormListOperation } from 'antd';\nimport { Collapse, Form } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { toArray } from '@flatbiz/utils';\nimport type { DragCollapseFormListProps } from './types.js';\nexport type SortableItemProps = {\n  formListFieldData: FormListFieldData;\n  formListOperate: FormListOperation;\n  onChange: (activeKey: number | string) => void;\n  header: DragCollapseFormListProps['header'];\n  content: DragCollapseFormListProps['content'];\n  collapsible?: DragCollapseFormListProps['collapsible'];\n  expandIcon?: DragCollapseFormListProps['expandIcon'];\n  expandIconPosition?: DragCollapseFormListProps['expandIconPosition'];\n  size?: DragCollapseFormListProps['size'];\n  dragIcon?: DragCollapseFormListProps['dragIcon'];\n  getItemDragDisabled?: DragCollapseFormListProps['getItemDragDisabled'];\n  dragDisabled?: DragCollapseFormListProps['dragDisabled'];\n  isGray?: boolean;\n  isLast?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  uid: string | number;\n  isActive?: boolean;\n  headerStyle?: CSSProperties;\n  index: number;\n  isOverlay?: boolean;\n  formStageCompleteName: Array<string | number>;\n};\nexport function SortableItem(props: SortableItemProps) {\n  const form = Form.useFormInstance();\n  const isDisabled = props.isOverlay\n    ? false\n    : props.getItemDragDisabled?.(props.uid, props.index);\n  const { listeners, setNodeRef, transform, transition } = useSortable({\n    id: props.uid,\n    disabled: isDisabled,\n  });\n\n  const header = () => {\n    const dragIcon = props.dragIcon ? props.dragIcon : <DragOutlined />;\n    const headerContent = props.header({\n      formListFieldData: props.formListFieldData,\n      operation: props.formListOperate,\n      uid: props.uid,\n      formStageCompleteName: props.formStageCompleteName,\n      getInsideFormItemName: (key: string | string[]) => {\n        return [props.formListFieldData.name, ...toArray(key)] as (\n          | string\n          | number\n        )[];\n      },\n      getInsideFormItemData: () => {\n        return form.getFieldValue(props.formStageCompleteName) || {};\n      },\n      index: props.index,\n    });\n    return props.dragDisabled ? (\n      headerContent\n    ) : (\n      <Fragment>\n        <span className=\"dc-drag-trigger\" {...listeners}>\n          {dragIcon}\n        </span>\n        <span className=\"dc-drag-header-content\" style={props.headerStyle}>\n          {headerContent}\n        </span>\n      </Fragment>\n    );\n  };\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    ...props.style,\n  };\n\n  const cname = classNames(\n    'drag-collapse',\n    {\n      'drag-collapse-grap': props.isGray,\n      'drag-collapse-last': props.isLast,\n      'drag-collapse-drag-disabled': isDisabled,\n    },\n    props.className\n  );\n  return (\n    <Collapse\n      activeKey={props.isActive ? props.uid : undefined}\n      accordion\n      className={cname}\n      collapsible={props.collapsible}\n      expandIcon={props.expandIcon}\n      expandIconPosition={props.expandIconPosition}\n      size={props.size}\n      onChange={props.onChange?.bind(null, props.uid)}\n      style={{ ...style }}\n      ref={setNodeRef}\n      items={[\n        {\n          key: props.uid,\n          label: header(),\n          children: (\n            <Fragment>\n              {props.content({\n                formListFieldData: props.formListFieldData,\n                operation: props.formListOperate,\n                uid: props.uid,\n                formStageCompleteName: props.formStageCompleteName,\n                getInsideFormItemName: (key: string | string[]) => {\n                  return [props.formListFieldData.name, ...toArray(key)] as (\n                    | string\n                    | number\n                  )[];\n                },\n                getInsideFormItemData: () => {\n                  return form.getFieldValue(props.formStageCompleteName) || {};\n                },\n                index: props.index,\n              })}\n            </Fragment>\n          ),\n        },\n      ]}\n    />\n  );\n}\n","import { Fragment, useMemo, useRef, useState } from 'react';\nimport type { FormListFieldData } from 'antd';\nimport { Form } from 'antd';\nimport { arrayRemove, classNames } from '@dimjs/utils';\nimport { closestCenter, DndContext, DragOverlay } from '@dnd-kit/core';\nimport {\n  arrayMove,\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport type { TAny, TPlainObject } from '@flatbiz/utils';\nimport { toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport { SortableItem } from './sortable-item.jsx';\nimport type { DragCollapseFormListProps } from './types.js';\nimport './style.less';\n\n/**\n * 可拖拽 折叠面板+FormList\n * ```\n * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置名称\n * ```\n */\nexport const DragCollapseFormList = (props: DragCollapseFormListProps) => {\n  const [dragActiveId, setDragActiveId] = useState<string | number>();\n  const [openKeys, setOpenKeys] = useState<(number | string)[]>([]);\n  const form = Form.useFormInstance();\n  const formListOperationRef = useRef<FormListFieldData[]>([]);\n\n  const formListValue = Form.useWatch(props.formListName, form);\n\n  const getUidValue = hooks.useCallbackRef((item) => {\n    return item?.[props.uidFieldName || 'uid'] as string | number;\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    const defaultActiveKeys = toArray<string | number>(props.defaultActiveKey);\n    if (!props.activeKey && defaultActiveKeys.length > 0) {\n      setOpenKeys(defaultActiveKeys);\n    } else {\n      setOpenKeys(toArray(props.activeKey));\n    }\n  }, []);\n\n  hooks.useUpdateEffect(() => {\n    setOpenKeys(toArray(props.activeKey));\n  }, [props.activeKey]);\n\n  const onChange = (key: number | string) => {\n    let openKeysNew: (number | string)[] = [];\n    if (props.accordion) {\n      if (openKeys[0] && openKeys[0] === key) {\n        openKeysNew = [];\n      } else {\n        openKeysNew = [key];\n      }\n    } else {\n      const has = openKeys.includes(key);\n      if (has) {\n        arrayRemove(openKeys, key);\n        openKeysNew = [...openKeys];\n      } else {\n        openKeysNew = openKeys.concat(key);\n      }\n    }\n    setOpenKeys(openKeysNew);\n    if (props.accordion) {\n      props.onChange?.(openKeysNew.length ? openKeysNew[0] : undefined);\n    } else {\n      props.onChange?.(openKeysNew.length ? openKeysNew : undefined);\n    }\n  };\n\n  function handleDragStart(event) {\n    const { active } = event;\n    setDragActiveId(active.id);\n  }\n\n  const getItems = hooks.useCallbackRef(() => {\n    return (form.getFieldValue(props.formListName) || []) as TPlainObject[];\n  });\n\n  function handleDragEnd(event) {\n    const { active, over } = event;\n    const items = getItems();\n    if (active.id !== over.id) {\n      const oldIndex = items.findIndex(\n        (item) => getUidValue(item) === active.id\n      );\n      const newIndex = items.findIndex((item) => getUidValue(item) === over.id);\n      const newList = arrayMove<TPlainObject>(items, oldIndex, newIndex);\n      form.setFields([\n        {\n          name: props.formListName,\n          value: newList,\n        },\n      ]);\n      props.onDropChange?.(newList);\n    }\n    setDragActiveId(undefined);\n  }\n\n  const dragOverlayItem = useMemo(() => {\n    if (!dragActiveId) return undefined;\n    const items = getItems();\n    const targetIndex = items.findIndex(\n      (item) => getUidValue(item) === dragActiveId\n    );\n    return formListOperationRef.current.find(\n      (item) => item.name === targetIndex\n    );\n  }, [dragActiveId, getItems, getUidValue]);\n\n  const cName = classNames(\n    'drag-collapse-formlist-wrapper',\n    { 'dcfw-isEmpty': toArray(formListValue).length === 0 },\n    props.className\n  );\n  return (\n    <div className={cName} style={props.style}>\n      <DndContext\n        collisionDetection={closestCenter}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n      >\n        <Form.List name={props.formListName} rules={props.rules}>\n          {(fields, operate) => {\n            formListOperationRef.current = fields;\n            return (\n              <Fragment>\n                <SortableContext\n                  items={getItems().map((temp) => getUidValue(temp))}\n                  strategy={verticalListSortingStrategy}\n                >\n                  <Fragment>\n                    {fields.map((item, index) => {\n                      const uid = getUidValue(getItems()[index]);\n                      return (\n                        <SortableItem\n                          formListOperate={operate}\n                          formListFieldData={item}\n                          uid={uid}\n                          key={`${uid}-${item.key}`}\n                          isActive={openKeys.includes(uid)}\n                          collapsible={props.collapsible}\n                          expandIcon={props.expandIcon}\n                          expandIconPosition={props.expandIconPosition}\n                          size={props.size}\n                          dragIcon={props.dragIcon}\n                          getItemDragDisabled={props.getItemDragDisabled}\n                          dragDisabled={props.dragDisabled}\n                          onChange={onChange}\n                          isGray={uid === dragActiveId}\n                          isLast={index === getItems().length - 1}\n                          header={props.header}\n                          content={props.content}\n                          index={index}\n                          formStageCompleteName={[\n                            ...toArray<string | number>(props.formListName),\n                            item.name,\n                          ]}\n                        />\n                      );\n                    })}\n                  </Fragment>\n                </SortableContext>\n                <DragOverlay dropAnimation={{ duration: 0 }}>\n                  {dragActiveId && dragOverlayItem ? (\n                    <SortableItem\n                      isOverlay={true}\n                      uid={dragActiveId}\n                      key={dragActiveId}\n                      className=\"overlay-sortable-item\"\n                      formListFieldData={dragOverlayItem}\n                      isActive={openKeys.includes(dragActiveId)}\n                      collapsible={props.collapsible}\n                      expandIcon={props.expandIcon}\n                      expandIconPosition={props.expandIconPosition}\n                      size={props.size}\n                      dragIcon={props.dragIcon}\n                      onChange={onChange}\n                      header={props.header}\n                      content={props.content}\n                      formListOperate={null as TAny}\n                      index={0}\n                      formStageCompleteName={[\n                        ...toArray<string | number>(props.formListName),\n                        dragOverlayItem.name,\n                      ]}\n                    />\n                  ) : null}\n                </DragOverlay>\n              </Fragment>\n            );\n          }}\n        </Form.List>\n      </DndContext>\n    </div>\n  );\n};\n"],"names":["SortableItem","props","_props$getItemDragDis","_props$onChange","form","Form","useFormInstance","isDisabled","isOverlay","getItemDragDisabled","call","uid","index","_useSortable","useSortable","id","disabled","listeners","setNodeRef","transform","transition","header","dragIcon","_jsx","_DragOutlined","headerContent","formListFieldData","operation","formListOperate","formStageCompleteName","getInsideFormItemName","key","name","concat","_toConsumableArray","toArray","getInsideFormItemData","getFieldValue","dragDisabled","_jsxs","Fragment","children","_objectSpread","className","style","headerStyle","CSS","Transform","toString","cname","_classNames","isGray","isLast","Collapse","activeKey","isActive","undefined","accordion","collapsible","expandIcon","expandIconPosition","size","onChange","bind","ref","items","label","content","DragCollapseFormList","_useState","useState","_useState2","_slicedToArray","dragActiveId","setDragActiveId","_useState3","_useState4","openKeys","setOpenKeys","formListOperationRef","useRef","formListValue","useWatch","formListName","getUidValue","_hooks","useCallbackRef","item","uidFieldName","fbaHooks","useEffectCustom","defaultActiveKeys","defaultActiveKey","length","useUpdateEffect","openKeysNew","has","includes","_arrayRemove","_props$onChange2","handleDragStart","event","active","getItems","handleDragEnd","over","_props$onDropChange","oldIndex","findIndex","newIndex","newList","arrayMove","setFields","value","onDropChange","dragOverlayItem","useMemo","targetIndex","current","find","cName","DndContext","collisionDetection","closestCenter","onDragStart","onDragEnd","List","rules","fields","operate","SortableContext","map","temp","strategy","verticalListSortingStrategy","DragOverlay","dropAnimation","duration"],"mappings":"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"}