@flatbiz/antd 5.0.4 → 5.0.6
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/bootstrap/index.js +2 -2
- package/dist/{bootstrap-BjobvUl2.js → bootstrap-BPinDEWu.js} +2 -2
- package/dist/{bootstrap-BjobvUl2.js.map → bootstrap-BPinDEWu.js.map} +1 -1
- package/dist/{cell-render-DknjxNlB.js → cell-render-CU74zUFQ.js} +3 -2
- package/dist/cell-render-CU74zUFQ.js.map +1 -0
- package/dist/dialog-drawer/index.js +1 -1
- package/dist/{dialog-drawer-CQD19DJY.js → dialog-drawer-D7lYByyr.js} +7 -13
- package/dist/dialog-drawer-D7lYByyr.js.map +1 -0
- package/dist/{drag-BOT05TxF.js → drag-CBosXqSQ.js} +2 -2
- package/dist/{drag-BOT05TxF.js.map → drag-CBosXqSQ.js.map} +1 -1
- package/dist/drag-editable-card/index.d.ts +3 -1
- package/dist/drag-editable-card/index.js +3 -3
- package/dist/drag-editable-table/index.js +3 -3
- package/dist/drag-editable-table-pro/index.d.ts +2 -0
- package/dist/drag-editable-table-pro/index.js +2 -2
- package/dist/{drag-DcYB-GOo.js → drag-vcg-f-hJ.js} +2 -2
- package/dist/{drag-DcYB-GOo.js.map → drag-vcg-f-hJ.js.map} +1 -1
- package/dist/easy-form/index.d.ts +16 -11
- package/dist/easy-form/index.js +1 -1
- package/dist/easy-table/index.d.ts +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 +2 -2
- package/dist/{editable-card-B5CLgiDY.js → editable-card-DzY1frTO.js} +2 -2
- package/dist/{editable-card-B5CLgiDY.js.map → editable-card-DzY1frTO.js.map} +1 -1
- package/dist/{editable-card-C_wwMtSy.js → editable-card-Od2SiaIS.js} +25 -19
- package/dist/editable-card-Od2SiaIS.js.map +1 -0
- package/dist/editable-table/index.js +2 -2
- package/dist/{editable-table-DMtxWoAn.js → editable-table-Buqnm-R4.js} +2 -2
- package/dist/{editable-table-DMtxWoAn.js.map → editable-table-Buqnm-R4.js.map} +1 -1
- package/dist/editable-table-pro/index.d.ts +2 -0
- package/dist/editable-table-pro/index.js +1 -1
- package/dist/{editable-table-pro-B40tH9it.js → editable-table-pro-D8Vt535W.js} +2 -1
- package/dist/editable-table-pro-D8Vt535W.js.map +1 -0
- package/dist/fba-app/index.js +1 -1
- package/dist/{fba-app-CFR5IVBe.js → fba-app-Bys4HJRC.js} +8 -8
- package/dist/fba-app-Bys4HJRC.js.map +1 -0
- package/dist/{form-Bz0Gi7wm.js → form-DlOnlnEr.js} +30 -16
- package/dist/form-DlOnlnEr.js.map +1 -0
- package/dist/form-item-span/index.css +0 -0
- package/dist/form-item-span/index.d.ts +35 -0
- package/dist/form-item-span/index.js +14 -0
- package/dist/form-item-span/index.js.map +1 -0
- package/dist/index.d.ts +262 -139
- package/dist/index.js +17 -11
- package/dist/index.js.map +1 -1
- package/dist/select-modal-Dt4YHH8a.js +370 -0
- package/dist/select-modal-Dt4YHH8a.js.map +1 -0
- package/dist/selector-HbymPXNd.js +89 -0
- package/dist/selector-HbymPXNd.js.map +1 -0
- package/dist/span-_AZUf9Zw.js +40 -0
- package/dist/span-_AZUf9Zw.js.map +1 -0
- package/dist/table-cell-render/index.d.ts +1 -1
- package/dist/table-cell-render/index.js +1 -1
- package/dist/tree-modal/index.css +0 -0
- package/dist/tree-modal/index.d.ts +415 -0
- package/dist/tree-modal/index.js +73 -0
- package/dist/tree-modal/index.js.map +1 -0
- package/dist/tree-modal-selector/index.css +0 -0
- package/dist/tree-modal-selector/index.d.ts +426 -0
- package/dist/tree-modal-selector/index.js +75 -0
- package/dist/tree-modal-selector/index.js.map +1 -0
- package/dist/tree-wrapper/index.d.ts +15 -1
- package/dist/tree-wrapper/index.js +188 -77
- package/dist/tree-wrapper/index.js.map +1 -1
- package/package.json +15 -3
- package/dist/cell-render-DknjxNlB.js.map +0 -1
- package/dist/dialog-drawer-CQD19DJY.js.map +0 -1
- package/dist/editable-card-C_wwMtSy.js.map +0 -1
- package/dist/editable-table-pro-B40tH9it.js.map +0 -1
- package/dist/fba-app-CFR5IVBe.js.map +0 -1
- package/dist/form-Bz0Gi7wm.js.map +0 -1
package/dist/bootstrap/index.js
CHANGED
|
@@ -4,7 +4,7 @@ import './../fba-hooks/index.css';
|
|
|
4
4
|
import './index.css';
|
|
5
5
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
6
6
|
|
|
7
|
-
export { B as Bootstrap } from '../bootstrap-
|
|
7
|
+
export { B as Bootstrap } from '../bootstrap-BPinDEWu.js';
|
|
8
8
|
import '../_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
9
9
|
import '@dimjs/utils/get/get';
|
|
10
10
|
import 'react';
|
|
@@ -28,7 +28,7 @@ import '../use-responsive-point-Bp3D3lZT.js';
|
|
|
28
28
|
import 'dayjs/locale/en.js';
|
|
29
29
|
import 'dayjs/locale/zh-cn.js';
|
|
30
30
|
import 'react/jsx-runtime';
|
|
31
|
-
import '../fba-app-
|
|
31
|
+
import '../fba-app-Bys4HJRC.js';
|
|
32
32
|
import '@dimjs/utils/class-names/class-names';
|
|
33
33
|
import '@dimjs/lang/is-promise';
|
|
34
34
|
import 'ahooks';
|
|
@@ -6,7 +6,7 @@ import { useEffect } from 'react';
|
|
|
6
6
|
import { theme, App } from 'antd';
|
|
7
7
|
import { toArray } from '@flatbiz/utils';
|
|
8
8
|
import { C as ConfigProviderWrapper } from './config-provider-wrapper-DDa_64Ce.js';
|
|
9
|
-
import { F as FbaApp } from './fba-app-
|
|
9
|
+
import { F as FbaApp } from './fba-app-Bys4HJRC.js';
|
|
10
10
|
import { fbaHooks } from './fba-hooks/index.js';
|
|
11
11
|
import { jsx } from 'react/jsx-runtime';
|
|
12
12
|
|
|
@@ -84,4 +84,4 @@ var Bootstrap = function Bootstrap(props) {
|
|
|
84
84
|
};
|
|
85
85
|
|
|
86
86
|
export { Bootstrap as B };
|
|
87
|
-
//# sourceMappingURL=bootstrap-
|
|
87
|
+
//# sourceMappingURL=bootstrap-BPinDEWu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bootstrap-
|
|
1
|
+
{"version":3,"file":"bootstrap-BPinDEWu.js","sources":["@flatbiz/antd/src/bootstrap/bootstrap.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { App, theme } from 'antd';\nimport { get } from '@dimjs/utils';\nimport type { TPlainObject } from '@flatbiz/utils';\nimport { toArray } from '@flatbiz/utils';\nimport type { ConfigProviderWrapperProps } from '../config-provider-wrapper/config-provider-wrapper.jsx';\nimport { ConfigProviderWrapper } from '../config-provider-wrapper/config-provider-wrapper.jsx';\nimport { FbaApp } from '../fba-app/fba-app.jsx';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport './style.less';\n\nexport type BootstrapProps = {\n /** 是否紧凑模式 */\n compact?: boolean;\n /** 是否drak模式 */\n dark?: boolean;\n children: ReactNode;\n configProviderProps?: ConfigProviderWrapperProps;\n /** @default zhCN */\n locale?: 'en' | 'zh-cn';\n /**\n * 背景颜色配置\n * ```\n * 默认值:\n * dark: { bgColor: '#1b1a1a', blockBgColor: '#000' }\n * light: { bgColor: '#f9f9f9', blockBgColor: '#FFF' }\n * ```\n */\n bgColorConfig?: {\n dark?: {\n bgColor?: string;\n blockBgColor?: string;\n };\n light?: {\n bgColor?: string;\n blockBgColor?: string;\n };\n };\n};\n/**\n * 如果当前项目入口不使用@flatbiz/pro-layout,必须使用 Bootstrap 组件包装\n * ```\n * Bootstrap 内部\n * 1. 封装 antd App组件\n * 2. 封装 @flatbiz/antd FbaApp组件\n * 3. 适配 light/dark模式\n * 4. 封装 antd ConfigProvider 可配置主题\n * ```\n */\nexport const Bootstrap = (props: BootstrapProps) => {\n useEffect(() => {\n const bodyStyle = document.body.style.cssText;\n const keyValuePairs = {};\n if (bodyStyle) {\n const regex = /(.+?):\\s*(.+?);/g;\n\n let match;\n while ((match = regex.exec(bodyStyle))) {\n const key = match[1].trim();\n const value = match[2];\n keyValuePairs[key] = value;\n }\n }\n if (props.dark) {\n keyValuePairs['--bg-color'] = get<TPlainObject, string>(\n props,\n 'bgColorConfig.dark.bgColor',\n '#1b1a1a'\n );\n keyValuePairs['--block-bg-color'] = get<TPlainObject, string>(\n props,\n 'bgColorConfig.dark.blockBgColor',\n '#000'\n );\n } else {\n keyValuePairs['--bg-color'] = get<TPlainObject, string>(\n props,\n 'bgColorConfig.light.bgColor',\n '#f9f9f9'\n );\n keyValuePairs['--block-bg-color'] = get<TPlainObject, string>(\n props,\n 'bgColorConfig.light.blockBgColor',\n '#FFF'\n );\n }\n let varStyleText = '';\n Object.keys(keyValuePairs).forEach((key) => {\n if (keyValuePairs[key]) {\n varStyleText = varStyleText + `${key}:${keyValuePairs[key]};`;\n }\n });\n document.body.style.cssText = varStyleText;\n\n if (props.dark) {\n document.body.classList.add('dark-theme');\n } else {\n document.body.classList.add('light-theme');\n }\n if (props.compact) {\n document.body.classList.add('compact-theme');\n }\n }, [props.bgColorConfig, props.dark]);\n\n const innerTheme = fbaHooks.useThemeToken();\n\n const algorithm = props.configProviderProps?.theme?.algorithm;\n\n let algorithmArray = toArray<any>(algorithm);\n\n algorithmArray = [\n ...algorithmArray,\n props.dark ? theme.darkAlgorithm : null,\n props.compact ? theme.compactAlgorithm : null,\n ].filter(Boolean);\n\n return (\n <ConfigProviderWrapper\n locale={props.locale}\n componentSize={'middle'}\n space={{ size: 'middle' }}\n {...props.configProviderProps}\n theme={{\n ...props.configProviderProps?.theme,\n algorithm: algorithmArray,\n }}\n >\n <App\n style={{ '--color-primary': innerTheme.colorPrimary } as CSSProperties}\n className=\"bootstrap-app\"\n >\n <FbaApp>{props.children}</FbaApp>\n </App>\n </ConfigProviderWrapper>\n );\n};\n"],"names":["Bootstrap","props","_props$configProvider","_props$configProvider2","useEffect","bodyStyle","document","body","style","cssText","keyValuePairs","regex","match","exec","key","trim","value","dark","_get","varStyleText","Object","keys","forEach","concat","classList","add","compact","bgColorConfig","innerTheme","fbaHooks","useThemeToken","algorithm","configProviderProps","theme","algorithmArray","toArray","_toConsumableArray","darkAlgorithm","compactAlgorithm","filter","Boolean","_jsx","ConfigProviderWrapper","_objectSpread","locale","componentSize","space","size","children","App","colorPrimary","className","FbaApp"],"mappings":"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"}
|
|
@@ -95,7 +95,8 @@ var tableColumnObjectRender = function tableColumnObjectRender(key, defaultValue
|
|
|
95
95
|
};
|
|
96
96
|
};
|
|
97
97
|
var tableColumnFen2yuanCellRender = function tableColumnFen2yuanCellRender(options) {
|
|
98
|
-
var
|
|
98
|
+
var hideBgColor = isUndefinedOrNull(options === null || options === void 0 ? void 0 : options.hideBgColor) ? true : options === null || options === void 0 ? void 0 : options.hideBgColor;
|
|
99
|
+
var className = hideBgColor ? '' : 'table-fen-color';
|
|
99
100
|
return function (value) {
|
|
100
101
|
if (isUndefinedOrNull(value) || value === '') {
|
|
101
102
|
if (isUndefinedOrNull(options === null || options === void 0 ? void 0 : options.defaultValue)) return undefined;
|
|
@@ -389,4 +390,4 @@ var tableCellRender = {
|
|
|
389
390
|
};
|
|
390
391
|
|
|
391
392
|
export { tableCellRender as t };
|
|
392
|
-
//# sourceMappingURL=cell-render-
|
|
393
|
+
//# sourceMappingURL=cell-render-CU74zUFQ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cell-render-CU74zUFQ.js","sources":["@flatbiz/antd/src/table-cell-render/cell-render.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Fragment } from 'react';\nimport { Badge, Space, Tooltip } from 'antd';\nimport { isEmpty, isObject, isPlainObject, isString } from '@dimjs/lang';\nimport { get } from '@dimjs/utils';\nimport type { DateFormatType, TAny, TPlainObject } from '@flatbiz/utils';\nimport {\n cutString,\n flatbizDate,\n flatbizPrice,\n getStrByteLen,\n isNumber,\n isUndefinedOrNull,\n} from '@flatbiz/utils';\nimport type { ButtonOperateProps } from '../button-operate/index.js';\nimport { ButtonOperate } from '../button-operate/index.js';\nimport { TagListRender } from '../tag-list-render/index.js';\nimport type {\n TagListSelectProps,\n TagListSelectValue,\n} from '../tag-list-select/index.js';\nimport './style.less';\n\nconst tableColumnTooltipRender = (\n showMaxNumber?: number,\n defaultValue?: string\n) => {\n return (value: string | number) => {\n if (isEmpty(value) || value === '') return defaultValue;\n if (isNumber(value)) return value;\n const colunmText = value.toString();\n const maxNumber = (\n isUndefinedOrNull(showMaxNumber) ? 10 : showMaxNumber\n ) as number;\n const strByteLen = getStrByteLen(colunmText);\n if (strByteLen <= maxNumber * 2) {\n return colunmText;\n }\n return (\n <Tooltip placement=\"topLeft\" title={colunmText}>\n {cutString(colunmText, maxNumber * 2)}\n </Tooltip>\n );\n };\n};\n\nconst tableColumnOperateRender = (\n options: (item: TAny, index: number) => ButtonOperateProps\n) => {\n return (_value: string | number, record, index: number) => {\n const operateProps = options(record, index);\n return <ButtonOperate {...operateProps} />;\n };\n};\n\nconst tableColumnDateRender = (\n dateFormatType?: DateFormatType,\n defaultValue?: string\n) => {\n return (value: string | number) => {\n if (isEmpty(value) || value === '') return defaultValue;\n try {\n return flatbizDate.format(new Date(value), dateFormatType);\n } catch (_error) {\n return value || defaultValue;\n }\n };\n};\n\n/**\n * table 索引展示,如果存在pageSize、pageNo参数可分页展示索引,否则每页都从1开始\n * @param pageSize\n * @param pageNo\n * @returns\n */\nconst tableColumnIndexRender = (pageNo?: number, pageSize?: number) => {\n return (_value, _record, index: number) => {\n if (pageSize && pageNo) {\n return (pageNo - 1) * pageSize + index + 1;\n }\n return index + 1;\n };\n};\nconst tableColumnIndexRender2 = (\n method?: () => { pageNo?: number; pageSize?: number }\n) => {\n return (_value, _record, index: number) => {\n const { pageNo, pageSize } = method?.() || {};\n if (pageSize && pageNo) {\n return (pageNo - 1) * pageSize + index + 1;\n }\n return index + 1;\n };\n};\n\nconst tableColumnSelectorRender = (\n selectorList: TagListSelectProps['dataList'],\n colorMap?: TagListSelectProps['colorMap'],\n options?: {\n /** 最大显示Tag数量,超出折叠隐藏 */\n maxShowCount?: number;\n /** 触发maxShowCount后,被折叠的内容是否显示完整tag,默认值:false */\n foldShowAllTag?: boolean;\n }\n) => {\n return (value?: TAny) => {\n if (isUndefinedOrNull(value)) return null;\n return (\n <TagListRender\n dataList={selectorList}\n colorMap={colorMap}\n value={value}\n forceMatch={false}\n {...options}\n />\n );\n };\n};\n\nconst tableColumnObjectRender = (key: string, defaultValue?: string) => {\n return (value?: TPlainObject) => {\n if (isPlainObject(value)) {\n const target = get(value, key as never, defaultValue);\n if (!target) return '';\n if (isObject(target)) return JSON.stringify(target);\n return target;\n }\n return value || defaultValue;\n };\n};\n\nconst tableColumnFen2yuanCellRender = (options?: {\n /** 是否显示分隔符,默认值:false */\n separator?: boolean;\n defaultValue?: string | number;\n /** 隐藏背景颜色, 默认值:true */\n hideBgColor?: boolean;\n}) => {\n const hideBgColor = isUndefinedOrNull(options?.hideBgColor)\n ? true\n : options?.hideBgColor;\n\n const className = hideBgColor ? '' : 'table-fen-color';\n return (value?: string | number) => {\n if (isUndefinedOrNull(value) || value === '') {\n if (isUndefinedOrNull(options?.defaultValue)) return undefined;\n if (isNumber(options?.defaultValue as string | number)) {\n return (\n <span className={className}>\n {flatbizPrice.format(options?.defaultValue)}\n </span>\n );\n }\n return <span className={className}>{options?.defaultValue}</span>;\n }\n if (!isNumber(value as number | string)) return value;\n const amount = flatbizPrice.fen2yuan(value);\n return (\n <span className={className}>\n {flatbizPrice.format(amount, options?.defaultValue, {\n separator: options?.separator || false,\n })}\n </span>\n );\n };\n};\n\nconst tableColumnFen2wanCellRender = (options?: {\n /** 是否显示分隔符,默认值:false */\n separator?: boolean;\n defaultValue?: string | number;\n /** 隐藏背景颜色,默认:false */\n showBgColor?: boolean;\n /** 移除小数点后末尾零 */\n removeTailZero?: boolean;\n}) => {\n const className = options?.showBgColor === true ? 'table-wan-color' : '';\n return (value?: string | number) => {\n if (isUndefinedOrNull(value) || value === '') {\n if (isUndefinedOrNull(options?.defaultValue)) return undefined;\n if (isNumber(options?.defaultValue as string | number)) {\n return (\n <span className={className}>\n {flatbizPrice.format(options?.defaultValue)}\n </span>\n );\n }\n return <span className={className}>{options?.defaultValue}</span>;\n }\n if (!isNumber(value as number | string)) return value;\n const amount = flatbizPrice.fen2wan(value);\n const amountNew = options?.removeTailZero\n ? flatbizPrice.removeTailZero(amount, options?.defaultValue, {\n separator: options?.separator || false,\n })\n : flatbizPrice.format(amount, options?.defaultValue, {\n separator: options?.separator || false,\n });\n return <span className={className}>{amountNew}</span>;\n };\n};\n\ntype TableColumnIconRenderProps = {\n /** 额外内容,一般为Icon */\n extra: ReactElement;\n extraPosition?: 'before' | 'after';\n onClick?: (e) => void;\n /** 是否显示原单元格数据,默认值:true */\n showData?: boolean;\n /** 溢出显示【...】, 最大长度(默认:20个字节) */\n showMaxNumber?: number;\n /** 未溢出显示【extra】配置,默认值:true */\n notOverflowShowExtra?: boolean;\n};\n\nconst tableColumnExtraContentRender = (\n handle: (item: TPlainObject) => TableColumnIconRenderProps\n) => {\n return (value: TAny, item: TPlainObject) => {\n const options = handle?.(item);\n if (!options) return <Fragment>{value}</Fragment>;\n const showData = isUndefinedOrNull(options.showData)\n ? true\n : options.showData;\n const notOverflowShowExtra = isUndefinedOrNull(options.notOverflowShowExtra)\n ? true\n : options.notOverflowShowExtra;\n const showMaxNumber = isUndefinedOrNull(options.showMaxNumber)\n ? 10\n : (options.showMaxNumber as number);\n const extraPosition = options.extraPosition\n ? options.extraPosition\n : 'after';\n const renderValue = isString(value)\n ? cutString(value, showMaxNumber * 2)\n : value;\n\n if (options.extra && showData) {\n if (renderValue === value && !notOverflowShowExtra) {\n return value;\n }\n const spaceContent = [\n <span key=\"1\">{renderValue}</span>,\n <Fragment key=\"2\">{options.extra}</Fragment>,\n ];\n const spaceContentRender =\n extraPosition === 'before' ? spaceContent.reverse() : spaceContent;\n return (\n <Space\n onClick={options.onClick}\n style={{ cursor: options.onClick ? 'pointer' : undefined }}\n size={5}\n >\n {spaceContentRender.map((item, index) => {\n return <Fragment key={index}>{item}</Fragment>;\n })}\n </Space>\n );\n }\n return <span onClick={options.onClick}>{options.extra}</span>;\n };\n};\n\nconst tableColumnBadgeRender = (\n selectorList: { label: string; value: TagListSelectValue; color?: string }[],\n colorMap?: Record<string | string, string>\n) => {\n return (value?: TAny) => {\n if (!value) return null;\n const target = selectorList.find((item) => item.value === value);\n if (target)\n return (\n <Badge\n color={target?.color || colorMap?.[value] || 'rgba(0, 0, 0, 0.25)'}\n text={target?.label}\n />\n );\n return value;\n };\n};\n\nconst tableColumnClickRender = (\n onClick: (record: TPlainObject, e) => void,\n defaultValue?: string\n) => {\n return (value: TAny, record: TPlainObject) => {\n if (!value) return defaultValue;\n return <a onClick={onClick.bind(null, record)}>{value}</a>;\n };\n};\n\nexport const tableCellRender = {\n /**\n * 表格单元格 拼接额外内容渲染\n * ```\n * 1. extra 额外内容\n * 2. showData 是否显示原单元格数据,默认值:true\n * 3. showMaxNumber 显示最大长度,作用于原单元格字符串数据\n *\n *\n * 结合table column render 使用\n * # 在单元格渲染文字右侧添加图标\n * render: tableCellRender.extraContentRender(() => {\n * return {\n * extra: <FullscreenOutlined />,\n * onClick: () => { ... },\n * };\n * }),\n * ```\n */\n extraContentRender: tableColumnExtraContentRender,\n /**\n * table 索引展示,如果存在pageSize、pageNo参数可分页展示索引,否则每页都从1开始\n * @deprecated 已过时 4.3.0版本移除,请使用 serialNumberCell\n */\n indexCell: tableColumnIndexRender,\n /**\n * table 序号展示,如果存在pageSize、pageNo参数可分页展示累加序号,否则每页都从1开始\n * ```\n * render: tableCellRender.serialNumberCell(() => {\n * return { pageNo,pageSize };\n * }),\n * ```\n */\n serialNumberCell: tableColumnIndexRender2,\n /**\n * 表格日期格式数据渲染,默认格式:YYYY-MM-DD\n * ```\n * 独立使用\n * tableCellRender.dateCell('YYYY-MM-DD hh:mm:ss')(value)\n *\n * 结合table column render 使用\n * render: tableCellRender.dateCell('YYYY-MM-DD hh:mm:ss')\n * render: (value) => {\n * return tableCellRender.dateCell('YYYY-MM-DD')(value);\n * }\n * ```\n */\n dateCell: tableColumnDateRender,\n /**\n * table操作栏目渲染\n * ```\n * 使用方式\n * tableCellRender.operateCell((item) => ({\n * operateList: [\n * {\n * text: '编辑',\n * onClick: onItemOperate.bind(null, 'update', item),\n * },\n * {\n * text: '删除',\n * needConfirm: true,\n * confirmMessage: '确定要删除吗?',\n * onClick: onItemOperate.bind(null, 'delete', item),\n * },\n * ],\n * }))\n * ```\n */\n operateCell: tableColumnOperateRender,\n /**\n * 实现字段超出隐藏,默认长度10个字符\n * @deprecated 已过期,请使用 TextOverflow 组件实现\n * ```\n * 1. showMaxNumber: 显示最大长度\n * 2. 会讲字符转出字节进行计算显示\n * ```\n */\n tooltipCell: tableColumnTooltipRender,\n /**\n * Tag格式数据渲染,可结合枚举定义数据\n * ```\n * 独立使用\n * tableCellRender.selectorCell([{ label: '已开启', value: 1 }])(value)\n * tableCellRender.selectorCell([{ label: '已开启', value: 1, color: '#108ee9' }])(value)\n * tableCellRender.selectorCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })(value)\n * tableCellRender.selectorCell(taskTypeEnumList)(value);\n *\n *\n * 结合table column render 使用\n * render: tableCellRender.selectorCell(taskTypeEnumList);\n * render: tableCellRender.selectorCell([{ label: '已开启', value: 1 ]);\n * render: (value) => {\n * return tableCellRender.selectorCell([{ label: '已开启', value: 1 ])(value);\n * }\n *\n * 其中value值可以是单个值或者数组;例如:'1' 或者 ['1', '2']\n * ```\n */\n selectorCell: tableColumnSelectorRender,\n /**\n * 单元格对象数据处理,支持多级处理\n * ```\n * tableCellRender.objectCell('a.b.c')\n * ```\n */\n objectCell: tableColumnObjectRender,\n /**\n * 分金额展示,入参分,显示元(默认添加千分位)\n * ```\n * 可配置\n * 1. separator:是否显示千分位分隔符,默认值:false\n * 2. defaultValue:当值为空默认展示\n * 3. hideBgColor:隐藏背景颜色\n *\n * 例如:\n * fen2yuanCell()(100090) => 1000.90\n * fen2yuanCell({separator: true})(100090) => 1,000.90\n * fen2yuanCell()('abc') => abc\n * fen2yuanCell({defaultValue: '--'})('') => --\n * fen2yuanCell()('') => undefined\n * fen2yuanCell({ defaultValue: 0 })('') => 0.00\n * ```\n */\n fen2yuanCell: tableColumnFen2yuanCellRender,\n /**\n * 分金额展示,入参分,显示万元(默认添加千分位)\n * ```\n * 可配置\n * 1. separator:是否显示千分位分隔符,默认值:false\n * 2. defaultValue:当值为空默认展示\n * 3. showBgColor:隐藏背景颜色\n * 4. removeTailZero:移除小数点后末尾零\n *\n * 例如:\n * fen2yuanCell()(1000900000) => 1000.90\n * fen2yuanCell({separator: true})(1000900000) => 1,000.90\n * fen2yuanCell()('abc') => abc\n * fen2yuanCell({defaultValue: '--'})('') => --\n * fen2yuanCell()('') => undefined\n * fen2yuanCell({ defaultValue: 0 })('') => 0.00\n * ```\n */\n fen2wanCell: tableColumnFen2wanCellRender,\n /**\n * 单元格徽标展示数据\n * ```\n * 1. badge 默认颜色:灰色rgba(0, 0, 0, 0.25)\n *\n * 独立使用\n * tableCellRender.badgeCell([{ label: '已开启', value: 1 ])(value)\n * tableCellRender.badgeCell([{ label: '已开启', value: 1, color: '#108ee9' }])(value)\n * tableCellRender.badgeCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })(value)\n *\n * 结合table column render 使用\n * render: tableCellRender.badgeCell([{ label: '已开启', value: 1 ])\n * render: (value) => {\n * return tableCellRender.badgeCell([{ label: '已开启', value: 1 ])(value)\n * }\n * ```\n */\n badgeCell: tableColumnBadgeRender,\n /**\n * 单元格点击事件\n * ```\n * 独立使用\n * tableCellRender.clickCell(onClick)(value, record)\n *\n * 结合table column render 使用\n * render: tableCellRender.clickCell(onClick)\n * render: (value, record) => {\n * return tableCellRender.clickCell(onClick)(value, record)\n * }\n * ```\n */\n clickCell: tableColumnClickRender,\n};\n"],"names":["tableColumnTooltipRender","showMaxNumber","defaultValue","value","_isEmpty","isNumber","colunmText","toString","maxNumber","isUndefinedOrNull","strByteLen","getStrByteLen","_jsx","Tooltip","placement","title","children","cutString","tableColumnOperateRender","options","_value","record","index","operateProps","ButtonOperate","_objectSpread","tableColumnDateRender","dateFormatType","flatbizDate","format","Date","_error","tableColumnIndexRender","pageNo","pageSize","_record","tableColumnIndexRender2","method","_ref","tableColumnSelectorRender","selectorList","colorMap","TagListRender","dataList","forceMatch","tableColumnObjectRender","key","_isPlainObject","target","_get","_isObject","JSON","stringify","tableColumnFen2yuanCellRender","hideBgColor","className","undefined","flatbizPrice","amount","fen2yuan","separator","tableColumnFen2wanCellRender","showBgColor","fen2wan","amountNew","removeTailZero","tableColumnExtraContentRender","handle","item","Fragment","showData","notOverflowShowExtra","extraPosition","renderValue","_isString","extra","spaceContent","spaceContentRender","reverse","Space","onClick","style","cursor","size","map","tableColumnBadgeRender","find","Badge","color","text","label","tableColumnClickRender","bind","tableCellRender","extraContentRender","indexCell","serialNumberCell","dateCell","operateCell","tooltipCell","selectorCell","objectCell","fen2yuanCell","fen2wanCell","badgeCell","clickCell"],"mappings":"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F,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAC1BX,OAA0C,EAC1C9E,YAAqB,EAClB;AACH,EAAA,OAAO,UAACC,KAAW,EAAEkB,MAAoB,EAAK;AAC5C,IAAA,IAAI,CAAClB,KAAK,EAAE,OAAOD,YAAY;AAC/B,IAAA,oBAAOU,GAAA,CAAA,GAAA,EAAA;MAAGoE,OAAO,EAAEA,OAAO,CAACY,IAAI,CAAC,IAAI,EAAEvE,MAAM,CAAE;AAAAL,MAAAA,QAAA,EAAEb;AAAK,KAAI,CAAC;GAC3D;AACH,CAAC;AAEM,IAAM0F,eAAe,GAAG;AAC7B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACEC,EAAAA,kBAAkB,EAAE5B,6BAA6B;AACjD;AACF;AACA;AACA;AACE6B,EAAAA,SAAS,EAAE/D,sBAAsB;AACjC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACEgE,EAAAA,gBAAgB,EAAE5D,uBAAuB;AACzC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE6D,EAAAA,QAAQ,EAAEvE,qBAAqB;AAC/B;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACEwE,EAAAA,WAAW,EAAEhF,wBAAwB;AACrC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACEiF,EAAAA,WAAW,EAAEnG,wBAAwB;AACrC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACEoG,EAAAA,YAAY,EAAE7D,yBAAyB;AACvC;AACF;AACA;AACA;AACA;AACA;AACE8D,EAAAA,UAAU,EAAExD,uBAAuB;AACnC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACEyD,EAAAA,YAAY,EAAEjD,6BAA6B;AAC3C;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACEkD,EAAAA,WAAW,EAAE1C,4BAA4B;AACzC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE2C,EAAAA,SAAS,EAAEnB,sBAAsB;AACjC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACEoB,EAAAA,SAAS,EAAEd;AACb;;;;"}
|
|
@@ -3,7 +3,7 @@ import './../fba-hooks/index.css';
|
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
5
|
|
|
6
|
-
export { d as dialogDrawer } from '../dialog-drawer-
|
|
6
|
+
export { d as dialogDrawer } from '../dialog-drawer-D7lYByyr.js';
|
|
7
7
|
import '@dimjs/lang/is-string';
|
|
8
8
|
import '../_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
9
9
|
import '@dimjs/lang/is-promise';
|
|
@@ -16,7 +16,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
16
16
|
|
|
17
17
|
var _excluded = ["divElement", "elementId", "onOk", "onCancel", "content", "configProviderProps", "okText", "cancelText", "okButtonExtraProps", "cancelButtonExtraProps", "operatePosition", "operateRender", "width", "okHidden", "cancelHidden", "extra"];
|
|
18
18
|
var ModalRender = function ModalRender(props) {
|
|
19
|
-
var _otherProps$styles;
|
|
19
|
+
var _otherProps$styles, _otherProps$styles2;
|
|
20
20
|
var divElement = props.divElement,
|
|
21
21
|
elementId = props.elementId,
|
|
22
22
|
onOk = props.onOk,
|
|
@@ -138,21 +138,15 @@ var ModalRender = function ModalRender(props) {
|
|
|
138
138
|
children: /*#__PURE__*/jsx(Drawer, _objectSpread2(_objectSpread2({
|
|
139
139
|
maskClosable: true,
|
|
140
140
|
destroyOnClose: true,
|
|
141
|
-
onClose: onClose
|
|
142
|
-
// 5.13.0 新增 styles.wrapper,并废弃 contentWrapperStyle drawerStyle maskStyle 属性
|
|
143
|
-
,
|
|
144
|
-
contentWrapperStyle: {
|
|
145
|
-
maxWidth: customSize === null || customSize === void 0 ? void 0 : customSize.maxWidth
|
|
146
|
-
},
|
|
141
|
+
onClose: onClose,
|
|
147
142
|
footer: operatePosition === 'footer' ? newOperateRender : null
|
|
148
143
|
}, otherProps), {}, {
|
|
149
144
|
width: customSize === null || customSize === void 0 ? void 0 : customSize.width,
|
|
150
145
|
styles: _objectSpread2(_objectSpread2({}, otherProps.styles), {}, {
|
|
151
|
-
body: _objectSpread2(_objectSpread2({}, innerBodyStyle), (_otherProps$styles = otherProps.styles) === null || _otherProps$styles === void 0 ? void 0 : _otherProps$styles.body)
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
// },
|
|
146
|
+
body: _objectSpread2(_objectSpread2({}, innerBodyStyle), (_otherProps$styles = otherProps.styles) === null || _otherProps$styles === void 0 ? void 0 : _otherProps$styles.body),
|
|
147
|
+
wrapper: _objectSpread2({
|
|
148
|
+
maxWidth: customSize === null || customSize === void 0 ? void 0 : customSize.maxWidth
|
|
149
|
+
}, (_otherProps$styles2 = otherProps.styles) === null || _otherProps$styles2 === void 0 ? void 0 : _otherProps$styles2.wrapper)
|
|
156
150
|
}),
|
|
157
151
|
extra: operatePosition === 'header' ? newOperateRender : extraRender,
|
|
158
152
|
open: open,
|
|
@@ -227,4 +221,4 @@ var dialogDrawer = {
|
|
|
227
221
|
};
|
|
228
222
|
|
|
229
223
|
export { dialogDrawer as d };
|
|
230
|
-
//# sourceMappingURL=dialog-drawer-
|
|
224
|
+
//# sourceMappingURL=dialog-drawer-D7lYByyr.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog-drawer-D7lYByyr.js","sources":["@flatbiz/antd/src/dialog-drawer/dialog-drawer.tsx"],"sourcesContent":["import type { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { useMemo, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport type { DrawerProps, FormInstance } from 'antd';\nimport { Drawer, Form, Space } from 'antd';\nimport { isPromise, isString } from '@dimjs/lang';\nimport type { TAny, TNoopDefine, TPlainObject } from '@flatbiz/utils';\nimport { dom } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport type { BodyAppendDivElementProps } from '../_utils/dom.js';\nimport type { ButtonWrapperProps } from '../button-wrapper/button-wrapper.jsx';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport type { ConfigProviderWrapperProps } from '../config-provider-wrapper/config-provider-wrapper.jsx';\nimport { ConfigProviderWrapper } from '../config-provider-wrapper/config-provider-wrapper.jsx';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport { CtxProvider, useDialogDrawerCtx } from './context.js';\n\nexport type DialogDrawerProps = Omit<\n DrawerProps,\n 'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'footer' | 'extra'\n> & {\n okText?: string | ReactElement;\n cancelText?: string | ReactElement;\n onOk?: (\n form: FormInstance,\n e: React.MouseEvent<HTMLElement>\n ) => void | Promise<void>;\n onCancel?: (\n form: FormInstance,\n e: React.MouseEvent<HTMLElement>\n ) => void | Promise<void>;\n content:\n | string\n | ReactElement\n | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n configProviderProps?: ConfigProviderWrapperProps;\n\n okButtonExtraProps?: Omit<\n ButtonWrapperProps,\n 'onClick' | 'children' | 'loading'\n >;\n cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n okHidden?: boolean;\n cancelHidden?: boolean;\n /** 设置操作区域位置 */\n operatePosition?: 'header' | 'footer';\n /** 右上角自定义内容,如果operatePosition=header,此设置无效 */\n extra?: ReactNode | ((form: FormInstance) => ReactElement);\n /**\n * ```\n * 1. 自定义弹框操作区域,通过 operatePosition 配置可以自定义位置\n * 2. extraData 为外部通过 useDialogModal.rerenderFooter 重新渲染footer携带的数据\n * ```\n */\n operateRender?: (\n form: FormInstance,\n extraData?: TPlainObject\n ) => ReactElement;\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogDrawerProps) => {\n const {\n divElement,\n elementId,\n onOk,\n onCancel,\n content,\n configProviderProps,\n okText,\n cancelText,\n okButtonExtraProps,\n cancelButtonExtraProps,\n operatePosition = 'footer',\n operateRender,\n width,\n okHidden,\n cancelHidden,\n extra,\n ...otherProps\n } = props;\n const [open, setOpen] = useState(true);\n const [innerBodyStyle, setInnerBodyStyle] = useState<CSSProperties>();\n const [form] = Form.useForm();\n const screenType = fbaHooks.useResponsivePoint() || '';\n const [footerExtraData, setFooterExtraData] = useState<TPlainObject>({});\n\n const onClose = hooks.useCallbackRef(() => {\n try {\n delete window[elementId];\n } catch (_error) {\n //\n }\n setOpen(false);\n });\n\n fbaHooks.useEffectCustom(() => {\n window[elementId] = onClose;\n }, [onClose]);\n\n const onCancelHandle = hooks.useCallbackRef((e) => {\n if (onCancel) {\n const response = onCancel(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n\n const onOkHandle = hooks.useCallbackRef((e) => {\n if (onOk) {\n const response = onOk(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n\n const newOperateRender = fbaHooks.useMemoCustom(() => {\n if (operateRender) {\n return operateRender(form, footerExtraData);\n }\n\n const okHiddenNew = okHidden || okButtonExtraProps?.hidden;\n const cancelHiddenNew = okHidden || okButtonExtraProps?.hidden;\n\n const operateGroup = (\n <Space>\n {cancelHiddenNew ? null : (\n <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n {cancelText || '取消'}\n </ButtonWrapper>\n )}\n {okHiddenNew ? null : (\n <ButtonWrapper\n type=\"primary\"\n {...okButtonExtraProps}\n onClick={onOkHandle}\n >\n {okText || '提交'}\n </ButtonWrapper>\n )}\n </Space>\n );\n if (!okHidden || !cancelHidden) {\n return operateGroup;\n }\n return null;\n }, [footerExtraData]);\n\n const extraRender = typeof extra === 'function' ? extra(form) : extra;\n\n const updateBodyStyle = (bodyStyle?: CSSProperties) => {\n setInnerBodyStyle(bodyStyle);\n };\n\n const customSize = useMemo(() => {\n if (!screenType) return undefined;\n if (['xs', 'sm'].includes(screenType)) {\n return {\n width: '90%',\n maxWidth: '90%',\n };\n }\n if (width) {\n return { width: width, maxWidth: 'calc(100% - 200px)' };\n }\n return { width: '40%', maxWidth: 'calc(100% - 200px)' };\n }, [screenType, width]);\n\n const rerenderFooter = (data) => {\n setFooterExtraData(data);\n };\n\n return (\n <CtxProvider value={{ onClose, updateBodyStyle, rerenderFooter }}>\n <ConfigProviderWrapper {...configProviderProps}>\n <Drawer\n maskClosable={true}\n destroyOnClose\n onClose={onClose}\n footer={operatePosition === 'footer' ? newOperateRender : null}\n {...otherProps}\n width={customSize?.width}\n styles={{\n ...otherProps.styles,\n body: { ...innerBodyStyle, ...otherProps.styles?.body },\n wrapper: {\n maxWidth: customSize?.maxWidth,\n ...otherProps.styles?.wrapper,\n },\n }}\n extra={operatePosition === 'header' ? newOperateRender : extraRender}\n open={open}\n getContainer={divElement}\n >\n {typeof content === 'function' ? content(form, { onClose }) : content}\n </Drawer>\n </ConfigProviderWrapper>\n </CtxProvider>\n );\n};\n\n/**\n * 抽屉弹框\n * ```\n * 1. 可嵌套使用\n * 2. 为什么不推荐使用\n * dialogDrawer.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n * 适配兼容旧版浏览器(https://ant-design.antgroup.com/docs/react/compatible-style-cn)\n * 3. 需要修改默认主题风格的场景,请使用\n * const { appDialogDrawer } = FbaApp.useDialogDrawer();\n * appDialogDrawer.open({})\n * ```\n */\nexport const dialogDrawer = {\n open: (props: DialogDrawerProps) => {\n const { divElement, elementId } = dom.bodyAppendDivElement();\n window['__dialog_drawer_elementId'] = elementId;\n const root = createRoot(divElement);\n root.render(\n <ModalRender {...props} divElement={divElement} elementId={elementId} />\n );\n return {\n close: () => {\n (window as TAny)[elementId]?.();\n },\n };\n },\n /**\n * ```\n * 1. 关闭最新弹框,如果有多个弹框只能关闭最后一个\n * 2. 多个弹框主动关闭,只能使用 dialogDrawer.open()返回值中的close\n * ```\n */\n close: () => {\n try {\n const elementId = window['__dialog_drawer_elementId'] as string;\n if (isString(elementId)) window[elementId]?.();\n } catch (_error) {\n //\n }\n },\n /**\n * ```\n * 1. rerenderFooter 携带指定数据重新渲染 footer,可用于切换footer中的按钮状态\n * ```\n */\n useDialogDrawer: () => {\n const ctx = useDialogDrawerCtx();\n return {\n /** 重新渲染 footer, data为携带的数据,是footer的第二个参数 */\n rerenderFooter: (data?: TPlainObject) => {\n ctx.rerenderFooter(data);\n },\n };\n },\n};\n"],"names":["ModalRender","props","_otherProps$styles","_otherProps$styles2","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","width","okHidden","cancelHidden","extra","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","open","setOpen","_useState3","_useState4","innerBodyStyle","setInnerBodyStyle","_Form$useForm","Form","useForm","_Form$useForm2","form","screenType","fbaHooks","useResponsivePoint","_useState5","_useState6","footerExtraData","setFooterExtraData","onClose","_hooks","useCallbackRef","window","_error","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","newOperateRender","useMemoCustom","okHiddenNew","hidden","cancelHiddenNew","operateGroup","_jsxs","Space","children","_jsx","ButtonWrapper","_objectSpread","onClick","type","extraRender","updateBodyStyle","bodyStyle","customSize","useMemo","undefined","includes","maxWidth","rerenderFooter","data","CtxProvider","value","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","footer","styles","body","wrapper","getContainer","dialogDrawer","_dom$bodyAppendDivEle","dom","bodyAppendDivElement","root","createRoot","render","close","_elementId","_ref","call","_window$elementId","_window","_isString","useDialogDrawer","ctx","useDialogDrawerCtx"],"mappings":";;;;;;;;;;;;;;;;;AA4DA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAoD,EAAK;EAAA,IAAAC,kBAAA,EAAAC,mBAAA;AAC5E,EAAA,IACEC,UAAU,GAiBRH,KAAK,CAjBPG,UAAU;IACVC,SAAS,GAgBPJ,KAAK,CAhBPI,SAAS;IACTC,IAAI,GAeFL,KAAK,CAfPK,IAAI;IACJC,QAAQ,GAcNN,KAAK,CAdPM,QAAQ;IACRC,OAAO,GAaLP,KAAK,CAbPO,OAAO;IACPC,mBAAmB,GAYjBR,KAAK,CAZPQ,mBAAmB;IACnBC,MAAM,GAWJT,KAAK,CAXPS,MAAM;IACNC,UAAU,GAURV,KAAK,CAVPU,UAAU;IACVC,kBAAkB,GAShBX,KAAK,CATPW,kBAAkB;IAClBC,sBAAsB,GAQpBZ,KAAK,CARPY,sBAAsB;IAAAC,qBAAA,GAQpBb,KAAK,CAPPc,eAAe;AAAfA,IAAAA,eAAe,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;IAC1BE,aAAa,GAMXf,KAAK,CANPe,aAAa;IACbC,KAAK,GAKHhB,KAAK,CALPgB,KAAK;IACLC,QAAQ,GAINjB,KAAK,CAJPiB,QAAQ;IACRC,YAAY,GAGVlB,KAAK,CAHPkB,YAAY;IACZC,KAAK,GAEHnB,KAAK,CAFPmB,KAAK;AACFC,IAAAA,UAAU,GAAAC,wBAAA,CACXrB,KAAK,EAAAsB,SAAA,CAAA;AACT,EAAA,IAAAC,SAAA,GAAwBC,QAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/BI,IAAAA,IAAI,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,OAAO,GAAAH,UAAA,CAAA,CAAA,CAAA;AACpB,EAAA,IAAAI,UAAA,GAA4CL,QAAQ,EAAiB;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA9DE,IAAAA,cAAc,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,aAAA,GAAeC,IAAI,CAACC,OAAO,EAAE;IAAAC,cAAA,GAAAV,cAAA,CAAAO,aAAA,EAAA,CAAA,CAAA;AAAtBI,IAAAA,IAAI,GAAAD,cAAA,CAAA,CAAA,CAAA;EACX,IAAME,UAAU,GAAGC,QAAQ,CAACC,kBAAkB,EAAE,IAAI,EAAE;AACtD,EAAA,IAAAC,UAAA,GAA8CjB,QAAQ,CAAe,EAAE,CAAC;IAAAkB,UAAA,GAAAhB,cAAA,CAAAe,UAAA,EAAA,CAAA,CAAA;AAAjEE,IAAAA,eAAe,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAE1C,EAAA,IAAMG,OAAO,GAAGC,KAAA,CAAMC,cAAc,CAAC,YAAM;IACzC,IAAI;MACF,OAAOC,MAAM,CAAC5C,SAAS,CAAC;KACzB,CAAC,OAAO6C,MAAM,EAAE;AACf;AAAA;IAEFrB,OAAO,CAAC,KAAK,CAAC;AAChB,GAAC,CAAC;EAEFW,QAAQ,CAACW,eAAe,CAAC,YAAM;AAC7BF,IAAAA,MAAM,CAAC5C,SAAS,CAAC,GAAGyC,OAAO;AAC7B,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAMM,cAAc,GAAGL,KAAA,CAAMC,cAAc,CAAC,UAACK,CAAC,EAAK;AACjD,IAAA,IAAI9C,QAAQ,EAAE;AACZ,MAAA,IAAM+C,QAAQ,GAAG/C,QAAQ,CAAC+B,IAAI,EAAEe,CAAC,CAAC;AAClC,MAAA,IAAIC,QAAQ,IAAIC,SAAA,CAAUD,QAAQ,CAAC,EAAE;AACnC,QAAA,OAAOA,QAAQ,CAACE,IAAI,CAACV,OAAO,CAAC;AAC/B;AACF;IACA,OAAOA,OAAO,EAAE;AAClB,GAAC,CAAC;EAEF,IAAMW,UAAU,GAAGV,KAAA,CAAMC,cAAc,CAAC,UAACK,CAAC,EAAK;AAC7C,IAAA,IAAI/C,IAAI,EAAE;AACR,MAAA,IAAMgD,QAAQ,GAAGhD,IAAI,CAACgC,IAAI,EAAEe,CAAC,CAAC;AAC9B,MAAA,IAAIC,QAAQ,IAAIC,SAAA,CAAUD,QAAQ,CAAC,EAAE;AACnC,QAAA,OAAOA,QAAQ,CAACE,IAAI,CAACV,OAAO,CAAC;AAC/B;AACF;IACA,OAAOA,OAAO,EAAE;AAClB,GAAC,CAAC;AAEF,EAAA,IAAMY,gBAAgB,GAAGlB,QAAQ,CAACmB,aAAa,CAAC,YAAM;AACpD,IAAA,IAAI3C,aAAa,EAAE;AACjB,MAAA,OAAOA,aAAa,CAACsB,IAAI,EAAEM,eAAe,CAAC;AAC7C;IAEA,IAAMgB,WAAW,GAAG1C,QAAQ,KAAIN,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAEiD,MAAM,CAAA;IAC1D,IAAMC,eAAe,GAAG5C,QAAQ,KAAIN,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAEiD,MAAM,CAAA;AAE9D,IAAA,IAAME,YAAY,gBAChBC,IAAA,CAACC,KAAK,EAAA;AAAAC,MAAAA,QAAA,EACHJ,CAAAA,eAAe,GAAG,IAAI,gBACrBK,GAAA,CAACC,aAAa,EAAAC,cAAA,CAAAA,cAAA,KAAKxD,sBAAsB,CAAA,EAAA,EAAA,EAAA;AAAEyD,QAAAA,OAAO,EAAElB,cAAe;QAAAc,QAAA,EAChEvD,UAAU,IAAI;AAAI,OAAA,CACN,CAChB,EACAiD,WAAW,GAAG,IAAI,gBACjBO,GAAA,CAACC,aAAa,EAAAC,cAAA,CAAAA,cAAA,CAAA;AACZE,QAAAA,IAAI,EAAC;AAAS,OAAA,EACV3D,kBAAkB,CAAA,EAAA,EAAA,EAAA;AACtB0D,QAAAA,OAAO,EAAEb,UAAW;QAAAS,QAAA,EAEnBxD,MAAM,IAAI;AAAI,OAAA,CACF,CAChB;AAAA,KACI,CACR;AACD,IAAA,IAAI,CAACQ,QAAQ,IAAI,CAACC,YAAY,EAAE;AAC9B,MAAA,OAAO4C,YAAY;AACrB;AACA,IAAA,OAAO,IAAI;AACb,GAAC,EAAE,CAACnB,eAAe,CAAC,CAAC;AAErB,EAAA,IAAM4B,WAAW,GAAG,OAAOpD,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACkB,IAAI,CAAC,GAAGlB,KAAK;AAErE,EAAA,IAAMqD,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,SAAyB,EAAK;IACrDzC,iBAAiB,CAACyC,SAAS,CAAC;GAC7B;AAED,EAAA,IAAMC,UAAU,GAAGC,OAAO,CAAC,YAAM;AAC/B,IAAA,IAAI,CAACrC,UAAU,EAAE,OAAOsC,SAAS;IACjC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAACC,QAAQ,CAACvC,UAAU,CAAC,EAAE;MACrC,OAAO;AACLtB,QAAAA,KAAK,EAAE,KAAK;AACZ8D,QAAAA,QAAQ,EAAE;OACX;AACH;AACA,IAAA,IAAI9D,KAAK,EAAE;MACT,OAAO;AAAEA,QAAAA,KAAK,EAAEA,KAAK;AAAE8D,QAAAA,QAAQ,EAAE;OAAsB;AACzD;IACA,OAAO;AAAE9D,MAAAA,KAAK,EAAE,KAAK;AAAE8D,MAAAA,QAAQ,EAAE;KAAsB;AACzD,GAAC,EAAE,CAACxC,UAAU,EAAEtB,KAAK,CAAC,CAAC;AAEvB,EAAA,IAAM+D,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAI,EAAK;IAC/BpC,kBAAkB,CAACoC,IAAI,CAAC;GACzB;EAED,oBACEd,GAAA,CAACe,WAAW,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAErC,MAAAA,OAAO,EAAPA,OAAO;AAAE2B,MAAAA,eAAe,EAAfA,eAAe;AAAEO,MAAAA,cAAc,EAAdA;KAAiB;IAAAd,QAAA,eAC/DC,GAAA,CAACiB,qBAAqB,EAAAf,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAK5D,mBAAmB,CAAA,EAAA,EAAA,EAAA;AAAAyD,MAAAA,QAAA,eAC5CC,GAAA,CAACkB,MAAM,EAAAhB,cAAA,CAAAA,cAAA,CAAA;AACLiB,QAAAA,YAAY,EAAE,IAAK;QACnBC,cAAc,EAAA,IAAA;AACdzC,QAAAA,OAAO,EAAEA,OAAQ;AACjB0C,QAAAA,MAAM,EAAEzE,eAAe,KAAK,QAAQ,GAAG2C,gBAAgB,GAAG;AAAK,OAAA,EAC3DrC,UAAU,CAAA,EAAA,EAAA,EAAA;AACdJ,QAAAA,KAAK,EAAE0D,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,UAAU,CAAE1D,KAAM;AACzBwE,QAAAA,MAAM,EAAApB,cAAA,CAAAA,cAAA,CACDhD,EAAAA,EAAAA,UAAU,CAACoE,MAAM,CAAA,EAAA,EAAA,EAAA;AACpBC,UAAAA,IAAI,EAAArB,cAAA,CAAAA,cAAA,CAAOrC,EAAAA,EAAAA,cAAc,IAAA9B,kBAAA,GAAKmB,UAAU,CAACoE,MAAM,MAAAvF,IAAAA,IAAAA,kBAAA,uBAAjBA,kBAAA,CAAmBwF,IAAI,CAAE;AACvDC,UAAAA,OAAO,EAAAtB,cAAA,CAAA;AACLU,YAAAA,QAAQ,EAAEJ,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEI;WAAQ5E,EAAAA,CAAAA,mBAAA,GAC3BkB,UAAU,CAACoE,MAAM,cAAAtF,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,mBAAA,CAAmBwF,OAAO;SAE/B,CAAA;AACFvE,QAAAA,KAAK,EAAEL,eAAe,KAAK,QAAQ,GAAG2C,gBAAgB,GAAGc,WAAY;AACrE5C,QAAAA,IAAI,EAAEA,IAAK;AACXgE,QAAAA,YAAY,EAAExF,UAAW;QAAA8D,QAAA,EAExB,OAAO1D,OAAO,KAAK,UAAU,GAAGA,OAAO,CAAC8B,IAAI,EAAE;AAAEQ,UAAAA,OAAO,EAAPA;AAAQ,SAAC,CAAC,GAAGtC;OACxD,CAAA;KACa,CAAA;AAAC,GACb,CAAC;AAElB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMqF,YAAY,GAAG;AAC1BjE,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAG3B,KAAwB,EAAK;AAClC,IAAA,IAAA6F,qBAAA,GAAkCC,GAAG,CAACC,oBAAoB,EAAE;MAApD5F,UAAU,GAAA0F,qBAAA,CAAV1F,UAAU;MAAEC,SAAS,GAAAyF,qBAAA,CAATzF,SAAS;AAC7B4C,IAAAA,MAAM,CAAC,2BAA2B,CAAC,GAAG5C,SAAS;AAC/C,IAAA,IAAM4F,IAAI,GAAGC,UAAU,CAAC9F,UAAU,CAAC;IACnC6F,IAAI,CAACE,MAAM,cACThC,GAAA,CAACnE,WAAW,EAAAqE,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAKpE,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEG,MAAAA,UAAU,EAAEA,UAAW;AAACC,MAAAA,SAAS,EAAEA;AAAU,KAAA,CAAE,CACzE,CAAC;IACD,OAAO;AACL+F,MAAAA,KAAK,EAAE,SAAPA,KAAKA,GAAQ;QAAA,IAAAC,UAAA,EAAAC,IAAA;AACX,QAAA,CAAAD,UAAA,GAAAC,CAAAA,IAAA,GAACrD,MAAM,EAAU5C,SAAS,CAAC,MAAAgG,IAAAA,IAAAA,UAAA,eAA3BA,UAAA,CAAAE,IAAA,CAAAD,IAA8B,CAAC;AACjC;KACD;GACF;AACD;AACF;AACA;AACA;AACA;AACA;AACEF,EAAAA,KAAK,EAAE,SAAPA,KAAKA,GAAQ;IACX,IAAI;MAAA,IAAAI,iBAAA,EAAAC,OAAA;AACF,MAAA,IAAMpG,SAAS,GAAG4C,MAAM,CAAC,2BAA2B,CAAW;MAC/D,IAAIyD,QAAA,CAASrG,SAAS,CAAC,EAAE,CAAAmG,iBAAA,GAAAC,CAAAA,OAAA,GAAAxD,MAAM,EAAC5C,SAAS,CAAC,cAAAmG,iBAAA,KAAA,KAAA,CAAA,IAAjBA,iBAAA,CAAAD,IAAA,CAAAE,OAAoB,CAAC;KAC/C,CAAC,OAAOvD,MAAM,EAAE;AACf;AAAA;GAEH;AACD;AACF;AACA;AACA;AACA;AACEyD,EAAAA,eAAe,EAAE,SAAjBA,eAAeA,GAAQ;AACrB,IAAA,IAAMC,GAAG,GAAGC,kBAAkB,EAAE;IAChC,OAAO;AACL;AACA7B,MAAAA,cAAc,EAAE,SAAhBA,cAAcA,CAAGC,IAAmB,EAAK;AACvC2B,QAAAA,GAAG,CAAC5B,cAAc,CAACC,IAAI,CAAC;AAC1B;KACD;AACH;AACF;;;;"}
|
|
@@ -5,7 +5,7 @@ import { Form } from 'antd';
|
|
|
5
5
|
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
|
-
import { E as EditableTablePro } from './editable-table-pro-
|
|
8
|
+
import { E as EditableTablePro } from './editable-table-pro-D8Vt535W.js';
|
|
9
9
|
import { createCtx } from '@wove/react/create-ctx';
|
|
10
10
|
import _DragOutlined from '@ant-design/icons/es/icons/DragOutlined.js';
|
|
11
11
|
import { createElement, Children, cloneElement } from 'react';
|
|
@@ -183,4 +183,4 @@ var DragEditableTablePro = function DragEditableTablePro(props) {
|
|
|
183
183
|
};
|
|
184
184
|
|
|
185
185
|
export { DragEditableTablePro as D };
|
|
186
|
-
//# sourceMappingURL=drag-
|
|
186
|
+
//# sourceMappingURL=drag-CBosXqSQ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-BOT05TxF.js","sources":["@flatbiz/antd/src/drag-editable-table-pro/context.ts","@flatbiz/antd/src/drag-editable-table-pro/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table-pro/row.tsx","@flatbiz/antd/src/drag-editable-table-pro/drag.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport { createCtx } from '@wove/react';\n\nexport const [getCtx, CtxProvider] = createCtx<{\n dragIcon?: ReactElement;\n uidFieldKey: string;\n}>();\n","import { Children, cloneElement, type ReactElement } from 'react';\nimport { type RowProps } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop } from '@flatbiz/utils';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\n\ntype TableTrHandleProps = RowProps & {\n dragIcon?: ReactElement;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n const { dragIcon, ...innerProps } = props;\n const rowId = innerProps['data-row-key'] as number;\n\n const {\n setActivatorNodeRef,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({\n id: rowId,\n });\n\n if (isUndefinedOrNull(rowId)) {\n return <tr {...innerProps} />;\n }\n const style: React.CSSProperties = {\n ...innerProps.style,\n transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n transition,\n cursor: 'move',\n ...(isDragging\n ? {\n position: 'relative',\n zIndex: 9999,\n boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n backgroundColor: 'var(--block-bg-color)',\n }\n : {}),\n };\n const iconElement = dragIcon || <DragOutlined />;\n return (\n <tr {...innerProps} ref={setNodeRef} style={style} key={rowId}>\n {Children.map(props.children, (child) => {\n if ((child as React.ReactElement).key === '__sort') {\n return cloneElement(child as React.ReactElement, {\n children: (\n <span\n ref={setActivatorNodeRef}\n style={{\n touchAction: 'none',\n cursor: 'move',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n {...listeners}\n >\n <IconWrapper\n style={{\n touchAction: 'none',\n cursor: 'move',\n padding: '1px 0px',\n margin: 0,\n justifyContent: 'center',\n color: '#787878',\n }}\n icon={iconElement}\n onClick={noop}\n size=\"small\"\n />\n </span>\n ),\n });\n }\n return child;\n })}\n </tr>\n );\n};\n","import { getCtx } from './context.js';\nimport { TableTrHandle } from './table-tr-handle.jsx';\n\nexport const Row = (props) => {\n const ctx = getCtx();\n return <TableTrHandle {...props} dragIcon={ctx.dragIcon} />;\n};\n","import { type ReactElement } from 'react';\nimport { Form } from 'antd';\nimport {\n DndContext,\n type DragEndEvent,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport {\n arrayMove,\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { type TPlainObject } from '@flatbiz/utils';\nimport type { EditableTableProProps } from '../editable-table-pro/editable-table-pro.jsx';\nimport { EditableTablePro } from '../editable-table-pro/editable-table-pro.jsx';\nimport type { EditableTableProColumnItem } from '../editable-table-pro/type.js';\nimport { CtxProvider } from './context.js';\nimport { Row } from './row.jsx';\n\nexport type DragEditableTableProProps = EditableTableProProps & {\n /**\n * 拖拽图标自定义,默认使用 DragOutlined 图标\n */\n dragIcon?: ReactElement;\n\n /** 禁用拖拽 */\n disabledDrag?: boolean;\n /**\n * 表格数据唯一值字段Key\n * ```\n * ```\n */\n uidFieldKey: string;\n /**\n * 拖拽结束事件\n * ```\n * dataSource: 拖拽完成后的数据源\n * dragData\n * 1. activeId 拖拽ID\n * 2. activeIndex 拖拽起始表格数组索引值\n * 3. overIndex 拖拽结束表格数组索引值\n * ```\n */\n onDragChange?: (\n dataSource: TPlainObject[],\n dragData: {\n activeId: string | number;\n overId?: string | number;\n activeIndex: number;\n overIndex: number;\n }\n ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * ```\n * 1. 表格数据必须有唯一值字段,通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * 3. 不存在多级的情况下,可使用DragEditableTablePro组件实现拖拽排序\n * 4. 存在多级的情况下,通过上移、下移操作按钮,调用 column.render.operation.move 方法实现同一级内移动\n * ```\n */\nexport const DragEditableTablePro = (props: DragEditableTableProProps) => {\n const {\n dragIcon,\n uidFieldKey,\n onDragChange,\n disabledDrag,\n formListCompleteName,\n formListName,\n ...otherProps\n } = props;\n\n const formListCompleteNameFt = formListCompleteName || formListName;\n\n const form = Form.useFormInstance();\n const dataList = Form.useWatch(formListCompleteNameFt, form);\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n // 当拖拽触发区域有其他点击事件时,需要延迟触发拖拽动作\n delay: 0,\n tolerance: 0,\n },\n })\n );\n\n const onDragEnd = ({ active, over }: DragEndEvent) => {\n if (active.id !== over?.id) {\n const activeIndex = dataList.findIndex(\n (i) => i[uidFieldKey] === active.id\n );\n const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n form.setFields([\n {\n name: formListCompleteNameFt,\n value: dataListNew,\n },\n ]);\n onDragChange?.(dataListNew as TPlainObject[], {\n activeId: active.id,\n overId: over?.id,\n activeIndex,\n overIndex,\n });\n }\n };\n\n const columns: EditableTableProColumnItem[] = disabledDrag\n ? otherProps.columns\n : [\n {\n dataIndex: '__sort',\n width: 40,\n key: '__sort',\n align: 'center',\n } as EditableTableProColumnItem,\n ].concat(otherProps.columns || []);\n\n return (\n <CtxProvider\n value={{\n dragIcon,\n uidFieldKey,\n }}\n >\n <DndContext\n sensors={sensors}\n modifiers={[restrictToVerticalAxis]}\n onDragEnd={onDragEnd}\n >\n <SortableContext\n items={dataList?.map((i) => i[uidFieldKey]) || []}\n strategy={verticalListSortingStrategy}\n >\n <EditableTablePro\n {...otherProps}\n formListName={formListName}\n uidFieldKey={uidFieldKey}\n columns={columns}\n tableProps={{\n ...otherProps.tableProps,\n components: {\n ...otherProps.tableProps?.components,\n body: {\n ...otherProps.tableProps?.components?.body,\n row: disabledDrag ? undefined : Row,\n },\n },\n }}\n />\n </SortableContext>\n </DndContext>\n </CtxProvider>\n );\n};\n"],"names":["_createCtx","_createCtx3","_createCtx2","_slicedToArray","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutProperties","_excluded","rowId","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","isUndefinedOrNull","_jsx","_objectSpread","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","display","alignItems","justifyContent","IconWrapper","padding","margin","color","icon","onClick","noop","size","Row","ctx","DragEditableTablePro","_otherProps$tableProp","_otherProps$tableProp2","uidFieldKey","onDragChange","disabledDrag","formListCompleteName","formListName","otherProps","formListCompleteNameFt","form","Form","useFormInstance","dataList","useWatch","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","name","value","activeId","overId","columns","dataIndex","width","align","concat","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTablePro","tableProps","components","body","row","undefined"],"mappings":";;;;;;;;;;;;;;;;AAGO,IAAAA,UAAA,GAA8BC,SAAA,EAGjC;EAAAC,WAAA,GAAAC,cAAA,CAAAH,UAAA,EAAA,CAAA,CAAA;AAHUI,EAAAA,MAAM,GAAAF,WAAA,CAAA,CAAA,CAAA;AAAEG,EAAAA,WAAW,GAAAH,WAAA,CAAA,CAAA,CAAA;;;ACQ1B,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;AAC1D,EAAA,IAAQC,QAAQ,GAAoBD,KAAK,CAAjCC,QAAQ;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAKH,KAAK,EAAAI,WAAA,CAAA;AACzC,EAAA,IAAMC,KAAK,GAAGH,UAAU,CAAC,cAAc,CAAW;EAElD,IAAAI,YAAA,GAOIC,WAAW,CAAC;AACdC,MAAAA,EAAE,EAAEH;AACN,KAAC,CAAC;IARAI,mBAAmB,GAAAH,YAAA,CAAnBG,mBAAmB;IACnBC,SAAS,GAAAJ,YAAA,CAATI,SAAS;IACTC,UAAU,GAAAL,YAAA,CAAVK,UAAU;IACVC,SAAS,GAAAN,YAAA,CAATM,SAAS;IACTC,UAAU,GAAAP,YAAA,CAAVO,UAAU;IACVC,UAAU,GAAAR,YAAA,CAAVQ,UAAU;AAKZ,EAAA,IAAIC,iBAAiB,CAACV,KAAK,CAAC,EAAE;AAC5B,IAAA,oBAAOW,GAAA,CAAAC,IAAAA,EAAAA,cAAA,CAAQf,EAAAA,EAAAA,UAAU,CAAG,CAAC;AAC/B;EACA,IAAMgB,KAA0B,GAAAD,cAAA,CAAAA,cAAA,CAC3Bf,EAAAA,EAAAA,UAAU,CAACgB,KAAK,CAAA,EAAA,EAAA,EAAA;AACnBN,IAAAA,SAAS,EAAEO,GAAG,CAACC,SAAS,CAACC,QAAQ,CAACT,SAAS,IAAAK,cAAA,CAAAA,cAAA,KAASL,SAAS,CAAA,EAAA,EAAA,EAAA;AAAEU,MAAAA,MAAM,EAAE;AAAC,KAAA,CAAE,CAAC;AAC3ET,IAAAA,UAAU,EAAVA,UAAU;AACVU,IAAAA,MAAM,EAAE;AAAM,GAAA,EACVT,UAAU,GACV;AACEU,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,SAAS,EAAE,yCAAyC;AACpDC,IAAAA,eAAe,EAAE;GAClB,GACD,EAAE,CACP;EACD,IAAMC,WAAW,GAAG3B,QAAQ,iBAAIe,GAAA,CAAAa,aAAA,IAAe,CAAC;AAChD,EAAA,oBACEC,aAAA,CAAAb,IAAAA,EAAAA,cAAA,CAAAA,cAAA,KAAQf,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE6B,IAAAA,GAAG,EAAEpB,UAAW;AAACO,IAAAA,KAAK,EAAEA,KAAM;AAACc,IAAAA,GAAG,EAAE3B;GACrD4B,CAAAA,EAAAA,QAAQ,CAACC,GAAG,CAAClC,KAAK,CAACmC,QAAQ,EAAE,UAACC,KAAK,EAAK;AACvC,IAAA,IAAKA,KAAK,CAAwBJ,GAAG,KAAK,QAAQ,EAAE;MAClD,oBAAOK,YAAY,CAACD,KAAK,EAAwB;AAC/CD,QAAAA,QAAQ,eACNnB,GAAA,CAAAC,MAAAA,EAAAA,cAAA,CAAAA,cAAA,CAAA;AACEc,UAAAA,GAAG,EAAEtB,mBAAoB;AACzBS,UAAAA,KAAK,EAAE;AACLoB,YAAAA,WAAW,EAAE,MAAM;AACnBf,YAAAA,MAAM,EAAE,MAAM;AACdgB,YAAAA,OAAO,EAAE,MAAM;AACfC,YAAAA,UAAU,EAAE,QAAQ;AACpBC,YAAAA,cAAc,EAAE;AAClB;AAAE,SAAA,EACE/B,SAAS,CAAA,EAAA,EAAA,EAAA;UAAAyB,QAAA,eAEbnB,GAAA,CAAC0B,WAAW,EAAA;AACVxB,YAAAA,KAAK,EAAE;AACLoB,cAAAA,WAAW,EAAE,MAAM;AACnBf,cAAAA,MAAM,EAAE,MAAM;AACdoB,cAAAA,OAAO,EAAE,SAAS;AAClBC,cAAAA,MAAM,EAAE,CAAC;AACTH,cAAAA,cAAc,EAAE,QAAQ;AACxBI,cAAAA,KAAK,EAAE;aACP;AACFC,YAAAA,IAAI,EAAElB,WAAY;AAClBmB,YAAAA,OAAO,EAAEC,IAAK;AACdC,YAAAA,IAAI,EAAC;WACN;SACG,CAAA;AAEV,OAAC,CAAC;AACJ;AACA,IAAA,OAAOb,KAAK;AACd,GAAC,CACC,CAAC;AAET,CAAC;;AC/EM,IAAMc,GAAG,GAAG,SAANA,GAAGA,CAAIlD,KAAK,EAAK;AAC5B,EAAA,IAAMmD,GAAG,GAAGtD,MAAM,EAAE;EACpB,oBAAOmB,GAAA,CAACjB,aAAa,EAAAkB,cAAA,CAAAA,cAAA,KAAKjB,KAAK,CAAA,EAAA,EAAA,EAAA;IAAEC,QAAQ,EAAEkD,GAAG,CAAClD;AAAS,GAAA,CAAE,CAAC;AAC7D,CAAC;;;ACmDD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACamD,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIpD,KAAgC,EAAK;EAAA,IAAAqD,qBAAA,EAAAC,sBAAA;AACxE,EAAA,IACErD,QAAQ,GAOND,KAAK,CAPPC,QAAQ;IACRsD,WAAW,GAMTvD,KAAK,CANPuD,WAAW;IACXC,YAAY,GAKVxD,KAAK,CALPwD,YAAY;IACZC,YAAY,GAIVzD,KAAK,CAJPyD,YAAY;IACZC,oBAAoB,GAGlB1D,KAAK,CAHP0D,oBAAoB;IACpBC,YAAY,GAEV3D,KAAK,CAFP2D,YAAY;AACTC,IAAAA,UAAU,GAAAzD,wBAAA,CACXH,KAAK,EAAAI,SAAA,CAAA;AAET,EAAA,IAAMyD,sBAAsB,GAAGH,oBAAoB,IAAIC,YAAY;AAEnE,EAAA,IAAMG,IAAI,GAAGC,IAAI,CAACC,eAAe,EAAE;EACnC,IAAMC,QAAQ,GAAGF,IAAI,CAACG,QAAQ,CAACL,sBAAsB,EAAEC,IAAI,CAAC;AAE5D,EAAA,IAAMK,OAAO,GAAGC,UAAU,CACxBC,SAAS,CAACC,aAAa,EAAE;AACvBC,IAAAA,oBAAoB,EAAE;AACpB;AACAC,MAAAA,KAAK,EAAE,CAAC;AACRC,MAAAA,SAAS,EAAE;AACb;AACF,GAAC,CACH,CAAC;AAED,EAAA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAAuC;AAAA,IAAA,IAAjCC,MAAM,GAAAD,IAAA,CAANC,MAAM;MAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAC/B,IAAID,MAAM,CAACpE,EAAE,MAAKqE,IAAI,KAAJA,IAAAA,IAAAA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAErE,EAAE,CAAE,EAAA;AAC1B,MAAA,IAAMsE,WAAW,GAAGb,QAAQ,CAACc,SAAS,CACpC,UAACC,CAAC,EAAA;AAAA,QAAA,OAAKA,CAAC,CAACzB,WAAW,CAAC,KAAKqB,MAAM,CAACpE,EAAE;AAAA,OACrC,CAAC;AACD,MAAA,IAAMyE,SAAS,GAAGhB,QAAQ,CAACc,SAAS,CAAC,UAACC,CAAC,EAAA;QAAA,OAAKA,CAAC,CAACzB,WAAW,CAAC,MAAKsB,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAErE,EAAE,CAAA;OAAC,CAAA;MACxE,IAAM0E,WAAW,GAAGC,SAAS,CAAClB,QAAQ,EAAEa,WAAW,EAAEG,SAAS,CAAC;MAC/DnB,IAAI,CAACsB,SAAS,CAAC,CACb;AACEC,QAAAA,IAAI,EAAExB,sBAAsB;AAC5ByB,QAAAA,KAAK,EAAEJ;AACT,OAAC,CACF,CAAC;AACF1B,MAAAA,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,IAAZA,YAAY,CAAG0B,WAAW,EAAoB;QAC5CK,QAAQ,EAAEX,MAAM,CAACpE,EAAE;AACnBgF,QAAAA,MAAM,EAAEX,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAErE,EAAE;AAChBsE,QAAAA,WAAW,EAAXA,WAAW;AACXG,QAAAA,SAAS,EAATA;AACF,OAAC,CAAC;AACJ;GACD;EAED,IAAMQ,OAAqC,GAAGhC,YAAY,GACtDG,UAAU,CAAC6B,OAAO,GAClB,CACE;AACEC,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,KAAK,EAAE,EAAE;AACT3D,IAAAA,GAAG,EAAE,QAAQ;AACb4D,IAAAA,KAAK,EAAE;GACR,CACF,CAACC,MAAM,CAACjC,UAAU,CAAC6B,OAAO,IAAI,EAAE,CAAC;EAEtC,oBACEzE,GAAA,CAAClB,WAAW,EAAA;AACVwF,IAAAA,KAAK,EAAE;AACLrF,MAAAA,QAAQ,EAARA,QAAQ;AACRsD,MAAAA,WAAW,EAAXA;KACA;IAAApB,QAAA,eAEFnB,GAAA,CAAC8E,UAAU,EAAA;AACT3B,MAAAA,OAAO,EAAEA,OAAQ;MACjB4B,SAAS,EAAE,CAACC,sBAAsB,CAAE;AACpCtB,MAAAA,SAAS,EAAEA,SAAU;MAAAvC,QAAA,eAErBnB,GAAA,CAACiF,eAAe,EAAA;QACdC,KAAK,EAAE,CAAAjC,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAE/B,GAAG,CAAC,UAAC8C,CAAC,EAAA;UAAA,OAAKA,CAAC,CAACzB,WAAW,CAAC;AAAA,SAAA,CAAC,KAAI,EAAG;AAClD4C,QAAAA,QAAQ,EAAEC,2BAA4B;QAAAjE,QAAA,eAEtCnB,GAAA,CAACqF,gBAAgB,EAAApF,cAAA,CAAAA,cAAA,CAAA,EAAA,EACX2C,UAAU,CAAA,EAAA,EAAA,EAAA;AACdD,UAAAA,YAAY,EAAEA,YAAa;AAC3BJ,UAAAA,WAAW,EAAEA,WAAY;AACzBkC,UAAAA,OAAO,EAAEA,OAAQ;AACjBa,UAAAA,UAAU,EAAArF,cAAA,CAAAA,cAAA,CACL2C,EAAAA,EAAAA,UAAU,CAAC0C,UAAU,CAAA,EAAA,EAAA,EAAA;AACxBC,YAAAA,UAAU,EAAAtF,cAAA,CAAAA,cAAA,MAAAoC,qBAAA,GACLO,UAAU,CAAC0C,UAAU,MAAAjD,IAAAA,IAAAA,qBAAA,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAuBkD,UAAU,CAAA,EAAA,EAAA,EAAA;cACpCC,IAAI,EAAAvF,cAAA,CAAAA,cAAA,MAAAqC,sBAAA,GACCM,UAAU,CAAC0C,UAAU,MAAA,IAAA,IAAAhD,sBAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,sBAAA,GAArBA,sBAAA,CAAuBiD,UAAU,cAAAjD,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjCA,sBAAA,CAAmCkD,IAAI,CAAA,EAAA,EAAA,EAAA;AAC1CC,gBAAAA,GAAG,EAAEhD,YAAY,GAAGiD,SAAS,GAAGxD;AAAG,eAAA;AACpC,aAAA;AACF,WAAA;SAEJ,CAAA;OACc;KACP;AAAC,GACF,CAAC;AAElB;;;;"}
|
|
1
|
+
{"version":3,"file":"drag-CBosXqSQ.js","sources":["@flatbiz/antd/src/drag-editable-table-pro/context.ts","@flatbiz/antd/src/drag-editable-table-pro/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table-pro/row.tsx","@flatbiz/antd/src/drag-editable-table-pro/drag.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport { createCtx } from '@wove/react';\n\nexport const [getCtx, CtxProvider] = createCtx<{\n dragIcon?: ReactElement;\n uidFieldKey: string;\n}>();\n","import { Children, cloneElement, type ReactElement } from 'react';\nimport { type RowProps } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop } from '@flatbiz/utils';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\n\ntype TableTrHandleProps = RowProps & {\n dragIcon?: ReactElement;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n const { dragIcon, ...innerProps } = props;\n const rowId = innerProps['data-row-key'] as number;\n\n const {\n setActivatorNodeRef,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({\n id: rowId,\n });\n\n if (isUndefinedOrNull(rowId)) {\n return <tr {...innerProps} />;\n }\n const style: React.CSSProperties = {\n ...innerProps.style,\n transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n transition,\n cursor: 'move',\n ...(isDragging\n ? {\n position: 'relative',\n zIndex: 9999,\n boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n backgroundColor: 'var(--block-bg-color)',\n }\n : {}),\n };\n const iconElement = dragIcon || <DragOutlined />;\n return (\n <tr {...innerProps} ref={setNodeRef} style={style} key={rowId}>\n {Children.map(props.children, (child) => {\n if ((child as React.ReactElement).key === '__sort') {\n return cloneElement(child as React.ReactElement, {\n children: (\n <span\n ref={setActivatorNodeRef}\n style={{\n touchAction: 'none',\n cursor: 'move',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n }}\n {...listeners}\n >\n <IconWrapper\n style={{\n touchAction: 'none',\n cursor: 'move',\n padding: '1px 0px',\n margin: 0,\n justifyContent: 'center',\n color: '#787878',\n }}\n icon={iconElement}\n onClick={noop}\n size=\"small\"\n />\n </span>\n ),\n });\n }\n return child;\n })}\n </tr>\n );\n};\n","import { getCtx } from './context.js';\nimport { TableTrHandle } from './table-tr-handle.jsx';\n\nexport const Row = (props) => {\n const ctx = getCtx();\n return <TableTrHandle {...props} dragIcon={ctx.dragIcon} />;\n};\n","import { type ReactElement } from 'react';\nimport { Form } from 'antd';\nimport {\n DndContext,\n type DragEndEvent,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport {\n arrayMove,\n SortableContext,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { type TPlainObject } from '@flatbiz/utils';\nimport type { EditableTableProProps } from '../editable-table-pro/editable-table-pro.jsx';\nimport { EditableTablePro } from '../editable-table-pro/editable-table-pro.jsx';\nimport type { EditableTableProColumnItem } from '../editable-table-pro/type.js';\nimport { CtxProvider } from './context.js';\nimport { Row } from './row.jsx';\n\nexport type DragEditableTableProProps = EditableTableProProps & {\n /**\n * 拖拽图标自定义,默认使用 DragOutlined 图标\n */\n dragIcon?: ReactElement;\n\n /** 禁用拖拽 */\n disabledDrag?: boolean;\n /**\n * 表格数据唯一值字段Key\n * ```\n * ```\n */\n uidFieldKey: string;\n /**\n * 拖拽结束事件\n * ```\n * dataSource: 拖拽完成后的数据源\n * dragData\n * 1. activeId 拖拽ID\n * 2. activeIndex 拖拽起始表格数组索引值\n * 3. overIndex 拖拽结束表格数组索引值\n * ```\n */\n onDragChange?: (\n dataSource: TPlainObject[],\n dragData: {\n activeId: string | number;\n overId?: string | number;\n activeIndex: number;\n overIndex: number;\n }\n ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * ```\n * 1. 表格数据必须有唯一值字段,通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * 3. 不存在多级的情况下,可使用DragEditableTablePro组件实现拖拽排序\n * 4. 存在多级的情况下,通过上移、下移操作按钮,调用 column.render.operation.move 方法实现同一级内移动\n * ```\n */\nexport const DragEditableTablePro = (props: DragEditableTableProProps) => {\n const {\n dragIcon,\n uidFieldKey,\n onDragChange,\n disabledDrag,\n formListCompleteName,\n formListName,\n ...otherProps\n } = props;\n\n const formListCompleteNameFt = formListCompleteName || formListName;\n\n const form = Form.useFormInstance();\n const dataList = Form.useWatch(formListCompleteNameFt, form);\n\n const sensors = useSensors(\n useSensor(PointerSensor, {\n activationConstraint: {\n // 当拖拽触发区域有其他点击事件时,需要延迟触发拖拽动作\n delay: 0,\n tolerance: 0,\n },\n })\n );\n\n const onDragEnd = ({ active, over }: DragEndEvent) => {\n if (active.id !== over?.id) {\n const activeIndex = dataList.findIndex(\n (i) => i[uidFieldKey] === active.id\n );\n const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n form.setFields([\n {\n name: formListCompleteNameFt,\n value: dataListNew,\n },\n ]);\n onDragChange?.(dataListNew as TPlainObject[], {\n activeId: active.id,\n overId: over?.id,\n activeIndex,\n overIndex,\n });\n }\n };\n\n const columns: EditableTableProColumnItem[] = disabledDrag\n ? otherProps.columns\n : [\n {\n dataIndex: '__sort',\n width: 40,\n key: '__sort',\n align: 'center',\n } as EditableTableProColumnItem,\n ].concat(otherProps.columns || []);\n\n return (\n <CtxProvider\n value={{\n dragIcon,\n uidFieldKey,\n }}\n >\n <DndContext\n sensors={sensors}\n modifiers={[restrictToVerticalAxis]}\n onDragEnd={onDragEnd}\n >\n <SortableContext\n items={dataList?.map((i) => i[uidFieldKey]) || []}\n strategy={verticalListSortingStrategy}\n >\n <EditableTablePro\n {...otherProps}\n formListName={formListName}\n uidFieldKey={uidFieldKey}\n columns={columns}\n tableProps={{\n ...otherProps.tableProps,\n components: {\n ...otherProps.tableProps?.components,\n body: {\n ...otherProps.tableProps?.components?.body,\n row: disabledDrag ? undefined : Row,\n },\n },\n }}\n />\n </SortableContext>\n </DndContext>\n </CtxProvider>\n );\n};\n"],"names":["_createCtx","_createCtx3","_createCtx2","_slicedToArray","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutProperties","_excluded","rowId","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","isUndefinedOrNull","_jsx","_objectSpread","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","display","alignItems","justifyContent","IconWrapper","padding","margin","color","icon","onClick","noop","size","Row","ctx","DragEditableTablePro","_otherProps$tableProp","_otherProps$tableProp2","uidFieldKey","onDragChange","disabledDrag","formListCompleteName","formListName","otherProps","formListCompleteNameFt","form","Form","useFormInstance","dataList","useWatch","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","name","value","activeId","overId","columns","dataIndex","width","align","concat","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTablePro","tableProps","components","body","row","undefined"],"mappings":"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"}
|
|
@@ -115,7 +115,7 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
|
|
|
115
115
|
*/
|
|
116
116
|
isPure?: boolean;
|
|
117
117
|
/**
|
|
118
|
-
* true:
|
|
118
|
+
* true: 当前EasyForm组件不使用Antd Form包裹,可在Form、EasyForm、FormWrapper内部使用
|
|
119
119
|
*/
|
|
120
120
|
nonuseFormWrapper?: boolean;
|
|
121
121
|
};
|
|
@@ -269,6 +269,8 @@ export type EditableCardProps = {
|
|
|
269
269
|
formListCompleteName?: Array<string | number>;
|
|
270
270
|
/** Form.List name */
|
|
271
271
|
formListName: Array<string | number> | string;
|
|
272
|
+
/** 设置初始化值 */
|
|
273
|
+
initialValue?: TPlainObject[];
|
|
272
274
|
/**
|
|
273
275
|
* Form.List rules
|
|
274
276
|
* ```
|
|
@@ -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-DzY1frTO.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-Od2SiaIS.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,7 +46,7 @@ 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-DlOnlnEr.js';
|
|
50
50
|
import '../box-grid/index.js';
|
|
51
51
|
import '@dimjs/lang/is-number';
|
|
52
52
|
import 'ahooks';
|
|
@@ -8,13 +8,13 @@ import './../tag-list-render/index.css';
|
|
|
8
8
|
import './index.css';
|
|
9
9
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
10
10
|
|
|
11
|
-
export { D as DragEditableTable } from '../drag-
|
|
11
|
+
export { D as DragEditableTable } from '../drag-vcg-f-hJ.js';
|
|
12
12
|
import '../_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
13
13
|
import 'antd';
|
|
14
14
|
import '@dnd-kit/core';
|
|
15
15
|
import '@dnd-kit/modifiers';
|
|
16
16
|
import '@dnd-kit/sortable';
|
|
17
|
-
import '../editable-table-
|
|
17
|
+
import '../editable-table-Buqnm-R4.js';
|
|
18
18
|
import '@ant-design/icons/es/icons/PlusOutlined.js';
|
|
19
19
|
import '@dimjs/utils/class-names/class-names';
|
|
20
20
|
import 'react';
|
|
@@ -47,7 +47,7 @@ import '../symbol-CX0y_DJ4.js';
|
|
|
47
47
|
import '../tips-wrapper-Bf9nfZq3.js';
|
|
48
48
|
import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
|
|
49
49
|
import '../form-item-hidden-B9afZdSe.js';
|
|
50
|
-
import '../cell-render-
|
|
50
|
+
import '../cell-render-CU74zUFQ.js';
|
|
51
51
|
import '@dimjs/lang/is-string';
|
|
52
52
|
import '@dimjs/lang/is-object';
|
|
53
53
|
import '@dimjs/utils/get/get';
|
|
@@ -158,6 +158,8 @@ export type EditableTableProProps = {
|
|
|
158
158
|
formListName: Array<string | number> | string;
|
|
159
159
|
/** 唯一值字段Key */
|
|
160
160
|
uidFieldKey: string;
|
|
161
|
+
/** 初始化值 */
|
|
162
|
+
initialValue?: TPlainObject[];
|
|
161
163
|
/** 指定树形结构的列名,默认值:children */
|
|
162
164
|
childrenColumnName?: string;
|
|
163
165
|
/** 表格组件配置 */
|
|
@@ -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-CBosXqSQ.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-D8Vt535W.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';
|
|
@@ -5,7 +5,7 @@ import { Form } from 'antd';
|
|
|
5
5
|
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
|
-
import { E as EditableTable } from './editable-table-
|
|
8
|
+
import { E as EditableTable } from './editable-table-Buqnm-R4.js';
|
|
9
9
|
import { createCtx } from '@wove/react/create-ctx';
|
|
10
10
|
import _DragOutlined from '@ant-design/icons/es/icons/DragOutlined.js';
|
|
11
11
|
import { createElement, Children, cloneElement } from 'react';
|
|
@@ -178,4 +178,4 @@ var DragEditableTable = function DragEditableTable(props) {
|
|
|
178
178
|
};
|
|
179
179
|
|
|
180
180
|
export { DragEditableTable as D };
|
|
181
|
-
//# sourceMappingURL=drag-
|
|
181
|
+
//# sourceMappingURL=drag-vcg-f-hJ.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-DcYB-GOo.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-vcg-f-hJ.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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"}
|
|
@@ -95,7 +95,7 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
|
|
|
95
95
|
*/
|
|
96
96
|
isPure?: boolean;
|
|
97
97
|
/**
|
|
98
|
-
* true:
|
|
98
|
+
* true: 当前EasyForm组件不使用Antd Form包裹,可在Form、EasyForm、FormWrapper内部使用
|
|
99
99
|
*/
|
|
100
100
|
nonuseFormWrapper?: boolean;
|
|
101
101
|
};
|
|
@@ -103,8 +103,13 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
|
|
|
103
103
|
* 简单Form布局,可自定义网格布局
|
|
104
104
|
* ```
|
|
105
105
|
* 1. demo:https://fex.qa.tcshuke.com/docs/admin/main/form/grid
|
|
106
|
-
* 2. EasyForm的children
|
|
107
|
-
* 3.
|
|
106
|
+
* 2. EasyForm的children列表会进行网格化布局
|
|
107
|
+
* 3. 自定义栅格占位格数的4中方式
|
|
108
|
+
* 3.1 设置FormItemWrapper、FormItemText组件span属性;
|
|
109
|
+
* 3.2 使用 EasyFormItemSpan 包裹children item,设置span属性
|
|
110
|
+
* 3.3 使用 <BoxGrid.Col span={24} ></BoxGrid.Col> 包裹,设置响应式属性
|
|
111
|
+
* 3.4 设置 EasyForm isPure = true设置纯净模式,对EasyForm的子节点不做任何包装处理
|
|
112
|
+
* 4. EasyForm可嵌套使用,嵌套内部的<EasyForm />节点Form相关属性失效,例如属性form、initialValues等都失效
|
|
108
113
|
* <EasyForm form={form}>
|
|
109
114
|
* ....
|
|
110
115
|
* <EasyForm>...</EasyForm>
|
|
@@ -112,14 +117,14 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
|
|
|
112
117
|
* <EasyForm>...</EasyForm>
|
|
113
118
|
* ....
|
|
114
119
|
* </EasyForm>
|
|
115
|
-
*
|
|
116
|
-
*
|
|
117
|
-
*
|
|
118
|
-
*
|
|
119
|
-
*
|
|
120
|
-
*
|
|
121
|
-
*
|
|
122
|
-
*
|
|
120
|
+
* 5. 布局网格以当前组件的宽度来计算的,不是屏幕宽度
|
|
121
|
+
* 6. EasyForm 子节点包含 hidden = true 会被忽略
|
|
122
|
+
* 7. 通过 column 可定义一行显示几列FormItem
|
|
123
|
+
* 8. 通过 labelItemVertical 可定义 formitem 竖直布局
|
|
124
|
+
* 9. 通过 formItemGap 可定义 formItem竖直方向间隙
|
|
125
|
+
* 10. 通过 forceColumn 可强制定义一行显示几列,不考虑响应式
|
|
126
|
+
* 11. 通过 labelWidth 可控制Form内部所有label的宽度(可实现整齐效果)
|
|
127
|
+
* 12. 自定义栅格占位格数,见下方`例如`
|
|
123
128
|
|
|
124
129
|
* 例如
|
|
125
130
|
* <EasyForm column={3}>
|