@flatbiz/antd 4.5.26 → 5.0.0

package/dist/drag-editable-card/index.d.ts

@@ -0,0 +1,387 @@
+import { TAny, TPlainObject } from '@flatbiz/utils';
+import { FormItemProps, FormListFieldData, FormListOperation, FormProps } from 'antd';
+import { FormListProps } from 'antd/es/form';
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+
+declare const PresetDefaultGrid: {
+	xs: number;
+	sm: number;
+	md: number;
+	lg: number;
+	xl: number;
+	xxl: number;
+};
+export type TBoxBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+export type Gutter = number | undefined | Partial<Record<TBoxBreakpoint, number>>;
+export type GutterParams = Gutter | [
+	Gutter,
+	Gutter
+];
+export interface BoxRowProps {
+	/**
+	 * 在不同响应尺寸下的元素占位格数
+	 * 应用到所有Col子元素上
+	 */
+	defaultGrid?: Partial<typeof PresetDefaultGrid>;
+	/** 间距 */
+	gutter?: GutterParams;
+	/** flex 布局的垂直对齐方式 */
+	align?: "top" | "middle" | "bottom" | "stretch";
+	/** flex 布局的水平排列方式 */
+	justify?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+	/** 尺寸变化回调 */
+	onBoxBreakpointChange?: (breakpoint: TBoxBreakpoint) => void;
+}
+export type TFormLayoutPreClassNameProps = {
+	/**
+	 * label宽度，Form内部所有FormItem label都生效
+	 * ```
+	 * 1. 可设置数值
+	 * 2. 可设置`auto`自适应
+	 * ```
+	 */
+	labelWidth?: "auto" | "70" | "80" | "90" | "100" | "110" | "120" | "130" | "140" | "150" | "160" | "170" | "180" | "190" | "200";
+	/** labelItem 竖直布局 */
+	labelItemVertical?: boolean;
+	/** label 对齐方式 */
+	labelAlign?: "left" | "right";
+	/** formItem之间竖直间距，默认值：24 */
+	formItemGap?: "24" | "15" | "8" | "5" | "0";
+	/**
+	 * className 中可能会包含 preDefinedClassName.form.xx，优先级大于 labelWidth、labelItemVertical、labelAlign、formItemGap
+	 */
+	className?: string;
+};
+export type TFormItemLayoutPreClassNameProps = {
+	/**
+	 * label宽度，Form内部所有FormItem label都生效
+	 * ```
+	 * 1. 可设置数值
+	 * 2. 可设置`auto`自适应
+	 * ```
+	 */
+	labelWidth?: "auto" | "70" | "80" | "90" | "100" | "110" | "120" | "130" | "140" | "150" | "160" | "170" | "180" | "190" | "200";
+	/** labelItem 竖直布局 */
+	labelItemVertical?: boolean;
+	/** label 对齐方式 */
+	labelAlign?: "left" | "right";
+	/**
+	 * className 中可能会包含 preDefinedClassName.formItem.xx，优先级大于 labelWidth、labelItemVertical、labelAlign
+	 */
+	className?: string;
+};
+export type FormWrapperProps<Values = any> = TFormLayoutPreClassNameProps & FormProps<Values> & {
+	children: ReactNode;
+};
+export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
+	/**
+	 * 定义一行显示几列（当外层宽度尺寸大于 992px（lg） 时，一行显示几列）, 默认值：3
+	 * ```
+	 * 1. 当外层宽度尺寸小于992px（lg），为xs、sm、md情况下不受column值影响（column=1除外）
+	 * 2. 宽度尺寸定义
+	 *    xs: 宽度 < 576px
+	 *    sm: 宽度 ≥ 576px
+	 *    md: 宽度 ≥ 768px
+	 *    lg: 宽度 ≥ 992px
+	 *    xl: 宽度 ≥ 1200px
+	 *    xxl: 宽度 ≥ 1600px
+	 * 3. 列数尺寸定义
+	 *  {
+	 *    1: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },
+	 *    2: { xs: 24, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12 },
+	 *    3: { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 8 },
+	 *    4: { xs: 24, sm: 12, md: 12, lg: 6, xl: 6, xxl: 6 },
+	 *  };
+	 * ```
+	 */
+	column?: 1 | 2 | 3 | 4;
+	/**
+	 * 强制定义一行显示几列，不考虑响应式
+	 * ```
+	 * 1. 优先级大于column
+	 * 2. 建议优先使用column配置
+	 * ```
+	 */
+	forceColumn?: 1 | 2 | 3 | 4;
+	/**
+	 * Form显示宽度，可数值、可百分比；在小屏幕尺寸（xs、sm）上无效
+	 */
+	width?: number | string;
+	/** 网格间距 */
+	gridGutter?: BoxRowProps["gutter"];
+	children: ReactNode;
+	/**
+	 * 是否为纯净模式，对EasyForm的子节点不做任何包装处理
+	 */
+	isPure?: boolean;
+	/**
+	 * true: 不使用Antd Form包裹，可在Form、EasyForm、FormWrapper内部使用
+	 */
+	nonuseFormWrapper?: boolean;
+};
+export type FormItemWrapperProps = FormItemProps & TFormItemLayoutPreClassNameProps & {
+	wrapper?: (children: ReactNode) => ReactElement;
+	/** 设置wrapper后，before、after失效 */
+	before?: ReactNode;
+	/** 设置wrapper后，before、after失效 */
+	after?: ReactNode;
+	/** value 序列化处理 */
+	inputNormalize?: (value?: TAny) => TAny;
+	/**
+	 * onChange 参数序列化处理
+	 * 如果设置 normalize 属性，outputNormalize将失效
+	 */
+	outputNormalize?: (value?: TAny) => TAny;
+	/** 是否清除 Form.Item  */
+	isClear?: boolean;
+	/**
+	 * 栅格占位格数，最大值：24
+	 * ```
+	 * 1. 当 FormItemWrapper 处在 EasyForm 直接子节点中有效，即FormItemWrapper在EasyForm栅格中的占位格数；
+	 * ```
+	 */
+	span?: number;
+};
+export type EditableCardDataIndex = string | string[];
+export interface EditableCardOperation {
+	index: number;
+	add: (defaultValue: TPlainObject, insertIndex?: number) => void;
+	remove: (index: number) => void;
+	/** 同一级内移动 */
+	move: (fromIndex: number, toIndex: number) => void;
+	/** 是否可编辑 */
+	editable: boolean;
+	/**
+	 * 设置当前卡片指定字段值
+	 */
+	setCurrentRowField: (dataIndexConfigs: {
+		name: EditableCardDataIndex;
+		value?: TAny;
+	}[]) => void;
+	/** 获取当前卡片表单数据 */
+	getCurrentRowData: () => TPlainObject;
+	/**
+	 * 当前卡片表单 name
+	 * ```
+	 * 值为 field.name
+	 * ```
+	 */
+	rowFormItemName: string | number;
+	/**
+	 * 当前卡片表单完整 name
+	 * ```
+	 * 例如：['dataList', 0]
+	 * ```
+	 */
+	rowFormItemCompleteName: Array<string | number>;
+	/** 当前卡片表单验证，需要自行指定nameList（dataIndex数组） */
+	validateRowFields: (nameList: EditableCardDataIndex[]) => Promise<void>;
+	forceUpdate: () => void;
+}
+/** 卡片内字段配置 */
+export type EditableCardColumnItem = {
+	/**
+	 * 字段key值
+	 * ```
+	 * 例如：
+	 * dataIndex： 'abc'
+	 * dataIndex： ['abc', 'xyz']
+	 * ```
+	 */
+	dataIndex: EditableCardDataIndex;
+	/** 是否可编辑 */
+	editable: boolean | ((record: TPlainObject, index: number) => boolean);
+	/**
+	 * 布局占用网格数目（最大数值24）
+	 * ```
+	 * 1. 一行总共等分24份
+	 * ```
+	 */
+	gridNumber?: number;
+	/** 标题 */
+	title?: ReactElement | string;
+	/**
+	 * Form.Item props
+	 */
+	formItemProps?: Omit<FormItemWrapperProps, "children" | "name"> | ((operation: EditableCardOperation) => Omit<FormItemWrapperProps, "children" | "name">);
+	/**
+	 * 通过 operation.editable 来判断渲染结构，其中render返回的根节点会作为 Form.Item 的children
+	 * ```
+	 *  例如
+	 *  render: (operation) => {
+	 *    if (operation.editable) {
+	 *      return <Input placeholder="请输入" />;
+	 *    }
+	 *    return <Tag>{value}</Tag>;
+	 *  }
+	 *
+	 *  如果需要额外布局，可通过 formItemProps.wrapper 实现
+	 *  formItemProps: (operation) => {
+	 *    return {
+	 *      wrapper: (children) => {
+	 *        return (
+	 *          <FlexLayout fullIndex={[0]} direction="horizontal" gap={10}>
+	 *            <div>{children}</div>
+	 *            <div>额外布局</div>
+	 *          </FlexLayout>
+	 *        );
+	 *      },
+	 *    };
+	 *  },
+	 *  render: (operation) => {
+	 *    if (operation.editable) {
+	 *      return <Input placeholder="请输入" />;
+	 *    }
+	 *    return <Tag>{value}</Tag>;
+	 *  }
+	 * ```
+	 */
+	render?: (operation: EditableCardOperation) => ReactElement;
+	/**
+	 * 会在 title 之后展示一个 icon
+	 */
+	tips?: string;
+	/** 为表格header中的字段添加必填标识，如果未配置 formItemProps.rules，内部会新增一条required rule  */
+	required?: boolean;
+	/**
+	 * 隐藏域设置
+	 * ```
+	 * 如果是动态隐藏，并且在逻辑切换后无效果，可尝试执行 render.operation.forceUpdate()
+	 * ```
+	 */
+	hidden?: (record: TPlainObject, index: number) => boolean;
+};
+export type EditableCardProps = {
+	className?: string;
+	style?: CSSProperties;
+	/** 卡片内字段配置 */
+	columns: EditableCardColumnItem[];
+	/**
+	 * 当前Edittable处在formList内部时（必填），完整formItem的name
+	 * ```
+	 * 例如 处在formList内部
+	 * 1. formListName=[0,dataList]
+	 * 2. formListCompleteName=[xxxList, 0, dataList]
+	 * ```
+	 */
+	formListCompleteName?: Array<string | number>;
+	/** Form.List name */
+	formListName: Array<string | number> | string;
+	/**
+	 * Form.List rules
+	 * ```
+	 rules={[
+		{
+		  validator: async (_, names) => {
+			if (!names || names.length < 2) {
+			  return Promise.reject(new Error('At least 2 passengers'));
+			}
+		  },
+		},
+	  ]}
+	 * ```
+	 */
+	rules?: FormListProps["rules"];
+	/**`默认新增按钮`新增行默认值，hiddenFooterBtn != true 有效 */
+	addRowDefaultValues?: () => TPlainObject;
+	/** 隐藏底部`新增`按钮 */
+	hiddenFooterBtn?: boolean;
+	/** 顶部区域渲染 */
+	contentBeforeRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
+	/** 底部区域渲染 */
+	contentAfterRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
+	/** 设置默认卡片名称，设置 onCustomWrapper 后失效 */
+	onCustomGroupName?: (index: number) => string | ReactElement;
+	/** 自定义卡片包裹，同时可自定义删除按钮、新增按钮 */
+	onCustomWrapper?: (children: ReactElement, extraData: {
+		operation: FormListOperation;
+		fields: FormListFieldData[];
+		fieldItem: FormListFieldData;
+		index: number;
+		required?: boolean;
+		key: string;
+	}) => ReactElement;
+	/** 设置必填，但只有一条数据时，隐藏默认删除按钮 */
+	required?: boolean;
+	/** 默认卡片样式 */
+	cardClassName?: string;
+	/** 默认卡片样式 */
+	cardStyle?: CSSProperties;
+	/**
+	 * 每个卡片内容都使用了 EasyForm 包裹，此处可设置 EasyFormProps
+	 * ```
+	 * 可使用 EasyForm 中 FormItem布局
+	 * ```
+	 */
+	cardEasyFormProps?: Omit<EasyFormProps, "nonuseFormWrapper" | "isPure" | "children">;
+	/**
+	 * 默认卡片右侧布局，设置 onCustomWrapper 后失效
+	 * ```
+	 * 1. 通过before 、after自定义删除按钮左右布局
+	 * cardExtraRender={(extraData)=>{
+	 *   return {
+	 *      before: [<div>1</div>, <div>2</div>],
+	 *      after: [<div>3</div>, <div>4</div>],
+	 *    }
+	 *  }}
+	 * 2. 返回ReactElement，可自定义右侧布局
+	 * cardExtraRender={(extraData)=>{
+	 *   return <div>111</div>
+	 *  }}
+	 * ```
+	 */
+	cardExtraRender?: (extraData: {
+		operation: FormListOperation;
+		fields: FormListFieldData[];
+		fieldItem: FormListFieldData;
+		index: number;
+		required?: boolean;
+		key: string;
+	}) => {
+		before?: ReactElement[];
+		after?: ReactElement[];
+	} | ReactElement;
+};
+export type DragEditableCardProps = Omit<EditableCardProps, "onCustomWrapper"> & {
+	/**
+	 * 拖拽图标自定义，默认使用 DragOutlined 图标
+	 */
+	dragIcon?: ReactElement;
+	/** 禁用拖拽 */
+	disabledDrag?: boolean;
+	/**
+	 * 表格数据唯一值字段Key
+	 * ```
+	 * ```
+	 */
+	uidFieldKey: string;
+	/**
+	 * 拖拽结束事件
+	 * ```
+	 * dataSource: 拖拽完成后的数据源
+	 * dragData
+	 * 1. activeId 拖拽ID
+	 * 2. activeIndex 拖拽起始表格数组索引值
+	 * 3. overIndex 拖拽结束表格数组索引值
+	 * ```
+	 */
+	onDragChange?: (dataSource: TPlainObject[], dragData: {
+		activeId: string | number;
+		overId?: string | number;
+		activeIndex: number;
+		overIndex: number;
+	}) => void;
+	/**
+	 * 拖拽触发位置，默认在左侧
+	 */
+	dragTriggerPosition?: "left" | "right";
+};
+/**
+ * 可拖拽编辑卡片
+ * ```
+ * 1. 卡片数组必须有唯一值字段，通过参数 uidFieldKey 告诉组件
+ * ```
+ */
+export declare const DragEditableCard: (props: DragEditableCardProps) => import("react").JSX.Element;
+
+export {};

package/dist/drag-editable-card/index.js

@@ -0,0 +1,275 @@
+/* eslint-disable */
+import './../box-grid/index.css';
+import './../fba-hooks/index.css';
+import './../pre-defined-class-name/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { _ as _objectWithoutProperties, b as _objectSpread2, c as _toConsumableArray } from '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import { Space, 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 { noop, toArray } from '@flatbiz/utils';
+import { E as EditableCard } from '../editable-card-C2W7M00M.js';
+import _DragOutlined from '@ant-design/icons/es/icons/DragOutlined.js';
+import { CSS } from '@dnd-kit/utilities';
+import { C as CardWrapper } from '../card-wrapper-w-JbDJNk.js';
+import { D as DeleteNode } from '../delete-node-CwCgmlIq.js';
+import { I as IconWrapper } from '../icon-wrapper-CR3akisG.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@ant-design/icons/es/icons/PlusOutlined.js';
+import '@dimjs/utils/class-names/class-names';
+import '@wove/react/hooks';
+import 'react';
+import '../button-wrapper-l9FUsrWl.js';
+import '@ant-design/icons/es/icons/LoadingOutlined.js';
+import '@dimjs/lang/is-promise';
+import '../config-provider-wrapper-DDa_64Ce.js';
+import 'antd/es/locale/en_US.js';
+import 'antd/es/locale/zh_CN.js';
+import 'dayjs';
+import 'dayjs/plugin/advancedFormat.js';
+import 'dayjs/plugin/customParseFormat.js';
+import 'dayjs/plugin/localeData.js';
+import 'dayjs/plugin/utc.js';
+import 'dayjs/plugin/weekday.js';
+import 'dayjs/plugin/weekOfYear.js';
+import 'dayjs/plugin/weekYear.js';
+import '@dimjs/utils/extend/extend';
+import '../fba-hooks/index.js';
+import '../use-responsive-point-Bp3D3lZT.js';
+import 'dayjs/locale/en.js';
+import 'dayjs/locale/zh-cn.js';
+import '../fba-utils-Dfbczn1S.js';
+import '@dimjs/lang/is-array';
+import '@dimjs/model';
+import '../form-Bz0Gi7wm.js';
+import '../box-grid/index.js';
+import '@dimjs/lang/is-number';
+import 'ahooks';
+import '../form-wrapper-DSnBmyFu.js';
+import '../pre-defined-class-name/index.js';
+import '../form-item-hidden-B9afZdSe.js';
+import '../form-item-wrapper-CwXh7JxL.js';
+import '../tips-wrapper-Bf9nfZq3.js';
+import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
+import '@ant-design/icons/es/icons/CloseCircleFilled.js';
+import '@ant-design/icons/es/icons/DeleteOutlined.js';
+import '@dimjs/lang/is-undefined';
+
+var _excluded$1 = ["dragIcon", "rowId", "dragTriggerPosition"];
+var Handle = function Handle(props) {
+  var dragIcon = props.dragIcon,
+    rowId = props.rowId,
+    dragTriggerPosition = props.dragTriggerPosition,
+    innerProps = _objectWithoutProperties(props, _excluded$1);
+  var dragTriggerPositionFt = dragTriggerPosition || 'left';
+  var _useSortable = useSortable({
+      id: rowId
+    }),
+    setActivatorNodeRef = _useSortable.setActivatorNodeRef,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition,
+    isDragging = _useSortable.isDragging;
+  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__*/jsx("div", {
+    ref: setNodeRef,
+    style: style,
+    children: /*#__PURE__*/jsx(CardWrapper, {
+      size: "small",
+      style: {
+        marginBottom: 10
+      },
+      extra: /*#__PURE__*/jsxs(Space, {
+        size: 10,
+        children: [/*#__PURE__*/jsx(DeleteNode, {
+          style: {
+            color: 'red'
+          },
+          hidden: props.extraData.required && props.extraData.fields.length === 1,
+          onDelete: function onDelete() {
+            props.extraData.operation.remove(props.extraData.index);
+          }
+        }), dragTriggerPositionFt === 'right' ? /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+          ref: setActivatorNodeRef,
+          style: {
+            touchAction: 'none',
+            cursor: 'move'
+          }
+        }, listeners), {}, {
+          children: /*#__PURE__*/jsx(IconWrapper, {
+            style: {
+              touchAction: 'none',
+              cursor: 'move',
+              padding: '3px',
+              margin: 0,
+              justifyContent: 'center',
+              color: '#787878'
+            },
+            icon: iconElement,
+            onClick: noop,
+            size: "small"
+          })
+        })) : null]
+      }),
+      title: /*#__PURE__*/jsxs(Space, {
+        size: 5,
+        children: [dragTriggerPositionFt === 'left' ? /*#__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: '3px',
+              margin: 0,
+              justifyContent: 'center',
+              color: '#787878'
+            },
+            icon: iconElement,
+            onClick: noop,
+            size: "small"
+          })
+        })) : null, /*#__PURE__*/jsxs("span", {
+          children: ["\u7B2C", props.extraData.index + 1, "\u884C"]
+        })]
+      }),
+      children: props.children
+    })
+  }, rowId);
+};
+
+var Handle2 = function Handle2(props) {
+  return /*#__PURE__*/jsx(CardWrapper, {
+    size: "small",
+    style: {
+      marginBottom: 10
+    },
+    extra: /*#__PURE__*/jsx(DeleteNode, {
+      style: {
+        color: 'red'
+      },
+      hidden: props.extraData.required && props.extraData.fields.length === 1,
+      onDelete: function onDelete() {
+        props.extraData.operation.remove(props.extraData.index);
+      }
+    }),
+    title: "\u7B2C".concat(props.extraData.index + 1, "\u884C"),
+    children: props.children
+  });
+};
+
+var _excluded = ["dragIcon", "uidFieldKey", "onDragChange", "disabledDrag", "formListCompleteName", "formListName", "dragTriggerPosition"];
+/**
+ * 可拖拽编辑卡片
+ * ```
+ * 1. 卡片数组必须有唯一值字段，通过参数 uidFieldKey 告诉组件
+ * ```
+ */
+var DragEditableCard = function DragEditableCard(props) {
+  var dragIcon = props.dragIcon,
+    uidFieldKey = props.uidFieldKey,
+    onDragChange = props.onDragChange,
+    disabledDrag = props.disabledDrag,
+    formListCompleteName = props.formListCompleteName,
+    formListName = props.formListName,
+    dragTriggerPosition = props.dragTriggerPosition,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var formListCompleteNameFt = formListCompleteName || formListName;
+  var form = Form.useFormInstance();
+  var dataList = Form.useWatch(formListCompleteNameFt, 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: formListCompleteNameFt,
+        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
+      });
+    }
+  };
+  return /*#__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(EditableCard, _objectSpread2(_objectSpread2({
+        formListName: formListName,
+        formListCompleteName: formListCompleteName
+      }, otherProps), {}, {
+        onCustomWrapper: function onCustomWrapper(children, extraData) {
+          if (disabledDrag) {
+            return /*#__PURE__*/jsx(Handle2, {
+              extraData: extraData,
+              children: children
+            }, extraData.key);
+          }
+          var target = form.getFieldValue([].concat(_toConsumableArray(toArray(formListCompleteNameFt)), [extraData.fieldItem.name]));
+          if (!(target !== null && target !== void 0 && target[uidFieldKey])) {
+            console.error("\u552F\u4E00\u503C\u5B57\u6BB5\u3010".concat(uidFieldKey, "\u3011\u4E3A\u7A7A\uFF0C\u65E0\u6CD5\u8FDB\u884C\u62D6\u62FD\u6392\u5E8F"), target);
+            return /*#__PURE__*/jsx(Handle2, {
+              extraData: extraData,
+              children: children
+            }, extraData.key);
+          }
+          return /*#__PURE__*/jsx(Handle, {
+            dragIcon: dragIcon,
+            rowId: target === null || target === void 0 ? void 0 : target[uidFieldKey],
+            extraData: extraData,
+            dragTriggerPosition: dragTriggerPosition,
+            children: children
+          }, extraData.key);
+        }
+      }))
+    })
+  });
+};
+
+export { DragEditableCard };
+//# sourceMappingURL=index.js.map