@flatbiz/antd 5.0.19 → 5.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/button-operate/index.js +2 -2
- package/dist/{button-operate-3J_ml0DO.js → button-operate-hqQWIA-a.js} +8 -11
- package/dist/button-operate-hqQWIA-a.js.map +1 -0
- package/dist/{cell-render-ZmpHDPNW.js → cell-render-QV48PC3s.js} +2 -2
- package/dist/{cell-render-ZmpHDPNW.js.map → cell-render-QV48PC3s.js.map} +1 -1
- package/dist/date-range-picker-wrapper-form-item/index.js +2 -2
- package/dist/{date-range-picker-wrapper-form-item-yGdEOym_.js → date-range-picker-wrapper-form-item-BPc8iK10.js} +2 -2
- package/dist/{date-range-picker-wrapper-form-item-yGdEOym_.js.map → date-range-picker-wrapper-form-item-BPc8iK10.js.map} +1 -1
- package/dist/dependencies-C23wp0ou.js +61 -0
- package/dist/dependencies-C23wp0ou.js.map +1 -0
- package/dist/{drag-CBosXqSQ.js → drag-DOhz_ox7.js} +2 -2
- package/dist/{drag-CBosXqSQ.js.map → drag-DOhz_ox7.js.map} +1 -1
- package/dist/{drag-CpN8Syvu.js → drag-D_u-98wL.js} +2 -2
- package/dist/{drag-CpN8Syvu.js.map → drag-D_u-98wL.js.map} +1 -1
- package/dist/drag-editable-card/index.d.ts +4 -3
- package/dist/drag-editable-card/index.js +4 -4
- package/dist/drag-editable-table/index.js +5 -5
- package/dist/drag-editable-table-pro/index.js +3 -3
- package/dist/easy-form/index.js +1 -1
- package/dist/easy-table/index.js +1 -1
- package/dist/editable-card/index.d.ts +4 -3
- package/dist/editable-card/index.js +3 -3
- package/dist/{editable-card-Dc_9h_Qf.js → editable-card-CT6GEcp6.js} +2 -2
- package/dist/{editable-card-Dc_9h_Qf.js.map → editable-card-CT6GEcp6.js.map} +1 -1
- package/dist/{editable-card-D-JIgLVg.js → editable-card-Deo3SUjG.js} +45 -24
- package/dist/editable-card-Deo3SUjG.js.map +1 -0
- package/dist/editable-table/index.js +4 -4
- package/dist/editable-table-pro/index.js +2 -2
- package/dist/{editable-table-pro-D8Vt535W.js → editable-table-pro-jkHndPRi.js} +2 -2
- package/dist/{editable-table-pro-D8Vt535W.js.map → editable-table-pro-jkHndPRi.js.map} +1 -1
- package/dist/{editable-table-B79C_CpN.js → editable-table-tiF4vQG9.js} +3 -3
- package/dist/{editable-table-B79C_CpN.js.map → editable-table-tiF4vQG9.js.map} +1 -1
- package/dist/form-item-text/index.js +5 -5
- package/dist/{form-item-text-B-uUpFQ3.js → form-item-text-0Z3jfmVa.js} +2 -2
- package/dist/{form-item-text-B-uUpFQ3.js.map → form-item-text-0Z3jfmVa.js.map} +1 -1
- package/dist/form-item-wrapper/index.d.ts +3 -1
- package/dist/form-item-wrapper/index.js +5 -1
- package/dist/form-item-wrapper/index.js.map +1 -1
- package/dist/{form-item-wrapper-CwXh7JxL.js → form-item-wrapper-DHRbunEm.js} +15 -4
- package/dist/form-item-wrapper-DHRbunEm.js.map +1 -0
- package/dist/form-item-wrapper-dependencies/index.css +0 -0
- package/dist/form-item-wrapper-dependencies/index.d.ts +85 -0
- package/dist/form-item-wrapper-dependencies/index.js +19 -0
- package/dist/form-item-wrapper-dependencies/index.js.map +1 -0
- package/dist/{form-DpEHOorS.js → form-w7uoh7-7.js} +20 -13
- package/dist/form-w7uoh7-7.js.map +1 -0
- package/dist/index.d.ts +45 -3
- package/dist/index.js +18 -16
- package/dist/index.js.map +1 -1
- package/dist/{number-range-B_WHzUn5.js → number-range-DoBW86wx.js} +2 -2
- package/dist/{number-range-B_WHzUn5.js.map → number-range-DoBW86wx.js.map} +1 -1
- package/dist/number-range-form-item/index.js +6 -2
- package/dist/number-range-form-item/index.js.map +1 -1
- package/dist/selector-wrapper/index.js +1 -1
- package/dist/{selector-wrapper-DM2jRdkd.js → selector-wrapper-DIsWHObN.js} +11 -4
- package/dist/selector-wrapper-DIsWHObN.js.map +1 -0
- package/dist/styles/index.css +1 -1
- package/dist/table-cell-render/index.js +2 -2
- package/dist/{tabs-CbMuUsXN.js → tabs-RgWLRNpM.js} +3 -2
- package/dist/tabs-RgWLRNpM.js.map +1 -0
- package/dist/tabs-sticky/index.css +1 -1
- package/dist/tabs-sticky/index.js +1 -1
- package/dist/time-range-picker-wrapper-form-item/index.js +2 -2
- package/dist/{time-range-picker-wrapper-form-item-C-4lPRGY.js → time-range-picker-wrapper-form-item-CZSB-Rzh.js} +2 -2
- package/dist/{time-range-picker-wrapper-form-item-C-4lPRGY.js.map → time-range-picker-wrapper-form-item-CZSB-Rzh.js.map} +1 -1
- package/dist/tree-modal/index.js +1 -1
- package/dist/tree-modal-selector/index.js +1 -1
- package/dist/tree-wrapper/index.js +7 -7
- package/dist/tree-wrapper/index.js.map +1 -1
- package/package.json +5 -1
- package/dist/button-operate-3J_ml0DO.js.map +0 -1
- package/dist/editable-card-D-JIgLVg.js.map +0 -1
- package/dist/form-DpEHOorS.js.map +0 -1
- package/dist/form-item-wrapper-CwXh7JxL.js.map +0 -1
- package/dist/selector-wrapper-DM2jRdkd.js.map +0 -1
- package/dist/tabs-CbMuUsXN.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-CpN8Syvu.js","sources":["@flatbiz/antd/src/drag-editable-table/context.ts","@flatbiz/antd/src/drag-editable-table/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table/row.tsx","@flatbiz/antd/src/drag-editable-table/drag.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport { createCtx } from '@wove/react';\n\nexport const [getCtx, CtxProvider] = createCtx<{\n dragIcon?: ReactElement;\n uidFieldKey: string;\n}>();\n","import { Children, cloneElement, type ReactElement } from 'react';\nimport { type RowProps } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop } from '@flatbiz/utils';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\n\ntype TableTrHandleProps = RowProps & {\n dragIcon?: ReactElement;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n const { dragIcon, ...innerProps } = props;\n const rowId = innerProps['data-row-key'] as number;\n\n const {\n setActivatorNodeRef,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({\n id: rowId,\n });\n\n if (isUndefinedOrNull(rowId)) {\n return <tr {...innerProps} />;\n }\n const style: React.CSSProperties = {\n ...innerProps.style,\n transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n transition,\n cursor: 'move',\n ...(isDragging\n ? {\n position: 'relative',\n zIndex: 9999,\n boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n backgroundColor: 'var(--block-bg-color)',\n }\n : {}),\n };\n const iconElement = dragIcon || <DragOutlined />;\n return (\n <tr {...innerProps} ref={setNodeRef} style={style} key={rowId}>\n {Children.map(props.children, (child) => {\n if ((child as React.ReactElement).key === '__sort') {\n return cloneElement(child as React.ReactElement, {\n children: (\n <span\n ref={setActivatorNodeRef}\n style={{\n touchAction: 'none',\n cursor: 'move',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n {...listeners}\n >\n <IconWrapper\n style={{\n touchAction: 'none',\n cursor: 'move',\n padding: '1px 0px',\n margin: 0,\n justifyContent: 'center',\n color: '#787878',\n }}\n icon={iconElement}\n onClick={noop}\n size=\"small\"\n />\n </span>\n ),\n });\n }\n return child;\n })}\n </tr>\n );\n};\n","import { getCtx } from './context.js';\nimport { TableTrHandle } from './table-tr-handle.jsx';\n\nexport const Row = (props) => {\n const ctx = getCtx();\n return <TableTrHandle {...props} dragIcon={ctx.dragIcon} />;\n};\n","import { type ReactElement } from 'react';\nimport { Form } from 'antd';\nimport {\n DndContext,\n type DragEndEvent,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport {\n arrayMove,\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { type TPlainObject } from '@flatbiz/utils';\nimport type {\n EditableTableColumn,\n EditableTableProps,\n} from '../editable-table/editable-table.jsx';\nimport { EditableTable } from '../editable-table/editable-table.jsx';\nimport { CtxProvider } from './context.js';\nimport { Row } from './row.jsx';\n\nexport type DragEditableTableProps = EditableTableProps & {\n /**\n * 拖拽图标自定义,默认使用 DragOutlined 图标\n */\n dragIcon?: ReactElement;\n\n /** 禁用拖拽 */\n disabledDrag?: boolean;\n /**\n * 表格数据唯一值字段Key\n * ```\n * ```\n */\n uidFieldKey: string;\n /**\n * 拖拽结束事件\n * ```\n * dataSource: 拖拽完成后的数据源\n * dragData\n * 1. activeId 拖拽ID\n * 2. activeIndex 拖拽起始表格数组索引值\n * 3. overIndex 拖拽结束表格数组索引值\n * ```\n */\n onDragChange?: (\n dataSource: TPlainObject[],\n dragData: {\n activeId: string | number;\n overId?: string | number;\n activeIndex: number;\n overIndex: number;\n }\n ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * @deprecated 已过期,请使用 DragEditableTablePro组件\n * ```\n * 1. 表格数据必须要有唯一值字段,通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * ```\n */\nexport const DragEditableTable = (props: DragEditableTableProps) => {\n const { dragIcon, uidFieldKey, onDragChange, disabledDrag, ...otherProps } =\n props;\n const form = Form.useFormInstance();\n const dataList = Form.useWatch(\n props.completeName ? props.completeName : props.name,\n form\n );\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n // 当拖拽触发区域有其他点击事件时,需要延迟触发拖拽动作\n delay: 0,\n tolerance: 0,\n },\n })\n );\n\n const onDragEnd = ({ active, over }: DragEndEvent) => {\n if (active.id !== over?.id) {\n const activeIndex = dataList.findIndex(\n (i) => i[uidFieldKey] === active.id\n );\n const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n form.setFields([\n {\n name: props.completeName ? props.completeName : props.name,\n value: dataListNew,\n },\n ]);\n onDragChange?.(dataListNew as TPlainObject[], {\n activeId: active.id,\n overId: over?.id,\n activeIndex,\n overIndex,\n });\n }\n };\n\n const columns: EditableTableColumn[] = disabledDrag\n ? otherProps.columns\n : [\n {\n dataIndex: '__sort',\n width: 40,\n key: '__sort',\n align: 'center',\n } as EditableTableColumn,\n ].concat(otherProps.columns || []);\n\n return (\n <CtxProvider\n value={{\n dragIcon,\n uidFieldKey,\n }}\n >\n <DndContext\n sensors={sensors}\n modifiers={[restrictToVerticalAxis]}\n onDragEnd={onDragEnd}\n >\n <SortableContext\n items={dataList?.map((i) => i[uidFieldKey]) || []}\n strategy={verticalListSortingStrategy}\n >\n <EditableTable\n {...otherProps}\n uidFieldKey={uidFieldKey}\n columns={columns}\n tableProps={{\n ...otherProps.tableProps,\n components: {\n ...otherProps.tableProps?.components,\n body: {\n ...otherProps.tableProps?.components?.body,\n row: disabledDrag ? undefined : Row,\n },\n },\n }}\n />\n </SortableContext>\n </DndContext>\n </CtxProvider>\n );\n};\n"],"names":["_createCtx","_createCtx3","_createCtx2","_slicedToArray","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutProperties","_excluded","rowId","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","isUndefinedOrNull","_jsx","_objectSpread","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","display","alignItems","justifyContent","IconWrapper","padding","margin","color","icon","onClick","noop","size","Row","ctx","DragEditableTable","_otherProps$tableProp","_otherProps$tableProp2","uidFieldKey","onDragChange","disabledDrag","otherProps","form","Form","useFormInstance","dataList","useWatch","completeName","name","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","value","activeId","overId","columns","dataIndex","width","align","concat","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTable","tableProps","components","body","row","undefined"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"drag-D_u-98wL.js","sources":["@flatbiz/antd/src/drag-editable-table/context.ts","@flatbiz/antd/src/drag-editable-table/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table/row.tsx","@flatbiz/antd/src/drag-editable-table/drag.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport { createCtx } from '@wove/react';\n\nexport const [getCtx, CtxProvider] = createCtx<{\n dragIcon?: ReactElement;\n uidFieldKey: string;\n}>();\n","import { Children, cloneElement, type ReactElement } from 'react';\nimport { type RowProps } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop } from '@flatbiz/utils';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\n\ntype TableTrHandleProps = RowProps & {\n dragIcon?: ReactElement;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n const { dragIcon, ...innerProps } = props;\n const rowId = innerProps['data-row-key'] as number;\n\n const {\n setActivatorNodeRef,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({\n id: rowId,\n });\n\n if (isUndefinedOrNull(rowId)) {\n return <tr {...innerProps} />;\n }\n const style: React.CSSProperties = {\n ...innerProps.style,\n transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n transition,\n cursor: 'move',\n ...(isDragging\n ? {\n position: 'relative',\n zIndex: 9999,\n boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n backgroundColor: 'var(--block-bg-color)',\n }\n : {}),\n };\n const iconElement = dragIcon || <DragOutlined />;\n return (\n <tr {...innerProps} ref={setNodeRef} style={style} key={rowId}>\n {Children.map(props.children, (child) => {\n if ((child as React.ReactElement).key === '__sort') {\n return cloneElement(child as React.ReactElement, {\n children: (\n <span\n ref={setActivatorNodeRef}\n style={{\n touchAction: 'none',\n cursor: 'move',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n {...listeners}\n >\n <IconWrapper\n style={{\n touchAction: 'none',\n cursor: 'move',\n padding: '1px 0px',\n margin: 0,\n justifyContent: 'center',\n color: '#787878',\n }}\n icon={iconElement}\n onClick={noop}\n size=\"small\"\n />\n </span>\n ),\n });\n }\n return child;\n })}\n </tr>\n );\n};\n","import { getCtx } from './context.js';\nimport { TableTrHandle } from './table-tr-handle.jsx';\n\nexport const Row = (props) => {\n const ctx = getCtx();\n return <TableTrHandle {...props} dragIcon={ctx.dragIcon} />;\n};\n","import { type ReactElement } from 'react';\nimport { Form } from 'antd';\nimport {\n DndContext,\n type DragEndEvent,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport {\n arrayMove,\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { type TPlainObject } from '@flatbiz/utils';\nimport type {\n EditableTableColumn,\n EditableTableProps,\n} from '../editable-table/editable-table.jsx';\nimport { EditableTable } from '../editable-table/editable-table.jsx';\nimport { CtxProvider } from './context.js';\nimport { Row } from './row.jsx';\n\nexport type DragEditableTableProps = EditableTableProps & {\n /**\n * 拖拽图标自定义,默认使用 DragOutlined 图标\n */\n dragIcon?: ReactElement;\n\n /** 禁用拖拽 */\n disabledDrag?: boolean;\n /**\n * 表格数据唯一值字段Key\n * ```\n * ```\n */\n uidFieldKey: string;\n /**\n * 拖拽结束事件\n * ```\n * dataSource: 拖拽完成后的数据源\n * dragData\n * 1. activeId 拖拽ID\n * 2. activeIndex 拖拽起始表格数组索引值\n * 3. overIndex 拖拽结束表格数组索引值\n * ```\n */\n onDragChange?: (\n dataSource: TPlainObject[],\n dragData: {\n activeId: string | number;\n overId?: string | number;\n activeIndex: number;\n overIndex: number;\n }\n ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * @deprecated 已过期,请使用 DragEditableTablePro组件\n * ```\n * 1. 表格数据必须要有唯一值字段,通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * ```\n */\nexport const DragEditableTable = (props: DragEditableTableProps) => {\n const { dragIcon, uidFieldKey, onDragChange, disabledDrag, ...otherProps } =\n props;\n const form = Form.useFormInstance();\n const dataList = Form.useWatch(\n props.completeName ? props.completeName : props.name,\n form\n );\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n // 当拖拽触发区域有其他点击事件时,需要延迟触发拖拽动作\n delay: 0,\n tolerance: 0,\n },\n })\n );\n\n const onDragEnd = ({ active, over }: DragEndEvent) => {\n if (active.id !== over?.id) {\n const activeIndex = dataList.findIndex(\n (i) => i[uidFieldKey] === active.id\n );\n const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n form.setFields([\n {\n name: props.completeName ? props.completeName : props.name,\n value: dataListNew,\n },\n ]);\n onDragChange?.(dataListNew as TPlainObject[], {\n activeId: active.id,\n overId: over?.id,\n activeIndex,\n overIndex,\n });\n }\n };\n\n const columns: EditableTableColumn[] = disabledDrag\n ? otherProps.columns\n : [\n {\n dataIndex: '__sort',\n width: 40,\n key: '__sort',\n align: 'center',\n } as EditableTableColumn,\n ].concat(otherProps.columns || []);\n\n return (\n <CtxProvider\n value={{\n dragIcon,\n uidFieldKey,\n }}\n >\n <DndContext\n sensors={sensors}\n modifiers={[restrictToVerticalAxis]}\n onDragEnd={onDragEnd}\n >\n <SortableContext\n items={dataList?.map((i) => i[uidFieldKey]) || []}\n strategy={verticalListSortingStrategy}\n >\n <EditableTable\n {...otherProps}\n uidFieldKey={uidFieldKey}\n columns={columns}\n tableProps={{\n ...otherProps.tableProps,\n components: {\n ...otherProps.tableProps?.components,\n body: {\n ...otherProps.tableProps?.components?.body,\n row: disabledDrag ? undefined : Row,\n },\n },\n }}\n />\n </SortableContext>\n </DndContext>\n </CtxProvider>\n );\n};\n"],"names":["_createCtx","_createCtx3","_createCtx2","_slicedToArray","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutProperties","_excluded","rowId","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","isUndefinedOrNull","_jsx","_objectSpread","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","display","alignItems","justifyContent","IconWrapper","padding","margin","color","icon","onClick","noop","size","Row","ctx","DragEditableTable","_otherProps$tableProp","_otherProps$tableProp2","uidFieldKey","onDragChange","disabledDrag","otherProps","form","Form","useFormInstance","dataList","useWatch","completeName","name","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","value","activeId","overId","columns","dataIndex","width","align","concat","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTable","tableProps","components","body","row","undefined"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TAny, TPlainObject } from '@flatbiz/utils';
|
|
2
2
|
import { FormItemProps, FormListFieldData, FormListOperation, FormProps } from 'antd';
|
|
3
|
-
import { FormListProps } from 'antd/es/form';
|
|
3
|
+
import { FormListProps } from 'antd/es/form/FormList.js';
|
|
4
4
|
import { CSSProperties, ReactElement, ReactNode } from 'react';
|
|
5
5
|
|
|
6
6
|
declare const PresetDefaultGrid: {
|
|
@@ -252,6 +252,7 @@ export type EditableCardColumnItem = {
|
|
|
252
252
|
hidden?: (operation: EditableCardOperation, index: number) => boolean;
|
|
253
253
|
/** 移除设置,优先级高于 hidden */
|
|
254
254
|
remove?: (operation: EditableCardOperation, index: number) => boolean;
|
|
255
|
+
formItemContainer?: (formItem: ReactElement) => ReactElement | null;
|
|
255
256
|
};
|
|
256
257
|
export type EditableCardProps = {
|
|
257
258
|
className?: string;
|
|
@@ -289,7 +290,7 @@ export type EditableCardProps = {
|
|
|
289
290
|
/**`默认新增按钮`新增行默认值,hiddenFooterBtn != true 有效 */
|
|
290
291
|
addRowDefaultValues?: () => TPlainObject;
|
|
291
292
|
/** 自定义新增按钮名称 */
|
|
292
|
-
addRowBtnName?:
|
|
293
|
+
addRowBtnName?: ReactNode;
|
|
293
294
|
/** 隐藏底部`新增`按钮 */
|
|
294
295
|
hiddenFooterBtn?: boolean;
|
|
295
296
|
/** 隐藏默认删除按钮 */
|
|
@@ -321,7 +322,7 @@ export type EditableCardProps = {
|
|
|
321
322
|
* 可使用 EasyForm 中 FormItem布局
|
|
322
323
|
* ```
|
|
323
324
|
*/
|
|
324
|
-
cardEasyFormProps?: Omit<EasyFormProps, "nonuseFormWrapper" | "children">;
|
|
325
|
+
cardEasyFormProps?: Omit<EasyFormProps, "nonuseFormWrapper" | "isPure" | "children">;
|
|
325
326
|
/**
|
|
326
327
|
* 默认卡片右侧布局,设置 onCustomWrapper 后失效
|
|
327
328
|
* ```
|
|
@@ -5,14 +5,14 @@ import './../pre-defined-class-name/index.css';
|
|
|
5
5
|
import './index.css';
|
|
6
6
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
7
7
|
|
|
8
|
-
export { D as DragEditableCard } from '../editable-card-
|
|
8
|
+
export { D as DragEditableCard } from '../editable-card-CT6GEcp6.js';
|
|
9
9
|
import '../_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
10
10
|
import 'antd';
|
|
11
11
|
import '@dnd-kit/core';
|
|
12
12
|
import '@dnd-kit/modifiers';
|
|
13
13
|
import '@dnd-kit/sortable';
|
|
14
14
|
import '@flatbiz/utils';
|
|
15
|
-
import '../editable-card-
|
|
15
|
+
import '../editable-card-Deo3SUjG.js';
|
|
16
16
|
import '@ant-design/icons/es/icons/PlusOutlined.js';
|
|
17
17
|
import '@dimjs/utils/class-names/class-names';
|
|
18
18
|
import '@wove/react/hooks';
|
|
@@ -46,14 +46,14 @@ import '@ant-design/icons/es/icons/CloseCircleFilled.js';
|
|
|
46
46
|
import '@ant-design/icons/es/icons/DeleteOutlined.js';
|
|
47
47
|
import '../icon-wrapper-CR3akisG.js';
|
|
48
48
|
import '@dimjs/lang/is-undefined';
|
|
49
|
-
import '../form-
|
|
49
|
+
import '../form-w7uoh7-7.js';
|
|
50
50
|
import '../box-grid/index.js';
|
|
51
51
|
import '@dimjs/lang/is-number';
|
|
52
52
|
import 'ahooks';
|
|
53
53
|
import '../form-wrapper-DSnBmyFu.js';
|
|
54
54
|
import '../pre-defined-class-name/index.js';
|
|
55
55
|
import '../form-item-hidden-B9afZdSe.js';
|
|
56
|
-
import '../form-item-wrapper-
|
|
56
|
+
import '../form-item-wrapper-DHRbunEm.js';
|
|
57
57
|
import '../tips-wrapper-Bf9nfZq3.js';
|
|
58
58
|
import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
|
|
59
59
|
import '@ant-design/icons/es/icons/DragOutlined.js';
|
|
@@ -9,13 +9,13 @@ import './../tag-list-render/index.css';
|
|
|
9
9
|
import './index.css';
|
|
10
10
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
11
11
|
|
|
12
|
-
export { D as DragEditableTable } from '../drag-
|
|
12
|
+
export { D as DragEditableTable } from '../drag-D_u-98wL.js';
|
|
13
13
|
import '../_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
14
14
|
import 'antd';
|
|
15
15
|
import '@dnd-kit/core';
|
|
16
16
|
import '@dnd-kit/modifiers';
|
|
17
17
|
import '@dnd-kit/sortable';
|
|
18
|
-
import '../editable-table-
|
|
18
|
+
import '../editable-table-tiF4vQG9.js';
|
|
19
19
|
import '@ant-design/icons/es/icons/PlusOutlined.js';
|
|
20
20
|
import '@dimjs/utils/class-names/class-names';
|
|
21
21
|
import 'react';
|
|
@@ -48,13 +48,13 @@ import '../symbol-CX0y_DJ4.js';
|
|
|
48
48
|
import '../tips-wrapper-Bf9nfZq3.js';
|
|
49
49
|
import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
|
|
50
50
|
import '../form-item-hidden-B9afZdSe.js';
|
|
51
|
-
import '../cell-render-
|
|
51
|
+
import '../cell-render-QV48PC3s.js';
|
|
52
52
|
import '@dimjs/lang/is-string';
|
|
53
53
|
import '@dimjs/lang/is-object';
|
|
54
54
|
import '@dimjs/utils/get/get';
|
|
55
55
|
import '@dimjs/lang/is-plain-object';
|
|
56
56
|
import '@dimjs/lang/is-empty';
|
|
57
|
-
import '../button-operate-
|
|
57
|
+
import '../button-operate-hqQWIA-a.js';
|
|
58
58
|
import '@ant-design/icons/es/icons/MoreOutlined.js';
|
|
59
59
|
import '@dimjs/lang/is-undefined';
|
|
60
60
|
import '../dropdown-menu-wrapper-CSzVvlcO.js';
|
|
@@ -70,7 +70,7 @@ import '../date-picker-wrapper-Cs-HoJ6K.js';
|
|
|
70
70
|
import '../time-CeL7904f.js';
|
|
71
71
|
import '../date-range-picker-wrapper-COuR09V1.js';
|
|
72
72
|
import '../input-wrapper-B3FjX76n.js';
|
|
73
|
-
import '../selector-wrapper-
|
|
73
|
+
import '../selector-wrapper-DIsWHObN.js';
|
|
74
74
|
import '@ant-design/icons/es/icons/RedoOutlined.js';
|
|
75
75
|
import '../request-status-DQsSHUSx.js';
|
|
76
76
|
import '@dimjs/lang/is-deep-equal';
|
|
@@ -4,13 +4,13 @@ import './../pre-defined-class-name/index.css';
|
|
|
4
4
|
import './index.css';
|
|
5
5
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
6
6
|
|
|
7
|
-
export { D as DragEditableTablePro } from '../drag-
|
|
7
|
+
export { D as DragEditableTablePro } from '../drag-DOhz_ox7.js';
|
|
8
8
|
import '../_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
9
9
|
import 'antd';
|
|
10
10
|
import '@dnd-kit/core';
|
|
11
11
|
import '@dnd-kit/modifiers';
|
|
12
12
|
import '@dnd-kit/sortable';
|
|
13
|
-
import '../editable-table-pro-
|
|
13
|
+
import '../editable-table-pro-jkHndPRi.js';
|
|
14
14
|
import '@ant-design/icons/es/icons/PlusOutlined.js';
|
|
15
15
|
import '@ant-design/icons/es/icons/CloseCircleFilled.js';
|
|
16
16
|
import '@dimjs/utils/class-names/class-names';
|
|
@@ -40,7 +40,7 @@ import 'dayjs/locale/en.js';
|
|
|
40
40
|
import 'dayjs/locale/zh-cn.js';
|
|
41
41
|
import 'react/jsx-runtime';
|
|
42
42
|
import '../fba-utils-Dfbczn1S.js';
|
|
43
|
-
import '../form-item-wrapper-
|
|
43
|
+
import '../form-item-wrapper-DHRbunEm.js';
|
|
44
44
|
import '../pre-defined-class-name/index.js';
|
|
45
45
|
import '../symbol-CX0y_DJ4.js';
|
|
46
46
|
import '../tips-wrapper-Bf9nfZq3.js';
|
package/dist/easy-form/index.js
CHANGED
|
@@ -5,7 +5,7 @@ import './../pre-defined-class-name/index.css';
|
|
|
5
5
|
import './index.css';
|
|
6
6
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
7
7
|
|
|
8
|
-
export { E as EasyForm } from '../form-
|
|
8
|
+
export { E as EasyForm } from '../form-w7uoh7-7.js';
|
|
9
9
|
import '@dimjs/utils/class-names/class-names';
|
|
10
10
|
import '../_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
11
11
|
import 'react';
|
package/dist/easy-table/index.js
CHANGED
|
@@ -27,7 +27,7 @@ import _UpOutlined from '@ant-design/icons/es/icons/UpOutlined.js';
|
|
|
27
27
|
import { isFragment } from 'react-is';
|
|
28
28
|
import { B as BlockLayout } from '../layout-OPf8eBBY.js';
|
|
29
29
|
import { B as ButtonWrapper } from '../button-wrapper-l9FUsrWl.js';
|
|
30
|
-
import { E as EasyForm } from '../form-
|
|
30
|
+
import { E as EasyForm } from '../form-w7uoh7-7.js';
|
|
31
31
|
import { FormGrid } from '../form-grid/index.js';
|
|
32
32
|
import { T as TableScrollbar } from '../table-scrollbar-CBqQ4pYQ.js';
|
|
33
33
|
import { F as FlexLayout } from '../flex-layout-BaDncU_Z.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TAny, TPlainObject } from '@flatbiz/utils';
|
|
2
2
|
import { FormItemProps, FormListFieldData, FormListOperation, FormProps } from 'antd';
|
|
3
|
-
import { FormListProps } from 'antd/es/form';
|
|
3
|
+
import { FormListProps } from 'antd/es/form/FormList.js';
|
|
4
4
|
import { CSSProperties, ReactElement, ReactNode } from 'react';
|
|
5
5
|
|
|
6
6
|
declare const PresetDefaultGrid: {
|
|
@@ -252,6 +252,7 @@ export type EditableCardColumnItem = {
|
|
|
252
252
|
hidden?: (operation: EditableCardOperation, index: number) => boolean;
|
|
253
253
|
/** 移除设置,优先级高于 hidden */
|
|
254
254
|
remove?: (operation: EditableCardOperation, index: number) => boolean;
|
|
255
|
+
formItemContainer?: (formItem: ReactElement) => ReactElement | null;
|
|
255
256
|
};
|
|
256
257
|
export type EditableCardProps = {
|
|
257
258
|
className?: string;
|
|
@@ -289,7 +290,7 @@ export type EditableCardProps = {
|
|
|
289
290
|
/**`默认新增按钮`新增行默认值,hiddenFooterBtn != true 有效 */
|
|
290
291
|
addRowDefaultValues?: () => TPlainObject;
|
|
291
292
|
/** 自定义新增按钮名称 */
|
|
292
|
-
addRowBtnName?:
|
|
293
|
+
addRowBtnName?: ReactNode;
|
|
293
294
|
/** 隐藏底部`新增`按钮 */
|
|
294
295
|
hiddenFooterBtn?: boolean;
|
|
295
296
|
/** 隐藏默认删除按钮 */
|
|
@@ -321,7 +322,7 @@ export type EditableCardProps = {
|
|
|
321
322
|
* 可使用 EasyForm 中 FormItem布局
|
|
322
323
|
* ```
|
|
323
324
|
*/
|
|
324
|
-
cardEasyFormProps?: Omit<EasyFormProps, "nonuseFormWrapper" | "children">;
|
|
325
|
+
cardEasyFormProps?: Omit<EasyFormProps, "nonuseFormWrapper" | "isPure" | "children">;
|
|
325
326
|
/**
|
|
326
327
|
* 默认卡片右侧布局,设置 onCustomWrapper 后失效
|
|
327
328
|
* ```
|
|
@@ -5,7 +5,7 @@ import './../pre-defined-class-name/index.css';
|
|
|
5
5
|
import './index.css';
|
|
6
6
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
7
7
|
|
|
8
|
-
export { E as EditableCard } from '../editable-card-
|
|
8
|
+
export { E as EditableCard } from '../editable-card-Deo3SUjG.js';
|
|
9
9
|
import '@ant-design/icons/es/icons/PlusOutlined.js';
|
|
10
10
|
import '@dimjs/utils/class-names/class-names';
|
|
11
11
|
import '../_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
@@ -42,14 +42,14 @@ import '@ant-design/icons/es/icons/CloseCircleFilled.js';
|
|
|
42
42
|
import '@ant-design/icons/es/icons/DeleteOutlined.js';
|
|
43
43
|
import '../icon-wrapper-CR3akisG.js';
|
|
44
44
|
import '@dimjs/lang/is-undefined';
|
|
45
|
-
import '../form-
|
|
45
|
+
import '../form-w7uoh7-7.js';
|
|
46
46
|
import '../box-grid/index.js';
|
|
47
47
|
import '@dimjs/lang/is-number';
|
|
48
48
|
import 'ahooks';
|
|
49
49
|
import '../form-wrapper-DSnBmyFu.js';
|
|
50
50
|
import '../pre-defined-class-name/index.js';
|
|
51
51
|
import '../form-item-hidden-B9afZdSe.js';
|
|
52
|
-
import '../form-item-wrapper-
|
|
52
|
+
import '../form-item-wrapper-DHRbunEm.js';
|
|
53
53
|
import '../tips-wrapper-Bf9nfZq3.js';
|
|
54
54
|
import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
|
|
55
55
|
//# sourceMappingURL=index.js.map
|
|
@@ -6,7 +6,7 @@ import { useSensors, useSensor, PointerSensor, DndContext } from '@dnd-kit/core'
|
|
|
6
6
|
import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
|
|
7
7
|
import { useSortable, SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable';
|
|
8
8
|
import { noop, toArray } from '@flatbiz/utils';
|
|
9
|
-
import { E as EditableCard } from './editable-card-
|
|
9
|
+
import { E as EditableCard } from './editable-card-Deo3SUjG.js';
|
|
10
10
|
import _DragOutlined from '@ant-design/icons/es/icons/DragOutlined.js';
|
|
11
11
|
import { CSS } from '@dnd-kit/utilities';
|
|
12
12
|
import { C as CardWrapper } from './card-wrapper-w-JbDJNk.js';
|
|
@@ -228,4 +228,4 @@ var DragEditableCard = function DragEditableCard(props) {
|
|
|
228
228
|
};
|
|
229
229
|
|
|
230
230
|
export { DragEditableCard as D };
|
|
231
|
-
//# sourceMappingURL=editable-card-
|
|
231
|
+
//# sourceMappingURL=editable-card-CT6GEcp6.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"editable-card-Dc_9h_Qf.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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"}
|
|
1
|
+
{"version":3,"file":"editable-card-CT6GEcp6.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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"}
|
|
@@ -4,16 +4,17 @@ import _PlusOutlined from '@ant-design/icons/es/icons/PlusOutlined.js';
|
|
|
4
4
|
import { classNames } from '@dimjs/utils/class-names/class-names';
|
|
5
5
|
import { c as _toConsumableArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
6
6
|
import { hooks } from '@wove/react/hooks';
|
|
7
|
-
import { useRef,
|
|
7
|
+
import { useRef, Fragment, createElement, isValidElement } from 'react';
|
|
8
8
|
import { Form, ConfigProvider, Empty } from 'antd';
|
|
9
9
|
import { toArray, isUndefinedOrNull } from '@flatbiz/utils';
|
|
10
10
|
import { B as ButtonWrapper } from './button-wrapper-l9FUsrWl.js';
|
|
11
11
|
import { C as CardWrapper } from './card-wrapper-w-JbDJNk.js';
|
|
12
12
|
import { D as DeleteNode } from './delete-node-D46iKrXs.js';
|
|
13
|
-
import { E as EasyForm } from './form-
|
|
13
|
+
import { E as EasyForm } from './form-w7uoh7-7.js';
|
|
14
|
+
import { fbaHooks } from './fba-hooks/index.js';
|
|
14
15
|
import { f as fbaUtils } from './fba-utils-Dfbczn1S.js';
|
|
15
16
|
import { F as FormItemHidden } from './form-item-hidden-B9afZdSe.js';
|
|
16
|
-
import { F as FormItemWrapper } from './form-item-wrapper-
|
|
17
|
+
import { F as FormItemWrapper } from './form-item-wrapper-DHRbunEm.js';
|
|
17
18
|
import { T as TipsWrapper } from './tips-wrapper-Bf9nfZq3.js';
|
|
18
19
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
19
20
|
|
|
@@ -50,7 +51,7 @@ var EditableCard = function EditableCard(props) {
|
|
|
50
51
|
}));
|
|
51
52
|
forceUpdate();
|
|
52
53
|
});
|
|
53
|
-
var columns =
|
|
54
|
+
var columns = fbaHooks.useMemoCustom(function () {
|
|
54
55
|
return props.columns.map(function (column) {
|
|
55
56
|
var _column$formItemProps;
|
|
56
57
|
var title = column.title;
|
|
@@ -74,7 +75,7 @@ var EditableCard = function EditableCard(props) {
|
|
|
74
75
|
return {
|
|
75
76
|
dataIndex: dataIndex,
|
|
76
77
|
render: function render(index, fieldData, operation) {
|
|
77
|
-
var _column$remove, _column$hidden, _formItemProps, _column$
|
|
78
|
+
var _column$remove, _column$hidden, _formItemProps, _column$render4;
|
|
78
79
|
var value = form.getFieldValue([].concat(_toConsumableArray(formListCompleteName), [fieldData.name], _toConsumableArray(dataIndex)));
|
|
79
80
|
if (isUndefinedOrNull(column.render)) {
|
|
80
81
|
return /*#__PURE__*/jsx(Fragment, {
|
|
@@ -117,19 +118,39 @@ var EditableCard = function EditableCard(props) {
|
|
|
117
118
|
});
|
|
118
119
|
}
|
|
119
120
|
if (editable === true) {
|
|
120
|
-
var _column$
|
|
121
|
-
|
|
121
|
+
var _column$render2;
|
|
122
|
+
if (column.formItemContainer) {
|
|
123
|
+
var _column$render;
|
|
124
|
+
return column.formItemContainer(/*#__PURE__*/createElement(FormItemWrapper, _objectSpread2(_objectSpread2({
|
|
125
|
+
label: titleRender
|
|
126
|
+
}, formItemProps), {}, {
|
|
127
|
+
name: [fieldData.name].concat(_toConsumableArray(dataIndex)),
|
|
128
|
+
span: column.gridNumber,
|
|
129
|
+
key: fieldData.key
|
|
130
|
+
}), (_column$render = column.render) === null || _column$render === void 0 ? void 0 : _column$render.call(column, renderOperationProps)));
|
|
131
|
+
}
|
|
132
|
+
return /*#__PURE__*/createElement(FormItemWrapper, _objectSpread2(_objectSpread2({
|
|
133
|
+
label: titleRender
|
|
134
|
+
}, formItemProps), {}, {
|
|
122
135
|
name: [fieldData.name].concat(_toConsumableArray(dataIndex)),
|
|
123
|
-
label: titleRender,
|
|
124
136
|
span: column.gridNumber,
|
|
125
137
|
key: fieldData.key
|
|
126
|
-
}), (_column$
|
|
138
|
+
}), (_column$render2 = column.render) === null || _column$render2 === void 0 ? void 0 : _column$render2.call(column, renderOperationProps));
|
|
139
|
+
}
|
|
140
|
+
if (column.formItemContainer) {
|
|
141
|
+
var _column$render3;
|
|
142
|
+
return column.formItemContainer(/*#__PURE__*/jsx(FormItemWrapper, _objectSpread2(_objectSpread2({
|
|
143
|
+
label: titleRender,
|
|
144
|
+
span: column.gridNumber
|
|
145
|
+
}, formItemProps), {}, {
|
|
146
|
+
children: (_column$render3 = column.render) === null || _column$render3 === void 0 ? void 0 : _column$render3.call(column, renderOperationProps)
|
|
147
|
+
}), fieldData.key));
|
|
127
148
|
}
|
|
128
149
|
return /*#__PURE__*/jsx(FormItemWrapper, _objectSpread2(_objectSpread2({
|
|
129
150
|
label: titleRender,
|
|
130
151
|
span: column.gridNumber
|
|
131
152
|
}, formItemProps), {}, {
|
|
132
|
-
children: (_column$
|
|
153
|
+
children: (_column$render4 = column.render) === null || _column$render4 === void 0 ? void 0 : _column$render4.call(column, renderOperationProps)
|
|
133
154
|
}), fieldData.key);
|
|
134
155
|
}
|
|
135
156
|
};
|
|
@@ -166,12 +187,13 @@ var EditableCard = function EditableCard(props) {
|
|
|
166
187
|
if (props.onCustomWrapper) {
|
|
167
188
|
var _props$cardEasyFormPr;
|
|
168
189
|
return /*#__PURE__*/jsx(Fragment, {
|
|
169
|
-
children: props.onCustomWrapper(/*#__PURE__*/jsx(EasyForm, _objectSpread2(_objectSpread2({
|
|
190
|
+
children: props.onCustomWrapper(/*#__PURE__*/jsx(EasyForm, _objectSpread2(_objectSpread2({
|
|
191
|
+
nonuseFormWrapper: true
|
|
192
|
+
}, props.cardEasyFormProps), {}, {
|
|
170
193
|
style: _objectSpread2({
|
|
171
194
|
padding: 0,
|
|
172
195
|
margin: 0
|
|
173
196
|
}, (_props$cardEasyFormPr = props.cardEasyFormProps) === null || _props$cardEasyFormPr === void 0 ? void 0 : _props$cardEasyFormPr.style),
|
|
174
|
-
nonuseFormWrapper: true,
|
|
175
197
|
children: columns.map(function (column) {
|
|
176
198
|
return column.render(index, fieldItem, formListOperation);
|
|
177
199
|
})
|
|
@@ -187,11 +209,11 @@ var EditableCard = function EditableCard(props) {
|
|
|
187
209
|
padding: 0,
|
|
188
210
|
margin: '0 0 15px 0'
|
|
189
211
|
}, props.cardStyle),
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
212
|
+
bodyStyle: {
|
|
213
|
+
paddingBottom: 0
|
|
214
|
+
}
|
|
215
|
+
// styles={{ body: { paddingBottom: 0 } }}
|
|
216
|
+
,
|
|
195
217
|
extra: /*#__PURE__*/isValidElement(cardExtraRenderResult) ? cardExtraRenderResult : /*#__PURE__*/jsxs("div", {
|
|
196
218
|
style: {
|
|
197
219
|
display: 'inline-flex',
|
|
@@ -208,18 +230,17 @@ var EditableCard = function EditableCard(props) {
|
|
|
208
230
|
}
|
|
209
231
|
}), cardExtraRenderResult === null || cardExtraRenderResult === void 0 ? void 0 : cardExtraRenderResult['after']]
|
|
210
232
|
}),
|
|
211
|
-
children: /*#__PURE__*/jsx(EasyForm, _objectSpread2(_objectSpread2({
|
|
233
|
+
children: /*#__PURE__*/jsx(EasyForm, _objectSpread2(_objectSpread2({
|
|
234
|
+
nonuseFormWrapper: true
|
|
235
|
+
}, props.cardEasyFormProps), {}, {
|
|
212
236
|
style: _objectSpread2({
|
|
213
237
|
padding: 0,
|
|
214
238
|
margin: 0
|
|
215
239
|
}, (_props$cardEasyFormPr2 = props.cardEasyFormProps) === null || _props$cardEasyFormPr2 === void 0 ? void 0 : _props$cardEasyFormPr2.style),
|
|
216
|
-
nonuseFormWrapper: true,
|
|
217
240
|
children: columns.map(function (column) {
|
|
218
|
-
return
|
|
219
|
-
children: column.render(index, fieldItem, formListOperation)
|
|
220
|
-
}, column.dataIndex.join('_'));
|
|
241
|
+
return column.render(index, fieldItem, formListOperation);
|
|
221
242
|
})
|
|
222
|
-
})
|
|
243
|
+
}))
|
|
223
244
|
}, fieldItem.key);
|
|
224
245
|
}), fields.length === 0 ? /*#__PURE__*/jsx("div", {
|
|
225
246
|
className: "editable-card-empty",
|
|
@@ -253,4 +274,4 @@ var EditableCard = function EditableCard(props) {
|
|
|
253
274
|
};
|
|
254
275
|
|
|
255
276
|
export { EditableCard as E };
|
|
256
|
-
//# sourceMappingURL=editable-card-
|
|
277
|
+
//# sourceMappingURL=editable-card-Deo3SUjG.js.map
|