@flatbiz/antd 4.5.26 → 5.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drag-editable-card/handle.tsx","@flatbiz/antd/src/drag-editable-card/handle2.tsx","@flatbiz/antd/src/drag-editable-card/editable-card.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport type { FormListFieldData, FormListOperation } from 'antd';\nimport { type RowProps, Space } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { noop } from '@flatbiz/utils';\nimport { CardWrapper } from '../card-wrapper/card-wrapper.jsx';\nimport { DeleteNode } from '../delete-node/delete-node.jsx';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\n\ntype HandleProps = RowProps & {\n  dragIcon?: ReactElement;\n  rowId: string;\n  children: ReactElement;\n  extraData: {\n    operation: FormListOperation;\n    fields: FormListFieldData[];\n    index: number;\n    required?: boolean;\n  };\n  dragTriggerPosition?: 'left' | 'right';\n};\nexport const Handle = (props: HandleProps) => {\n  const { dragIcon, rowId, dragTriggerPosition, ...innerProps } = props;\n\n  const dragTriggerPositionFt = dragTriggerPosition || 'left';\n  const {\n    setActivatorNodeRef,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({\n    id: rowId,\n  });\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    <div ref={setNodeRef} key={rowId} style={style}>\n      <CardWrapper\n        size=\"small\"\n        style={{ marginBottom: 10 }}\n        extra={\n          <Space size={10}>\n            <DeleteNode\n              style={{ color: 'red' }}\n              hidden={\n                props.extraData.required && props.extraData.fields.length === 1\n              }\n              onDelete={() => {\n                props.extraData.operation.remove(props.extraData.index);\n              }}\n            />\n            {dragTriggerPositionFt === 'right' ? (\n              <span\n                ref={setActivatorNodeRef}\n                style={{\n                  touchAction: 'none',\n                  cursor: 'move',\n                }}\n                {...listeners}\n              >\n                <IconWrapper\n                  style={{\n                    touchAction: 'none',\n                    cursor: 'move',\n                    padding: '3px',\n                    margin: 0,\n                    justifyContent: 'center',\n                    color: '#787878',\n                  }}\n                  icon={iconElement}\n                  onClick={noop}\n                  size=\"small\"\n                />\n              </span>\n            ) : null}\n          </Space>\n        }\n        title={\n          <Space size={5}>\n            {dragTriggerPositionFt === 'left' ? (\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: '3px',\n                    margin: 0,\n                    justifyContent: 'center',\n                    color: '#787878',\n                  }}\n                  icon={iconElement}\n                  onClick={noop}\n                  size=\"small\"\n                />\n              </span>\n            ) : null}\n            <span>第{props.extraData.index + 1}行</span>\n          </Space>\n        }\n      >\n        {props.children}\n      </CardWrapper>\n    </div>\n  );\n};\n","import { type ReactElement } from 'react';\nimport type { FormListFieldData, FormListOperation } from 'antd';\nimport { type RowProps } from 'antd';\nimport { CardWrapper } from '../card-wrapper/card-wrapper.jsx';\nimport { DeleteNode } from '../delete-node/delete-node.jsx';\n\ntype Handle2Props = RowProps & {\n  children: ReactElement;\n  extraData: {\n    operation: FormListOperation;\n    fields: FormListFieldData[];\n    index: number;\n    required?: boolean;\n  };\n};\nexport const Handle2 = (props: Handle2Props) => {\n  return (\n    <CardWrapper\n      size=\"small\"\n      style={{ marginBottom: 10 }}\n      extra={\n        <DeleteNode\n          style={{ color: 'red' }}\n          hidden={\n            props.extraData.required && props.extraData.fields.length === 1\n          }\n          onDelete={() => {\n            props.extraData.operation.remove(props.extraData.index);\n          }}\n        />\n      }\n      title={`第${props.extraData.index + 1}行`}\n    >\n      {props.children}\n    </CardWrapper>\n  );\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 { toArray, type TPlainObject } from '@flatbiz/utils';\nimport { EditableCard } from '../editable-card/editable-card.jsx';\nimport type { EditableCardProps } from '../editable-card/type.js';\nimport { Handle } from './handle.jsx';\nimport { Handle2 } from './handle2.jsx';\n\nexport type DragEditableCardProps = Omit<\n  EditableCardProps,\n  'onCustomWrapper'\n> & {\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  dragTriggerPosition?: 'left' | 'right';\n};\n\n/**\n * 可拖拽编辑卡片\n * ```\n * 1. 卡片数组必须有唯一值字段，通过参数 uidFieldKey 告诉组件\n * ```\n */\nexport const DragEditableCard = (props: DragEditableCardProps) => {\n  const {\n    dragIcon,\n    uidFieldKey,\n    onDragChange,\n    disabledDrag,\n    formListCompleteName,\n    formListName,\n    dragTriggerPosition,\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  return (\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        <EditableCard\n          formListName={formListName}\n          formListCompleteName={formListCompleteName}\n          {...otherProps}\n          onCustomWrapper={(children, extraData) => {\n            if (disabledDrag) {\n              return (\n                <Handle2 key={extraData.key} extraData={extraData}>\n                  {children}\n                </Handle2>\n              );\n            }\n\n            const target = form.getFieldValue([\n              ...toArray(formListCompleteNameFt),\n              extraData.fieldItem.name,\n            ]);\n\n            if (!target?.[uidFieldKey]) {\n              console.error(\n                `唯一值字段【${uidFieldKey}】为空，无法进行拖拽排序`,\n                target\n              );\n              return (\n                <Handle2 key={extraData.key} extraData={extraData}>\n                  {children}\n                </Handle2>\n              );\n            }\n            return (\n              <Handle\n                key={extraData.key}\n                dragIcon={dragIcon}\n                rowId={target?.[uidFieldKey]}\n                extraData={extraData}\n                dragTriggerPosition={dragTriggerPosition}\n              >\n                {children}\n              </Handle>\n            );\n          }}\n        />\n      </SortableContext>\n    </DndContext>\n  );\n};\n"],"names":["Handle","props","dragIcon","rowId","dragTriggerPosition","innerProps","_objectWithoutProperties","_excluded","dragTriggerPositionFt","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","style","_objectSpread","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_jsx","_DragOutlined","ref","children","CardWrapper","size","marginBottom","extra","_jsxs","Space","DeleteNode","color","hidden","extraData","required","fields","length","onDelete","operation","remove","index","touchAction","IconWrapper","padding","margin","justifyContent","icon","onClick","noop","title","display","alignItems","Handle2","concat","DragEditableCard","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","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","map","strategy","verticalListSortingStrategy","EditableCard","onCustomWrapper","key","target","getFieldValue","_toConsumableArray","toArray","fieldItem","console","error"],"mappings":"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"}

package/dist/drag-editable-table/index.css

@@ -0,0 +1 @@
+.bw-center-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ant-btn.button-remove-gap{height:auto;line-height:normal;margin:0;min-height:auto;padding:0}.editable-table{padding-bottom:15px}.editable-table .ant-form-item{margin:0!important}.editable-table .editable-text-view.ant-typography{margin-bottom:0}.editable-table:not(.et-empty-show-large) .ant-table-placeholder .ant-empty{align-items:center;display:flex;justify-content:center;margin:0}.editable-table:not(.et-empty-show-large) .ant-table-placeholder .ant-empty-image{height:25px;margin:0;width:50px}.editable-table .ant-table-cell-with-append .ant-table-row-expand-icon{margin-top:7px}.editable-input-number-form-item .ant-input-number{width:100%}.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}.v-selector-item-icon{margin-right:5px}.table-fen-color,.table-wan-color{background-color:rgba(201,188,47,.2);box-shadow:0 0 10px rgba(201,188,47,.4);display:inline-block}.text-symbol-wrapper{display:inline-block;position:relative}.tsw-symbol{font-size:14px;line-height:normal;position:absolute;top:50%}.tsw-symbol-before{transform:translate(-100%,-50%)}.tsw-symbol-after{transform:translate(100%,-50%)}.tsw-required .tsw-symbol{color:#ff4d4f}.tips-wrapper{align-items:center;display:inline-flex}.tips-wrapper-icon{flex-shrink:0;opacity:.8}.tips-wrapper-text{flex:1;overflow:hidden}.v-file-upload .ant-upload-span{cursor:pointer}

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

@@ -0,0 +1,503 @@
+import { TAny, TPlainObject } from '@flatbiz/utils';
+import { DatePicker, FormItemProps, FormListFieldData, FormListOperation, GetProps, InputNumberProps, InputProps, PopoverProps, RadioGroupProps, SelectProps, SwitchProps, TableProps, TooltipProps, UploadProps } from 'antd';
+import { PickerProps } from 'antd/es/date-picker/generatePicker';
+import { FormListProps } from 'antd/es/form';
+import { ColumnsType } from 'antd/es/table';
+import { CheckboxGroupProps } from 'antd/lib/checkbox';
+import { TextAreaProps } from 'antd/lib/input';
+import { UploadChangeParam } from 'antd/lib/upload';
+import { UploadFile } from 'antd/lib/upload/interface.js';
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+
+export type TipsWrapperProps = {
+	gap?: number;
+	className?: string;
+	style?: CSSProperties;
+	children?: ReactNode;
+	icon?: ReactElement;
+	/** Icon添加点击事件，设置hoverTips后失效 */
+	onClick?: (event: any) => void;
+	/**
+	 * 提示效果类型
+	 * ```
+	 * 1. popover 气泡卡片，内容通过popoverProps设置
+	 * 2. tooltip 文字提示，内容通过tooltipProps设置
+	 * ```
+	 */
+	tipType?: "popover" | "tooltip";
+	popoverProps?: PopoverProps;
+	tooltipProps?: TooltipProps;
+	trigger?: "icon" | "all";
+};
+export type TDayjsDateType = "YYYY-MM-DD HH:mm:ss" | "YYYY-MM-DD HH:mm" | "YYYY-MM-DD HH" | "YYYY-MM-DD" | (string & {});
+export type DatePickerWrapperProps = Omit<PickerProps<TAny>, "value" | "onChange" | "format"> & {
+	/** 默认格式为 'YYYY-MM-DD' */
+	value?: string;
+	onChange?: (value?: string) => void;
+	disabledDateConfig?: {
+		minDate?: TDayjsDateType;
+		maxDate?: TDayjsDateType;
+		/** 禁用 小时 刻度列表，与日期无关  */
+		disabledHourList?: number[];
+		/** 禁用 分钟 刻度列表，与日期无关 */
+		disabledMinuteList?: number[];
+		/** 禁用 秒钟 刻度列表，与日期无关 */
+		disabledSecondList?: number[];
+	};
+	/** 可自定义格式 */
+	format?: TDayjsDateType;
+	/** value 输出适配 */
+	outputNormalize?: (value?: TAny) => TAny;
+	/** value 输入适配 */
+	inputNormalize?: (value?: TAny) => string | undefined;
+};
+export type RangePickerDateProps = GetProps<typeof DatePicker.RangePicker>;
+export type DateRangePickerWrapperProps = Omit<RangePickerDateProps, "value" | "onChange" | "onCalendarChange" | "format"> & {
+	value?: [
+		string,
+		string
+	];
+	onChange?: (value?: [
+		string,
+		string
+	]) => void;
+	/**
+	 * 1. minDate、maxDate 与 format格式相同；默认：YYYY-MM-DD
+	 * 2. maxDays 最大可选的天数
+	 */
+	disabledDateConfig?: {
+		minDate?: TDayjsDateType;
+		maxDate?: TDayjsDateType;
+		maxDays?: number;
+		/** 禁用 小时 刻度列表，与日期无关  */
+		disabledHourList?: number[];
+		/** 禁用 分钟 刻度列表，与日期无关 */
+		disabledMinuteList?: number[];
+		/** 禁用 秒钟 刻度列表，与日期无关 */
+		disabledSecondList?: number[];
+	};
+	format?: TDayjsDateType;
+	/** value 输出适配 */
+	outputNormalize?: (value: [
+		string,
+		string
+	]) => TAny;
+	/** value 输入适配 */
+	inputNormalize?: (value?: TAny) => [
+		string,
+		string
+	] | undefined;
+};
+export type TRequestStatus = "request-init" | "request-progress" | "request-success" | "request-error" | "no-dependencies-params";
+export type TRequestStatusProps = {
+	status?: TRequestStatus;
+	errorButton?: ReactElement;
+	messageConfig?: Partial<Record<TRequestStatus, string>>;
+	loading?: boolean;
+};
+export type SelectorWrapperValue = string | number | Array<string | number> | TPlainObject<string | number> | Array<TPlainObject<string | number>>;
+export type SelectorServiceConfig = {
+	params?: TPlainObject;
+	/** 与 params 配合使用 */
+	requiredParamsKeys?: string[];
+	onRequest?: (params?: TAny) => Promise<TAny>;
+	/**
+	 * 响应数据适配器
+	 */
+	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
+};
+export type SelectorWrapperProps = Omit<SelectProps, "onSearch" | "notFoundContent" | "options" | "fieldNames" | "onChange" | "value" | "loading" | "mode"> & {
+	/** 不支持 tags 模式，tags模式请使用 SelectorWrapperSimple 组件 */
+	mode?: "multiple";
+	/** key值，相同的key 同页面可共用缓存数据 */
+	modelKey: string;
+	/**
+	 * 参数Key映射
+	 * ```
+	 * 1. 默认值：value=value、label=label、disabled=disabled
+	 * 2. list 为 onRequest 返回数据中列表key值，可多级取值，例如： 'a.b.c'
+	 * 3. 配置 serviceConfig.onRequestResultAdapter后，fieldNames.list配置失效
+	 * 4. 如果没有配置list，可说明接口返回为数组
+	 * ```
+	 */
+	fieldNames?: {
+		list?: string;
+		label?: string;
+		value?: string;
+		disabled?: string;
+	};
+	/**
+	 * 请求服务需求的数据
+	 */
+	serviceConfig?: SelectorServiceConfig;
+	/**
+	 * 同步设置选择器选项列表
+	 * ```
+	 * 1. 如果配置fieldNames，会转换后使用
+	 * 2. 值为undefined、null不会更新，需要清空可传递空数组
+	 * ```
+	 */
+	selectorList?: TPlainObject[];
+	/**
+	 * select 数据源发生变更时触发，第一次不调用
+	 */
+	onSelectorListChange?: (dataList: TPlainObject[]) => void;
+	/** select 数据源发生变更时触发，每次都会调用 */
+	onSelectorListAllChange?: (dataList: TPlainObject[]) => void;
+	/**
+	 * 通过服务获取数据异常回调
+	 */
+	onSelectorRequestError?: (error: Error) => void;
+	/**
+	 * 添加全部选项
+	 * ```
+	 * 1. 默认值label="全部"，value=""
+	 * 2. 可配置label、value
+	 * ```
+	 */
+	showAllOption?: true | {
+		label: string;
+		value: string | number;
+	};
+	onLabelRenderAdapter?: (dataItem: TPlainObject) => string | ReactElement;
+	onChange?: (value?: SelectorWrapperValue, selectedList?: TPlainObject[] | TPlainObject) => void;
+	showIcon?: boolean;
+	/** select option添加图标；与showIcon组合使用 */
+	icon?: (data: TPlainObject, index: number) => ReactElement;
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
+	/**
+	 * value格式
+	 *```
+	 * 1. string 、number
+	 * 2. Array<string | number>
+	 * 3. lableInValue = true，根据fieldNames配置格式
+	 * 4. lableInValue = true，Array<fieldNames配置>
+	 * ```
+	 */
+	value?: SelectorWrapperValue;
+	/**
+	 * 使用缓存，默认值：true
+	 * ```
+	 * 1. true: 在 modelKey下使用请求参数缓存数据，如果相同modelKey、相同请求参数直接使用缓存数据
+	 * 2. false: 每次都调用接口，不参与缓存数据、不使用缓存数据
+	 * 3. useCache=false 在 serviceConfig.requiredParamsKeys.length > 0 有效
+	 * ```
+	 */
+	useCache?: boolean;
+};
+export type SwitchWrapperValue = string | number | boolean;
+export type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultChecked" | "onChange" | "value"> & {
+	value?: SwitchWrapperValue;
+	checkedValue: SwitchWrapperValue;
+	unCheckedValue: SwitchWrapperValue;
+	onChange?: (value: SwitchWrapperValue) => void;
+	tooltipProps?: Omit<TooltipProps, "title">;
+	tooltipTitle?: string | ((value?: SwitchWrapperValue) => string | undefined);
+	serviceConfig?: {
+		onRequest: (value: SwitchWrapperValue) => TAny;
+		message?: {
+			success?: string;
+			defaultError?: string;
+		};
+	};
+};
+export type UploadWrapperProps<T extends TPlainObject = TPlainObject> = {
+	value?: T[] | T;
+	onChange?: (value?: T[]) => void;
+	onUploadError?: (message?: string) => void;
+	onUploadChange?: (info: UploadChangeParam<UploadFile>) => void;
+	/**
+	 * 属性取值映射
+	 */
+	fieldNames?: {
+		uid: string;
+		name?: string;
+		url?: string;
+	};
+	/**
+	 * 接口响应数据适配器，如果配置了fieldNames，适配器返回值会再进过fieldNames转换
+	 */
+	onRequestResultAdapter?: (respData: TAny) => TPlainObject;
+	/** 操作触发显示文本 */
+	triggerText?: string;
+	/** 超过maxCount 隐藏上传入口  */
+	limitHidden?: boolean;
+	/**
+	 * 自动提交，默认：true
+	 * ```
+	 * 1. 自定义beforeUpload配置后 autoSubmit 失效
+	 * ```
+	 */
+	autoSubmit?: boolean;
+} & Omit<UploadProps, "onChange" | "fileList">;
+export type EditableTableName = string | number | Array<string | number>;
+export type EditableTableRecordType = FormListFieldData & {
+	operation: FormListOperation;
+};
+export type EditableInputConfig = {
+	type: "input";
+	editableComptProps?: InputProps;
+};
+export type EditableInputNumberConfig = {
+	type: "inputNumber";
+	editableComptProps?: InputNumberProps;
+};
+export type EditableSelectWrapperConfig = {
+	type: "selectorWrapper";
+	editableComptProps: SelectorWrapperProps;
+};
+export type EditableDatePickerWrapperConfig = {
+	type: "datePickerWrapper";
+	editableComptProps?: DatePickerWrapperProps;
+};
+export type EditableDateRangePickerWrapperConfig = {
+	type: "dateRangePickerWrapper";
+	editableComptProps?: DateRangePickerWrapperProps;
+};
+export type EditableCheckboxGroupConfig = {
+	type: "checkboxGroup";
+	editableComptProps: CheckboxGroupProps;
+};
+export type EditableRadioGroupConfig = {
+	type: "radioGroup";
+	editableComptProps: RadioGroupProps;
+};
+export type EditableTextareaConfig = {
+	type: "textArea";
+	editableComptProps: TextAreaProps;
+};
+export type EditableFileUploadConfig = {
+	type: "uploadWrapper";
+	editableComptProps: UploadWrapperProps;
+};
+export type EditableSwitchWrapperConfig = {
+	type: "switchWrapper";
+	editableComptProps: SwitchWrapperProps;
+};
+/**
+ * 自定义编辑组件
+ * ```
+ * 1.需要处理Form.Item
+ * 2. 例如
+ *  editableConfig: {
+	  type: 'custom',
+	  editableComptProps: (props) => {
+		return (
+		  <Form.Item name={props.name}>
+			<Input />
+		  </Form.Item>
+		);
+	  },
+	},
+	```
+ */
+export type EditableCustomConfig = {
+	type: "custom";
+	editableComptProps: (props: {
+		name: Array<number | string>;
+		editable?: boolean;
+		completeName: Array<number | string>;
+		tableRowIndex: number;
+	}) => ReactElement;
+};
+export type EditableTypeConfig = EditableCustomConfig | EditableInputConfig | EditableSelectWrapperConfig | EditableDatePickerWrapperConfig | EditableDateRangePickerWrapperConfig | EditableCheckboxGroupConfig | EditableTextareaConfig | EditableInputNumberConfig | EditableRadioGroupConfig | EditableFileUploadConfig | EditableSwitchWrapperConfig;
+export type FieldSingleConfig = {
+	editable?: boolean | ((data: {
+		tableRowIndex: number;
+	}) => boolean);
+	editableConfig?: EditableTypeConfig;
+	/**
+	 * 当editableConfig type=custom时，此配置无效
+	 */
+	formItemProps?: Omit<FormItemProps, "name">;
+	/**
+	 * 自定义非编辑渲染
+	 * 1. 当editableConfig type=custom时，此配置无效
+	 * 2. 只在editable=false的情况下有效
+	 * 3. 同级配置 editableConfigList后，同级render配置失效
+	 * 4. checkboxGroup、radioGroup、selectorWrapper第二次参数为options数组
+	 */
+	render?: (params?: TAny, other?: TAny) => ReactNode;
+};
+export type FormListItemMethodOperateProps = {
+	tableRowIndex: number;
+	add: FormListOperation["add"];
+	remove: () => void;
+	formListItemIndex: number;
+	value: TAny;
+};
+export type FormListMethodOperateProps = {
+	tableRowIndex: number;
+	add: FormListOperation["add"];
+	value: TAny;
+};
+export type FormListConfig = {
+	editableConfigList: Array<FieldSingleConfig & {
+		fieldName: string;
+	}>;
+	onFormListBeforeRender?: (data: FormListMethodOperateProps) => ReactElement | null;
+	onFormListAfterRender?: (data: FormListMethodOperateProps) => ReactElement | null;
+	onFormListItemBeforeRender?: (data: FormListItemMethodOperateProps) => ReactElement | null;
+	onFormListItemAfterRender?: (data: FormListItemMethodOperateProps) => ReactElement | null;
+	deleteOperateRender?: (data: {
+		remove: () => void;
+		formListItemIndex: number;
+	}) => ReactElement;
+};
+export type fieldConfigFunctionParams = {
+	tableRowIndex: number;
+	name: EditableTableName;
+	tableRowName: EditableTableName;
+	getTableRowData: () => TPlainObject;
+};
+/**
+ * antd 默认render功能此处不能使用
+ */
+export type EditableTableColumn = Omit<ColumnsType["0"], "render"> & {
+	/**
+	 * @description 请使用 tipsWrapperProps 属性配置
+	 * ```
+	 * 会在 title 之后展示一个 icon，hover 之后提示一些信息
+	 * 1. title为string类型、ReactElement有效
+	 * 2. hoverArea 默认值：icon
+	 * ```
+	 */
+	/**
+	 * 会在 title 之后展示一个 icon
+	 * ```
+	 * 1. title为string类型有效
+	 * 2. 可为icon添加提示效果
+	 * 3. 可为icon添加点击事件
+	 * ```
+	 */
+	tipsWrapperProps?: string | TipsWrapperProps;
+	dataIndex?: string;
+	fieldConfig?: FieldSingleConfig | FormListConfig | ((data: fieldConfigFunctionParams) => FieldSingleConfig | FormListConfig);
+	/** 隐藏域字段 */
+	hiddenField?: {
+		dataIndex: string;
+	} | {
+		dataIndex: string;
+	}[];
+	/**
+	 * 渲染中间件，如果renderMiddleware返回值为ReactElement格式，则会终止后续逻辑，fieldConfig配置将失效
+	 * ```
+	 * 1. tableRowIndex: 当前row的索引值
+	 * 2. name: 当前table单元格的form.item的name值
+	 * 3. operation Form.List的操作函数
+	 * 4. 对 table children column渲染无效
+	 * ```
+	 */
+	renderMiddleware?: (item: {
+		tableRowIndex: number;
+		name: EditableTableName;
+		tableRowName: EditableTableName;
+		operation: FormListOperation;
+		index: number;
+		getTableRowData: () => TPlainObject;
+	}) => ReactElement | null;
+	/** table datasource children column 自定义渲染  */
+	tableChildrenColumnRender?: (value: TAny, record: TPlainObject, index: number) => ReactElement | null;
+	/** 为表格header中的字段添加必填标识，无验证拦截功能 */
+	required?: boolean;
+};
+export type EditableTableProps = {
+	/** FormList name属性 */
+	name: EditableTableName;
+	/**
+	 * 当前Edittable处在formList内部时（必填），完整formItem的name
+	 * ```
+	 * 例如 处在formList内部
+	 * 1. name=[0,dataList]
+	 * 2. completeName=[xxxList, 0, dataList]
+	 * ```
+	 */
+	completeName?: Array<string | number>;
+	/**
+	 * 表格行数据，唯一值字段Key
+	 * ```
+	 * 1. 如果数据中没有可前端添加key
+	 * 2. 有问题可咨询 xg15472
+	 * ```
+	 */
+	uidFieldKey: string;
+	/**
+	 * ```
+	 * antd table属性
+	 * 1. 新增cellVerticalAlign，单元格竖直方向对齐方式，设置table column onCell属性后失效
+	 * ```
+	 */
+	tableProps?: Omit<TableProps<EditableTableRecordType>, "dataSource" | "columns" | "rowKey"> & {
+		cellVerticalAlign?: "baseline" | "middle" | "top" | "bottom";
+	};
+	columns: EditableTableColumn[];
+	onTableBeforeRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
+	/**
+	 * 设置后，将覆盖底部`新增`按钮
+	 */
+	onTableAfterRender?: (formListOperation: FormListOperation, nextRowIndex: number) => ReactElement | null;
+	/** 新增行默认值，自定义onTableAfterRender后失效 */
+	getAddRowDefaultValues?: () => TPlainObject;
+	/** 隐藏底部`新增`按钮，设置 onTableAfterRender后 失效 */
+	hiddenFooterBtn?: boolean;
+	/**
+	 * Form.List rules
+	 * ```
+	 rules={[
+		{
+		  validator: async (_, names) => {
+			if (!names || names.length < 2) {
+			  return Promise.reject(new Error('At least 2 passengers'));
+			}
+		  },
+		},
+	  ]}
+	 * ```
+	 */
+	rules?: FormListProps["rules"];
+	/** 空效果显示尺寸，默认值：small */
+	emptyShowSize?: "small" | "large";
+	className?: string;
+	style?: CSSProperties;
+};
+export type DragEditableTableProps = EditableTableProps & {
+	/**
+	 * 拖拽图标自定义，默认使用 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;
+};
+/**
+ * 可拖拽编辑表格
+ * @deprecated 已过期，请使用 DragEditableTablePro组件
+ * ```
+ * 1. 表格数据必须要有唯一值字段，通过参数 uidFieldKey 告诉组件
+ * 2. Table 参数 components.body.row 被组件内部使用
+ * ```
+ */
+export declare const DragEditableTable: (props: DragEditableTableProps) => import("react").JSX.Element;
+
+export {};

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

@@ -0,0 +1,88 @@
+/* eslint-disable */
+import './../button-operate/index.css';
+import './../dialog-confirm/index.css';
+import './../fba-hooks/index.css';
+import './../fba-utils/index.css';
+import './../request-status/index.css';
+import './../tag-list-render/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { D as DragEditableTable } from '../drag-DVV-pdrI.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import 'antd';
+import '@dnd-kit/core';
+import '@dnd-kit/modifiers';
+import '@dnd-kit/sortable';
+import '../editable-table-Ch7M44bV.js';
+import '@ant-design/icons/es/icons/PlusOutlined.js';
+import '@dimjs/utils/class-names/class-names';
+import 'react';
+import '@flatbiz/utils';
+import '../button-wrapper-l9FUsrWl.js';
+import '@ant-design/icons/es/icons/LoadingOutlined.js';
+import '@dimjs/lang/is-promise';
+import '@wove/react/hooks';
+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 'react/jsx-runtime';
+import '../fba-utils-Dfbczn1S.js';
+import '@dimjs/lang/is-array';
+import '@dimjs/model';
+import '../symbol-CX0y_DJ4.js';
+import '../tips-wrapper-Bf9nfZq3.js';
+import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
+import '../form-item-hidden-B9afZdSe.js';
+import '../cell-render-pwSRW4nx.js';
+import '@dimjs/lang/is-string';
+import '@dimjs/lang/is-object';
+import '@dimjs/utils/get/get';
+import '@dimjs/lang/is-plain-object';
+import '@dimjs/lang/is-empty';
+import '../button-operate-CWu3PARq.js';
+import '@ant-design/icons/es/icons/MoreOutlined.js';
+import '@dimjs/lang/is-undefined';
+import '../dropdown-menu-wrapper-F5A3o-Jt.js';
+import '@ant-design/icons/es/icons/ExclamationCircleFilled.js';
+import '../dialog-confirm-DQdfsMXv.js';
+import '../dialog-modal-DbTrsUc2.js';
+import 'react-dom/client';
+import 'ahooks';
+import '../flex-layout-BaDncU_Z.js';
+import '@wove/react/create-ctx';
+import '../tag-list-C9_bM06E.js';
+import '../date-picker-wrapper-Cs-HoJ6K.js';
+import '../time-CeL7904f.js';
+import '../date-range-picker-wrapper-D6pXT4H_.js';
+import '../input-wrapper-B3FjX76n.js';
+import '../selector-wrapper-Dg3x9l8X.js';
+import '@ant-design/icons/es/icons/RedoOutlined.js';
+import '../request-status-DQsSHUSx.js';
+import '@dimjs/lang/is-deep-equal';
+import '@dimjs/utils/json/sort';
+import 'pubsub-js';
+import '../switch-wrapper-CfxaLAKg.js';
+import '@dimjs/lang/is-boolean';
+import '@dimjs/lang/is-number';
+import '../input-text-area-wrapper-Cxi-wf5J.js';
+import '../upload-wrapper-CSmbSn4P.js';
+import 'react-dom';
+import '@ant-design/icons/es/icons/DeleteOutlined.js';
+import '@ant-design/icons/es/icons/DragOutlined.js';
+import '@dnd-kit/utilities';
+import '../icon-wrapper-CR3akisG.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/drag-editable-table-pro/index.css

@@ -0,0 +1 @@
+.bw-center-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ant-btn.button-remove-gap{height:auto;line-height:normal;margin:0;min-height:auto;padding:0}.editable-table-pro .editable-text-view.ant-typography{margin-bottom:0}.editable-table-pro:not(.et-empty-show-large) .ant-table-placeholder .ant-empty{align-items:center;display:flex;justify-content:center;margin:0}.editable-table-pro:not(.et-empty-show-large) .ant-table-placeholder .ant-empty-image{height:25px;margin:0;width:50px}.editable-table-pro-layout1 .ant-table-cell-with-append .ant-table-row-expand-icon{margin-top:7px}.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}.text-symbol-wrapper{display:inline-block;position:relative}.tsw-symbol{font-size:14px;line-height:normal;position:absolute;top:50%}.tsw-symbol-before{transform:translate(-100%,-50%)}.tsw-symbol-after{transform:translate(100%,-50%)}.tsw-required .tsw-symbol{color:#ff4d4f}.tips-wrapper{align-items:center;display:inline-flex}.tips-wrapper-icon{flex-shrink:0;opacity:.8}.tips-wrapper-text{flex:1;overflow:hidden}