@flatbiz/antd 4.5.25 → 5.0.0

package/dist/drag-form-list-BGqbBKJM.js

@@ -0,0 +1,293 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { b as _objectSpread2, c as _toConsumableArray, a as _slicedToArray, i as _defineProperty } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { hooks } from '@wove/react/hooks';
+import { Fragment, useState, useRef, useMemo } from 'react';
+import { Form, Empty } from 'antd';
+import { DndContext, closestCenter, DragOverlay } from '@dnd-kit/core';
+import { useSortable, SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable';
+import { toArray, getUuid } from '@flatbiz/utils';
+import { B as BlockLayout } from './layout-OPf8eBBY.js';
+import { B as ButtonWrapper } from './button-wrapper-l9FUsrWl.js';
+import { FormItemGroup } from './form-item-group/index.js';
+import { T as TextSymbolWrapper } from './symbol-CX0y_DJ4.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;
+  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 dragIconRender = hooks.useCallbackRef(function () {
+    var dragIcon = props.dragIcon ? props.dragIcon : /*#__PURE__*/jsx(_DragOutlined, {});
+    return props.dragDisabled ? /*#__PURE__*/jsx(Fragment, {}) : /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+      className: "drag-form-list-item-trigger"
+    }, listeners), {}, {
+      children: /*#__PURE__*/jsx("span", {
+        children: dragIcon
+      })
+    }));
+  });
+  var style = _objectSpread2({
+    transform: CSS.Transform.toString(transform),
+    transition: transition
+  }, props.style);
+  var cname = classNames('drag-form-list-item', {
+    'drag-form-list-item-grap': props.isGray,
+    'drag-form-list-item-disabled': isDisabled
+  }, props.className);
+  return /*#__PURE__*/jsxs("div", {
+    style: _objectSpread2({}, style),
+    ref: setNodeRef,
+    className: cname,
+    children: [/*#__PURE__*/jsx(Form.Item, {
+      noStyle: true,
+      children: dragIconRender()
+    }), /*#__PURE__*/jsx("div", {
+      className: "drag-form-list-item-content",
+      children: props.children({
+        formListFieldData: props.formListFieldData,
+        operation: props.formListOperate,
+        formStageCompleteName: props.formStageCompleteName,
+        index: props.index,
+        getInsideFormItemName: function getInsideFormItemName(key) {
+          return [props.formListFieldData.name].concat(_toConsumableArray(toArray(key)));
+        },
+        getInsideFormItemData: function getInsideFormItemData() {
+          return form.getFieldValue(props.formStageCompleteName) || {};
+        },
+        prevCompleteName: props.prevCompleteName,
+        uidKey: props.uidFieldName
+      })
+    })]
+  });
+}
+
+var FormListChildrenWrapper = function FormListChildrenWrapper(props) {
+  if (props.wrapper) return props.wrapper({
+    children: props.children
+  });
+  return props.children;
+};
+var FormListTitleRender = function FormListTitleRender(props) {
+  var _props$formListItemTi, _props$formListItemTi2, _props$formListItemTi3;
+  var gap = (_props$formListItemTi = props.formListItemTitleHProps) === null || _props$formListItemTi === void 0 ? void 0 : _props$formListItemTi.gap;
+  var innerList = props.dragDisabled ? [] : [{
+    width: 35,
+    mainItem: /*#__PURE__*/jsx("div", {
+      style: {
+        marginRight: gap === undefined ? -15 : -gap
+      }
+    })
+  }];
+  return /*#__PURE__*/jsx(FormItemGroup.HorizontalUnion, _objectSpread2(_objectSpread2({}, props.formListItemTitleHProps), {}, {
+    style: _objectSpread2({
+      marginBottom: 10
+    }, (_props$formListItemTi2 = props.formListItemTitleHProps) === null || _props$formListItemTi2 === void 0 ? void 0 : _props$formListItemTi2.style),
+    groupConfigList: innerList.concat(((_props$formListItemTi3 = props.formListItemTitleList) === null || _props$formListItemTi3 === void 0 ? void 0 : _props$formListItemTi3.map(function (item) {
+      if (item.required) {
+        return {
+          width: item.width,
+          mainItem: /*#__PURE__*/jsx("div", {
+            style: {
+              textAlign: 'center'
+            },
+            children: /*#__PURE__*/jsx(TextSymbolWrapper, {
+              text: item.title,
+              symbolType: "required"
+            })
+          })
+        };
+      }
+      return {
+        width: item.width,
+        mainItem: /*#__PURE__*/jsx("div", {
+          style: {
+            textAlign: 'center'
+          },
+          children: item.title
+        })
+      };
+    })) || [])
+  }));
+};
+
+/**
+ * 可拖拽FormList
+ * ```
+ * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list
+ * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置
+ * 2. 通过 itemGap 设置FormList Item 之间间隙
+ * ```
+ */
+var DragFormList = function DragFormList(props) {
+  var stageCompleteName = [].concat(_toConsumableArray(props.prevCompleteName), _toConsumableArray(toArray(props.name)));
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    dragActiveId = _useState2[0],
+    setDragActiveId = _useState2[1];
+  var form = Form.useFormInstance();
+  var formListOperationRef = useRef([]);
+  var uidFieldName = props.uidFieldName || 'uid';
+  // 使用 useWatch 可确保FormList在变更后及时刷新
+  var formListValue = Form.useWatch(stageCompleteName, form);
+  var getUidValue = hooks.useCallbackRef(function (item) {
+    return item === null || item === void 0 ? void 0 : item[uidFieldName];
+  });
+  function handleDragStart(event) {
+    var active = event.active;
+    setDragActiveId(active.id);
+  }
+  var getItems = hooks.useCallbackRef(function () {
+    /** 只能通过getFieldValue取值 */
+    return form.getFieldValue(stageCompleteName) || [];
+  });
+  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.name,
+        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 gapHalf = props.itemGap ? props.itemGap / 2 : 8;
+  return /*#__PURE__*/jsx(BlockLayout, {
+    className: classNames('drag-form-list', props.className),
+    style: props.style,
+    children: /*#__PURE__*/jsx(DndContext, {
+      collisionDetection: closestCenter,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      children: /*#__PURE__*/jsx(Form.List, {
+        name: props.name,
+        rules: props.rules,
+        children: function children(fields, operation, _ref) {
+          var _props$formListItemTi4;
+          var errors = _ref.errors;
+          formListOperationRef.current = fields;
+          return /*#__PURE__*/jsxs("div", {
+            style: {
+              borderRadius: '6px',
+              border: errors !== null && errors !== void 0 && errors.length ? '1px solid #ff4d4f' : '1px solid transparent'
+            },
+            children: [(_props$formListItemTi4 = props.formListItemTitleList) !== null && _props$formListItemTi4 !== void 0 && _props$formListItemTi4.length ? /*#__PURE__*/jsx(FormListTitleRender, {
+              formListItemTitleList: props.formListItemTitleList,
+              formListItemTitleHProps: props.formListItemTitleHorizontalUnionProps,
+              dragDisabled: props.dragDisabled
+            }) : null, !props.hiddenEmptyRender && !(formListValue !== null && formListValue !== void 0 && formListValue.length) ? /*#__PURE__*/jsx(Empty, {
+              image: Empty.PRESENTED_IMAGE_SIMPLE,
+              style: {
+                margin: '15px 0'
+              }
+            }) : null, /*#__PURE__*/jsxs(Fragment, {
+              children: [/*#__PURE__*/jsx(SortableContext, {
+                items: getItems().map(function (temp) {
+                  return getUidValue(temp);
+                }),
+                strategy: verticalListSortingStrategy,
+                children: /*#__PURE__*/jsxs(Fragment, {
+                  children: [/*#__PURE__*/jsx(FormListChildrenWrapper, {
+                    wrapper: props.formListChildrenWrapper,
+                    children: /*#__PURE__*/jsx(Fragment, {
+                      children: fields.map(function (item, index) {
+                        var uid = getUidValue(getItems()[index]);
+                        if (!uid) return null;
+                        return /*#__PURE__*/jsx(SortableItem, {
+                          formListOperate: operation,
+                          formListFieldData: item,
+                          uid: uid,
+                          dragIcon: props.dragIcon,
+                          getItemDragDisabled: props.getItemDragDisabled,
+                          dragDisabled: props.dragDisabled,
+                          isGray: !!uid && uid === dragActiveId,
+                          index: index,
+                          formStageCompleteName: [].concat(_toConsumableArray(stageCompleteName), [item.name]),
+                          prevCompleteName: stageCompleteName,
+                          uidFieldName: uidFieldName,
+                          style: _objectSpread2(_objectSpread2({}, props.itemStyle), {}, {
+                            padding: "".concat(gapHalf, "px 0 ").concat(gapHalf, "px 0")
+                          }),
+                          children: props.children
+                        }, "".concat(uid, "-").concat(item.key));
+                      })
+                    })
+                  }), props.onCustomAddRowButton ? props.onCustomAddRowButton(operation) : /*#__PURE__*/jsx(ButtonWrapper, {
+                    hidden: props.hiddenAddRowButton,
+                    type: "dashed",
+                    block: true,
+                    onClick: function onClick() {
+                      var _props$getAddRowDefau;
+                      return operation.add(_objectSpread2(_defineProperty({}, uidFieldName, getUuid()), (_props$getAddRowDefau = props.getAddRowDefaultValues) === null || _props$getAddRowDefau === void 0 ? void 0 : _props$getAddRowDefau.call(props)));
+                    },
+                    children: "\u6DFB\u52A0"
+                  })]
+                })
+              }), /*#__PURE__*/jsx(DragOverlay, {
+                dropAnimation: {
+                  duration: 0
+                },
+                children: dragActiveId && dragOverlayItem ? /*#__PURE__*/jsx(SortableItem, {
+                  isOverlay: true,
+                  uid: dragActiveId,
+                  className: "drag-form-list-overlay",
+                  formListFieldData: dragOverlayItem,
+                  dragIcon: props.dragIcon,
+                  formListOperate: null,
+                  index: 0,
+                  formStageCompleteName: [].concat(_toConsumableArray(stageCompleteName), [dragOverlayItem.name]),
+                  prevCompleteName: stageCompleteName,
+                  uidFieldName: uidFieldName,
+                  children: props.children
+                }, dragActiveId) : null
+              }), /*#__PURE__*/jsx(Form.ErrorList, {
+                errors: errors !== null && errors !== void 0 && errors.length ? [/*#__PURE__*/jsx("div", {
+                  style: {
+                    color: '#ff4d4f',
+                    padding: '5px'
+                  },
+                  children: errors
+                }, "0")] : undefined
+              })]
+            })]
+          });
+        }
+      })
+    })
+  });
+};
+
+export { DragFormList as D };
+//# sourceMappingURL=drag-form-list-BGqbBKJM.js.map

package/dist/drag-form-list-BGqbBKJM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-form-list-BGqbBKJM.js","sources":["@flatbiz/antd/src/drag-form-list/sortable-item.tsx","@flatbiz/antd/src/drag-form-list/drag-form-list.tsx"],"sourcesContent":["import { type CSSProperties, Fragment, type ReactElement } from 'react';\nimport { Form, type FormListFieldData, type FormListOperation } 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 { hooks } from '@wove/react';\nimport {\n  type DragFormListContentProps,\n  type DragFormListProps,\n} from './types.js';\nexport type SortableItemProps = {\n  formListFieldData: FormListFieldData;\n  formListOperate: FormListOperation;\n  dragIcon?: DragFormListProps['dragIcon'];\n  getItemDragDisabled?: DragFormListProps['getItemDragDisabled'];\n  dragDisabled?: DragFormListProps['dragDisabled'];\n  isGray?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  uid: string | number;\n  index: number;\n  isOverlay?: boolean;\n  formStageCompleteName: (string | number)[];\n  children: (data: DragFormListContentProps) => ReactElement;\n  prevCompleteName: (string | number)[];\n  uidFieldName: string;\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 dragIconRender = hooks.useCallbackRef(() => {\n    const dragIcon = props.dragIcon ? props.dragIcon : <DragOutlined />;\n    return props.dragDisabled ? (\n      <Fragment />\n    ) : (\n      <span className=\"drag-form-list-item-trigger\" {...listeners}>\n        <span>{dragIcon}</span>\n      </span>\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-form-list-item',\n    {\n      'drag-form-list-item-grap': props.isGray,\n      'drag-form-list-item-disabled': isDisabled,\n    },\n    props.className\n  );\n  return (\n    <div style={{ ...style }} ref={setNodeRef} className={cname}>\n      <Form.Item noStyle>{dragIconRender()}</Form.Item>\n      <div className=\"drag-form-list-item-content\">\n        {props.children({\n          formListFieldData: props.formListFieldData,\n          operation: props.formListOperate,\n          formStageCompleteName: props.formStageCompleteName,\n          index: props.index,\n          getInsideFormItemName: (key: string | string[]) => {\n            return [props.formListFieldData.name, ...toArray<string>(key)];\n          },\n          getInsideFormItemData: () => {\n            return form.getFieldValue(props.formStageCompleteName) || {};\n          },\n          prevCompleteName: props.prevCompleteName,\n          uidKey: props.uidFieldName,\n        })}\n      </div>\n    </div>\n  );\n}\n","import { Fragment, type ReactElement, useMemo, useRef, useState } from 'react';\nimport { Empty, Form, type FormListFieldData } from 'antd';\nimport { 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 { getUuid, type TAny, toArray, type TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { BlockLayout } from '../block-layout/layout.jsx';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport type { FormItemHorizontalUnionProps } from '../form-item-group/horizontal-union/index.jsx';\nimport { FormItemGroup } from '../form-item-group/index.js';\nimport { TextSymbolWrapper } from '../text-symbol-wrapper/symbol.jsx';\nimport { SortableItem } from './sortable-item.jsx';\nimport { type DragFormListProps } from './types.js';\nimport './style.less';\n\ntype FormListChildrenWrapperProps = {\n  wrapper?: DragFormListProps['formListChildrenWrapper'];\n\n  children: ReactElement;\n};\nconst FormListChildrenWrapper = (props: FormListChildrenWrapperProps) => {\n  if (props.wrapper) return props.wrapper({ children: props.children });\n  return props.children;\n};\n\nconst FormListTitleRender = (props: {\n  formListItemTitleList: DragFormListProps['formListItemTitleList'];\n  formListItemTitleHProps?: DragFormListProps['formListItemTitleHorizontalUnionProps'];\n  dragDisabled?: boolean;\n}) => {\n  const gap = props.formListItemTitleHProps?.gap;\n  const innerList: FormItemHorizontalUnionProps['groupConfigList'] =\n    props.dragDisabled\n      ? []\n      : [\n          {\n            width: 35,\n            mainItem: (\n              <div style={{ marginRight: gap === undefined ? -15 : -gap }} />\n            ),\n          },\n        ];\n  return (\n    <FormItemGroup.HorizontalUnion\n      {...props.formListItemTitleHProps}\n      style={{ marginBottom: 10, ...props.formListItemTitleHProps?.style }}\n      groupConfigList={innerList.concat(\n        props.formListItemTitleList?.map((item) => {\n          if (item.required) {\n            return {\n              width: item.width,\n              mainItem: (\n                <div style={{ textAlign: 'center' }}>\n                  <TextSymbolWrapper text={item.title} symbolType=\"required\" />\n                </div>\n              ),\n            };\n          }\n          return {\n            width: item.width,\n            mainItem: <div style={{ textAlign: 'center' }}>{item.title}</div>,\n          };\n        }) || []\n      )}\n    />\n  );\n};\n\n/**\n * 可拖拽FormList\n * ```\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list\n * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置\n * 2. 通过 itemGap 设置FormList Item 之间间隙\n * ```\n */\nexport const DragFormList = (props: DragFormListProps) => {\n  const stageCompleteName = [\n    ...props.prevCompleteName,\n    ...toArray(props.name),\n  ] as Array<string | number>;\n  const [dragActiveId, setDragActiveId] = useState<string | number>();\n  const form = Form.useFormInstance();\n  const formListOperationRef = useRef<FormListFieldData[]>([]);\n\n  const uidFieldName = props.uidFieldName || 'uid';\n  // 使用 useWatch 可确保FormList在变更后及时刷新\n  const formListValue = Form.useWatch(stageCompleteName, form);\n\n  const getUidValue = hooks.useCallbackRef((item) => {\n    return item?.[uidFieldName] as string | number;\n  });\n\n  function handleDragStart(event) {\n    const { active } = event;\n    setDragActiveId(active.id);\n  }\n\n  const getItems = hooks.useCallbackRef(() => {\n    /** 只能通过getFieldValue取值 */\n    return (form.getFieldValue(stageCompleteName) || []) 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.name,\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 gapHalf = props.itemGap ? props.itemGap / 2 : 8;\n\n  return (\n    <BlockLayout\n      className={classNames('drag-form-list', props.className)}\n      style={props.style}\n    >\n      <DndContext\n        collisionDetection={closestCenter}\n        onDragStart={handleDragStart}\n        onDragEnd={handleDragEnd}\n      >\n        <Form.List name={props.name} rules={props.rules}>\n          {(fields, operation, { errors }) => {\n            formListOperationRef.current = fields;\n            return (\n              <div\n                style={{\n                  borderRadius: '6px',\n                  border: errors?.length\n                    ? '1px solid #ff4d4f'\n                    : '1px solid transparent',\n                }}\n              >\n                {props.formListItemTitleList?.length ? (\n                  <FormListTitleRender\n                    formListItemTitleList={props.formListItemTitleList}\n                    formListItemTitleHProps={\n                      props.formListItemTitleHorizontalUnionProps\n                    }\n                    dragDisabled={props.dragDisabled}\n                  />\n                ) : null}\n                {!props.hiddenEmptyRender && !formListValue?.length ? (\n                  <Empty\n                    image={Empty.PRESENTED_IMAGE_SIMPLE}\n                    style={{ margin: '15px 0' }}\n                  />\n                ) : null}\n                <Fragment>\n                  <SortableContext\n                    items={getItems().map((temp) => getUidValue(temp))}\n                    strategy={verticalListSortingStrategy}\n                  >\n                    <Fragment>\n                      <FormListChildrenWrapper\n                        wrapper={props.formListChildrenWrapper}\n                      >\n                        <Fragment>\n                          {fields.map((item, index) => {\n                            const uid = getUidValue(getItems()[index]);\n                            if (!uid) return null;\n                            return (\n                              <SortableItem\n                                formListOperate={operation}\n                                formListFieldData={item}\n                                uid={uid}\n                                key={`${uid}-${item.key}`}\n                                dragIcon={props.dragIcon}\n                                getItemDragDisabled={props.getItemDragDisabled}\n                                dragDisabled={props.dragDisabled}\n                                isGray={!!uid && uid === dragActiveId}\n                                index={index}\n                                formStageCompleteName={[\n                                  ...stageCompleteName,\n                                  item.name,\n                                ]}\n                                prevCompleteName={stageCompleteName}\n                                uidFieldName={uidFieldName}\n                                style={{\n                                  ...props.itemStyle,\n                                  padding: `${gapHalf}px 0 ${gapHalf}px 0`,\n                                }}\n                              >\n                                {props.children}\n                              </SortableItem>\n                            );\n                          })}\n                        </Fragment>\n                      </FormListChildrenWrapper>\n                      {props.onCustomAddRowButton ? (\n                        props.onCustomAddRowButton(operation)\n                      ) : (\n                        <ButtonWrapper\n                          hidden={props.hiddenAddRowButton}\n                          type=\"dashed\"\n                          block\n                          onClick={() =>\n                            operation.add({\n                              [uidFieldName]: getUuid(),\n                              ...props.getAddRowDefaultValues?.(),\n                            })\n                          }\n                        >\n                          添加\n                        </ButtonWrapper>\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=\"drag-form-list-overlay\"\n                        formListFieldData={dragOverlayItem}\n                        dragIcon={props.dragIcon}\n                        formListOperate={null as TAny}\n                        index={0}\n                        formStageCompleteName={[\n                          ...stageCompleteName,\n                          dragOverlayItem.name,\n                        ]}\n                        prevCompleteName={stageCompleteName}\n                        uidFieldName={uidFieldName}\n                      >\n                        {props.children}\n                      </SortableItem>\n                    ) : null}\n                  </DragOverlay>\n                  <Form.ErrorList\n                    errors={\n                      errors?.length\n                        ? [\n                            <div\n                              style={{ color: '#ff4d4f', padding: '5px' }}\n                              key=\"0\"\n                            >\n                              {errors}\n                            </div>,\n                          ]\n                        : undefined\n                    }\n                  />\n                </Fragment>\n              </div>\n            );\n          }}\n        </Form.List>\n      </DndContext>\n    </BlockLayout>\n  );\n};\n"],"names":["SortableItem","props","_props$getItemDragDis","form","Form","useFormInstance","isDisabled","isOverlay","getItemDragDisabled","call","uid","index","_useSortable","useSortable","id","disabled","listeners","setNodeRef","transform","transition","dragIconRender","_hooks","useCallbackRef","dragIcon","_jsx","_DragOutlined","dragDisabled","Fragment","_objectSpread","className","children","style","CSS","Transform","toString","cname","_classNames","isGray","_jsxs","ref","Item","noStyle","formListFieldData","operation","formListOperate","formStageCompleteName","getInsideFormItemName","key","name","concat","_toConsumableArray","toArray","getInsideFormItemData","getFieldValue","prevCompleteName","uidKey","uidFieldName","FormListChildrenWrapper","wrapper","FormListTitleRender","_props$formListItemTi","_props$formListItemTi2","_props$formListItemTi3","gap","formListItemTitleHProps","innerList","width","mainItem","marginRight","undefined","FormItemGroup","HorizontalUnion","marginBottom","groupConfigList","formListItemTitleList","map","item","required","textAlign","TextSymbolWrapper","text","title","symbolType","DragFormList","stageCompleteName","_useState","useState","_useState2","_slicedToArray","dragActiveId","setDragActiveId","formListOperationRef","useRef","formListValue","useWatch","getUidValue","handleDragStart","event","active","getItems","handleDragEnd","over","items","_props$onDropChange","oldIndex","findIndex","newIndex","newList","arrayMove","setFields","value","onDropChange","dragOverlayItem","useMemo","targetIndex","current","find","gapHalf","itemGap","BlockLayout","DndContext","collisionDetection","closestCenter","onDragStart","onDragEnd","List","rules","fields","_ref","_props$formListItemTi4","errors","borderRadius","border","length","formListItemTitleHorizontalUnionProps","hiddenEmptyRender","Empty","image","PRESENTED_IMAGE_SIMPLE","margin","SortableContext","temp","strategy","verticalListSortingStrategy","formListChildrenWrapper","itemStyle","padding","onCustomAddRowButton","ButtonWrapper","hidden","hiddenAddRowButton","type","block","onClick","_props$getAddRowDefau","add","_defineProperty","getUuid","getAddRowDefaultValues","DragOverlay","dropAnimation","duration","ErrorList","color"],"mappings":"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"}

package/dist/drag-table/index.css

@@ -0,0 +1 @@
+.icon-wrapper{align-items:center;border-radius:6px;display:inline-flex;margin:0 -6px;padding:6px}.icon-wrapper .anticon+.icon-wrapper-text{margin-left:3px}.icon-wrapper-tigger{cursor:pointer}.icon-wrapper-tigger:hover{background-color:rgba(0,0,0,.06);position:relative;transform:scale(1.1);transition:all .1s ease-in}.icon-wrapper-small{border-radius:3px;font-size:14px;margin:0 -3px;padding:3px}.icon-wrapper-middle{font-size:16px}.icon-wrapper-large{font-size:20px}.icon-wrapper.icon-wrapper-hidden-hover-bgcolor{margin:0;padding:0}.icon-wrapper.icon-wrapper-hidden-hover-bgcolor:hover{background-color:transparent}

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

@@ -0,0 +1,44 @@
+import { TPlainObject } from '@flatbiz/utils';
+import { TableProps } from 'antd';
+import { ReactElement } from 'react';
+
+export type DragTableProps = Omit<TableProps<TPlainObject>, "dataSource"> & {
+	/**
+	 * ```
+	 * 1. 可自定义拖拽图标
+	 * 2. dragIcon = false，可设置表格行拖拽
+	 * ```
+	 */
+	dragIcon?: false | ReactElement;
+	/** 表格数据唯一值字段Key，未填或者无法唯一，都不能拖拽能力 */
+	uidFieldKey: string;
+	dataSource?: TPlainObject[];
+	/** 禁用拖拽 */
+	disabledDrag?: boolean;
+	/**
+	 * 拖拽结束事件
+	 * ```
+	 * dataSource: 拖拽完成后的数据源
+	 * dragData
+	 * 1. activeId 拖拽ID
+	 * 2. activeIndex 拖拽起始表格数组索引值
+	 * 3. overIndex 拖拽结束表格数组索引值
+	 * ```
+	 */
+	onDragChange?: (dataSource: TPlainObject[], dragData: {
+		activeId: string | number;
+		activeIndex: number;
+		overIndex: number;
+	}) => void;
+};
+/**
+ * 可拖拽表格
+ * ```
+ * 1. 必须设置唯一值字段 uidFieldKey
+ * 2. 如果拖拽显示异常，请检查 uidFieldKey 是否正确
+ * 3. Table 参数 components.body.row 被组件内部使用
+ * ```
+ */
+export declare const DragTable: (props: DragTableProps) => import("react").JSX.Element;
+
+export {};

package/dist/drag-table/index.js

@@ -0,0 +1,20 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { D as DragTable } from '../drag-table-By85hEGF.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import 'react';
+import 'antd';
+import '@dnd-kit/core';
+import '@dnd-kit/modifiers';
+import '@dnd-kit/sortable';
+import '@wove/react/create-ctx';
+import '@dnd-kit/utilities';
+import 'react/jsx-runtime';
+import '@ant-design/icons/es/icons/DragOutlined.js';
+import '@flatbiz/utils';
+import '../icon-wrapper-CR3akisG.js';
+import '@dimjs/utils/class-names/class-names';
+import '@dimjs/lang/is-undefined';
+//# sourceMappingURL=index.js.map

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

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

package/dist/drag-table-By85hEGF.js

@@ -0,0 +1,217 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { a as _slicedToArray, b as _objectSpread2, _ as _objectWithoutProperties, c as _toConsumableArray } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { Children, cloneElement, isValidElement, useState, useEffect, useMemo } from 'react';
+import { Table } 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 { createCtx } from '@wove/react/create-ctx';
+import { CSS } from '@dnd-kit/utilities';
+import { jsx } from 'react/jsx-runtime';
+import _DragOutlined from '@ant-design/icons/es/icons/DragOutlined.js';
+import { noop } from '@flatbiz/utils';
+import { I as IconWrapper } from './icon-wrapper-CR3akisG.js';
+
+var _createCtx = createCtx(),
+  _createCtx2 = _slicedToArray(_createCtx, 2),
+  getCtx = _createCtx2[0],
+  CtxProvider = _createCtx2[1];
+
+var TableTr = function TableTr(props) {
+  var _useSortable = useSortable({
+      id: props['data-row-key']
+    }),
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition,
+    isDragging = _useSortable.isDragging;
+  var style = _objectSpread2(_objectSpread2({}, props.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)'
+  } : {});
+  return /*#__PURE__*/jsx("tr", _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: setNodeRef,
+    style: style
+  }, listeners));
+};
+
+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 (!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: dragIcon === false ? 'move' : undefined
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 9999,
+    boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',
+    backgroundColor: 'var(--block-bg-color)'
+  } : {});
+  var iconElement = /*#__PURE__*/isValidElement(dragIcon) ? dragIcon : /*#__PURE__*/jsx(_DragOutlined, {});
+  return /*#__PURE__*/jsx("tr", _objectSpread2(_objectSpread2({}, innerProps), {}, {
+    ref: setNodeRef,
+    style: style,
+    children: 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',
+              position: 'absolute',
+              top: '50%',
+              left: '50%',
+              transform: 'translate(-50%, -50%)',
+              display: 'inline-flex'
+            }
+          }, 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 ctx.dragIcon === false ? /*#__PURE__*/jsx(TableTr, _objectSpread2(_objectSpread2({}, props), {}, {
+    dragIcon: ctx.dragIcon
+  })) : /*#__PURE__*/jsx(TableTrHandle, _objectSpread2(_objectSpread2({}, props), {}, {
+    dragIcon: ctx.dragIcon
+  }));
+};
+
+var _excluded = ["dragIcon", "uidFieldKey", "columns", "dataSource", "onDragChange", "disabledDrag"];
+/**
+ * 可拖拽表格
+ * ```
+ * 1. 必须设置唯一值字段 uidFieldKey
+ * 2. 如果拖拽显示异常，请检查 uidFieldKey 是否正确
+ * 3. Table 参数 components.body.row 被组件内部使用
+ * ```
+ */
+var DragTable = function DragTable(props) {
+  var _otherProps$component;
+  var dragIcon = props.dragIcon,
+    uidFieldKey = props.uidFieldKey,
+    columns = props.columns,
+    dataSource = props.dataSource,
+    onDragChange = props.onDragChange,
+    disabledDrag = props.disabledDrag,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataList = _useState2[0],
+    setDataList = _useState2[1];
+  useEffect(function () {
+    setDataList(dataSource || []);
+  }, [dataSource]);
+  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);
+      setDataList(_toConsumableArray(dataListNew));
+      onDragChange === null || onDragChange === void 0 || onDragChange(dataListNew, {
+        activeId: active.id,
+        activeIndex: activeIndex,
+        overIndex: overIndex
+      });
+    }
+  };
+  var columnsList = useMemo(function () {
+    if (dragIcon === false || props.disabledDrag) return columns;
+    return [{
+      key: 'sort',
+      dataIndex: 'sort',
+      align: 'center',
+      width: 50
+    }].concat(columns || []);
+  }, [columns, dragIcon, props.disabledDrag]);
+  var sensors = useSensors(useSensor(PointerSensor, {
+    activationConstraint: {
+      // 当拖拽触发区域有其他点击事件时，需要延迟触发拖拽动作
+      delay: dragIcon === false ? 150 : 0,
+      tolerance: 0
+    }
+  }));
+  return /*#__PURE__*/jsx(CtxProvider, {
+    value: {
+      dragIcon: dragIcon
+    },
+    children: /*#__PURE__*/jsx(DndContext, {
+      sensors: sensors,
+      modifiers: [restrictToVerticalAxis],
+      onDragEnd: onDragEnd,
+      children: /*#__PURE__*/jsx(SortableContext, {
+        items: dataList.map(function (i) {
+          return i[uidFieldKey];
+        }),
+        strategy: verticalListSortingStrategy,
+        children: /*#__PURE__*/jsx(Table, _objectSpread2(_objectSpread2({
+          pagination: false,
+          rowKey: uidFieldKey,
+          bordered: true,
+          components: _objectSpread2(_objectSpread2({}, otherProps.components), {}, {
+            body: _objectSpread2(_objectSpread2({}, (_otherProps$component = otherProps.components) === null || _otherProps$component === void 0 ? void 0 : _otherProps$component.body), {}, {
+              row: disabledDrag ? undefined : Row
+            })
+          })
+        }, otherProps), {}, {
+          dataSource: dataList,
+          columns: columnsList
+        }))
+      })
+    })
+  });
+};
+
+export { DragTable as D };
+//# sourceMappingURL=drag-table-By85hEGF.js.map