@flatbiz/antd 5.0.20 → 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/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-DTdTOZn4.js → drag-D_u-98wL.js} +2 -2
- package/dist/{drag-DTdTOZn4.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 +3 -3
- 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 +2 -2
- 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-BXx9xCoe.js → editable-table-tiF4vQG9.js} +2 -2
- package/dist/{editable-table-BXx9xCoe.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 +16 -14
- 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/{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/package.json +5 -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
|
@@ -4,7 +4,7 @@ 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 DateRangePickerWrapperFormItem } from '../date-range-picker-wrapper-form-item-
|
|
7
|
+
export { D as DateRangePickerWrapperFormItem } from '../date-range-picker-wrapper-form-item-BPc8iK10.js';
|
|
8
8
|
import '../_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
9
9
|
import '@wove/react/hooks';
|
|
10
10
|
import '@dimjs/lang/is-array';
|
|
@@ -20,7 +20,7 @@ import '../use-responsive-point-Bp3D3lZT.js';
|
|
|
20
20
|
import '../fba-utils-Dfbczn1S.js';
|
|
21
21
|
import '@dimjs/model';
|
|
22
22
|
import '../form-item-hidden-B9afZdSe.js';
|
|
23
|
-
import '../form-item-wrapper-
|
|
23
|
+
import '../form-item-wrapper-DHRbunEm.js';
|
|
24
24
|
import '../pre-defined-class-name/index.js';
|
|
25
25
|
import '@dimjs/utils/class-names/class-names';
|
|
26
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -10,7 +10,7 @@ import { D as DateRangePickerWrapper } from './date-range-picker-wrapper-COuR09V
|
|
|
10
10
|
import { fbaHooks } from './fba-hooks/index.js';
|
|
11
11
|
import { f as fbaUtils } from './fba-utils-Dfbczn1S.js';
|
|
12
12
|
import { F as FormItemHidden } from './form-item-hidden-B9afZdSe.js';
|
|
13
|
-
import { F as FormItemWrapper } from './form-item-wrapper-
|
|
13
|
+
import { F as FormItemWrapper } from './form-item-wrapper-DHRbunEm.js';
|
|
14
14
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
15
15
|
|
|
16
16
|
var _excluded = ["startName", "endName", "formListName", "formListCompleteName", "dateRangePickerWrapperProps"];
|
|
@@ -133,4 +133,4 @@ var Content = function Content(props) {
|
|
|
133
133
|
};
|
|
134
134
|
|
|
135
135
|
export { DateRangePickerWrapperFormItem as D };
|
|
136
|
-
//# sourceMappingURL=date-range-picker-wrapper-form-item-
|
|
136
|
+
//# sourceMappingURL=date-range-picker-wrapper-form-item-BPc8iK10.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker-wrapper-form-item-yGdEOym_.js","sources":["@flatbiz/antd/src/date-range-picker-wrapper-form-item/date-range-picker-wrapper-form-item.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { Form } from 'antd';\nimport { isArray } from '@dimjs/lang';\nimport { type TAny, toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport type { DateRangePickerWrapperProps } from '../date-range-picker-wrapper/date-range-picker-wrapper.jsx';\nimport { DateRangePickerWrapper } from '../date-range-picker-wrapper/date-range-picker-wrapper.jsx';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport { fbaUtils } from '../fba-utils/fba-utils.js';\nimport { FormItemHidden } from '../form-item-hidden/form-item-hidden.jsx';\nimport type { FormItemWrapperProps } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport { FormItemWrapper } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport type { FormItemNamePath } from '../types/index.js';\n\nexport type DateRangePickerWrapperFormItemProps = Omit<\n FormItemWrapperProps,\n 'name'\n> & {\n /**\n * 开始的时间name\n */\n startName: FormItemNamePath;\n /**\n * 结束的时间name\n */\n endName: FormItemNamePath;\n /**\n * 如果 DateRangePickerWrapperFormItem 在Form.List场景下 必传\n * @deprecated 使用 formListCompleteName 配置\n */\n formListName?: Array<string | number>;\n /**\n * 前端 formItem 前缀FormName,当 TimeRangePickerWrapperFormItem 处在Form.List场景下,必传\n * ```\n * 例如 处在formList内部时,则 formListCompleteName = ['xxxxList']\n * 例如 处在formList套formList内部时,则 formListCompleteName = ['xxxxList', 索引值, 'xxxxList2']\n * ```\n */\n formListCompleteName?: Array<string | number> | string;\n\n dateRangePickerWrapperProps?: DateRangePickerWrapperProps;\n};\n/**\n * 包含了Form.Item组件的时间区间选择组件,时间区间组件可以定义成两个字段操作,不用再通过数组处理\n * ```\n * 1. 会在form中产生一个 `__#invalid_date_xxxx_xxxx` 的无效字段,可以直接忽略\n * 2. 设置日期格式 dateRangePickerWrapperProps={{ format: 'YYYY-MM-DD HH:mm' }}\n * 使用场景:\n * 1. 基础使用场景\n * <DateRangePickerWrapperFormItem startName={'date1'} endName={'date2'} />\n * 2. Form.List 内部使用\n * <FormListWrapper name=\"dataList\" prevCompleteName={[]}>\n * {(data) => {\n * return <DateRangePickerWrapperFormItem formListCompleteName={data.prevCompleteName} startName={data.getInsideFormItemName('date1')} endName={data.getInsideFormItemName('date2')} />\n * }}\n * </FormListWrapper>\n * 3. Form.List 套 Form.List 内部使用\n * <FormListWrapper name=\"dataList\" prevCompleteName={[]}>\n * {(data) => {\n * return <FormListWrapper name={data.getInsideFormItemName('childrenList')} prevCompleteName={data.prevCompleteName}>\n * {(data2) => {\n * return <DateRangePickerWrapperFormItem formListCompleteName={data2.prevCompleteName} startName={data2.getInsideFormItemName('date1')} endName={data2.getInsideFormItemName('date2')} />\n * }}\n * </FormListWrapper>\n * }}\n * </FormListWrapper>\n * ```\n */\nexport const DateRangePickerWrapperFormItem = (\n props: DateRangePickerWrapperFormItemProps\n) => {\n const {\n startName,\n endName,\n formListName,\n formListCompleteName,\n dateRangePickerWrapperProps,\n ...otherProps\n } = props;\n const form = Form.useFormInstance();\n\n const prevName = formListCompleteName || formListName;\n\n const bodyName = useMemo(() => {\n if (prevName && isArray(startName) && isArray(endName)) {\n const [startName0, ...startNameOther] = startName as TAny[];\n const [, ...endNameOther] = endName as TAny[];\n return [startName0].concat(\n `__#invalid_date_${startNameOther.join('-')}_${endNameOther.join('-')}`\n );\n }\n return `__#invalid_date_${startName}_${endName}`;\n }, [prevName, startName, endName]);\n\n const bodyCompleteName = useMemo(\n () =>\n prevName\n ? [...toArray<string | number>(prevName), ...bodyName]\n : bodyName,\n [bodyName, prevName]\n );\n\n const startCompleteName = useMemo(() => {\n return prevName\n ? [\n ...toArray<string | number>(prevName),\n ...toArray<string | number>(startName),\n ]\n : startName;\n }, [startName, prevName]);\n\n const endCompleteName = useMemo(() => {\n return prevName\n ? [\n ...toArray<string | number>(prevName),\n ...toArray<string | number>(endName),\n ]\n : endName;\n }, [endName, prevName]);\n\n const startVal = Form.useWatch(startCompleteName, form);\n const endVal = Form.useWatch(endCompleteName, form);\n const bodyValue = Form.useWatch(bodyCompleteName, form);\n\n const onChange = hooks.useCallbackRef((data) => {\n const value1 = data?.[0];\n const value2 = data?.[1];\n fbaUtils.setFormFieldsAndTriggerValuesChange(form, [\n { name: startCompleteName, value: value1 },\n { name: endCompleteName, value: value2 },\n ]);\n dateRangePickerWrapperProps?.onChange?.(data);\n });\n\n useEffect(() => {\n if (startVal && endVal) {\n form.setFields([{ name: bodyCompleteName, value: [startVal, endVal] }]);\n } else {\n form.setFields([{ name: bodyCompleteName, value: undefined }]);\n }\n }, [startVal, endVal, bodyValue, form, bodyCompleteName]);\n\n return (\n <>\n <FormItemHidden name={startName} />\n <FormItemHidden name={endName} />\n <FormItemWrapper {...otherProps} name={bodyName}>\n {prevName && props.rules?.length ? (\n <Content {...dateRangePickerWrapperProps} onChange={onChange} />\n ) : (\n <DateRangePickerWrapper\n {...dateRangePickerWrapperProps}\n onChange={onChange}\n />\n )}\n </FormItemWrapper>\n </>\n );\n};\n\nconst Content = (props) => {\n const ref = useRef<number>(0);\n const preValue = fbaHooks.usePrevious(props.value);\n fbaHooks.useEffectCustom(() => {\n // 处在Form.List场景下,当第一次外部赋值时,会出现赋值成功,但显示异常效果\n if (\n ref.current === 0 &&\n !preValue &&\n props.value?.[0] &&\n props.value?.[1]\n ) {\n ref.current = 1;\n props.onChange?.(props.value);\n }\n }, [props.value?.[0], props.value?.[1]]);\n\n return <DateRangePickerWrapper {...props} />;\n};\n"],"names":["DateRangePickerWrapperFormItem","props","_props$rules","startName","endName","formListName","formListCompleteName","dateRangePickerWrapperProps","otherProps","_objectWithoutProperties","_excluded","form","Form","useFormInstance","prevName","bodyName","useMemo","_isArray","_ref","_ref2","_toArray","startName0","startNameOther","slice","_ref3","_ref4","endNameOther","concat","join","bodyCompleteName","_toConsumableArray","toArray","startCompleteName","endCompleteName","startVal","useWatch","endVal","bodyValue","onChange","_hooks","useCallbackRef","data","_dateRangePickerWrapp","value1","value2","fbaUtils","setFormFieldsAndTriggerValuesChange","name","value","call","useEffect","setFields","undefined","_jsxs","_Fragment","children","_jsx","FormItemHidden","FormItemWrapper","_objectSpread","rules","length","Content","DateRangePickerWrapper","_props$value3","_props$value4","ref","useRef","preValue","fbaHooks","usePrevious","useEffectCustom","_props$value","_props$value2","current","_props$onChange"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"date-range-picker-wrapper-form-item-BPc8iK10.js","sources":["@flatbiz/antd/src/date-range-picker-wrapper-form-item/date-range-picker-wrapper-form-item.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { Form } from 'antd';\nimport { isArray } from '@dimjs/lang';\nimport { type TAny, toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport type { DateRangePickerWrapperProps } from '../date-range-picker-wrapper/date-range-picker-wrapper.jsx';\nimport { DateRangePickerWrapper } from '../date-range-picker-wrapper/date-range-picker-wrapper.jsx';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport { fbaUtils } from '../fba-utils/fba-utils.js';\nimport { FormItemHidden } from '../form-item-hidden/form-item-hidden.jsx';\nimport type { FormItemWrapperProps } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport { FormItemWrapper } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport type { FormItemNamePath } from '../types/index.js';\n\nexport type DateRangePickerWrapperFormItemProps = Omit<\n FormItemWrapperProps,\n 'name'\n> & {\n /**\n * 开始的时间name\n */\n startName: FormItemNamePath;\n /**\n * 结束的时间name\n */\n endName: FormItemNamePath;\n /**\n * 如果 DateRangePickerWrapperFormItem 在Form.List场景下 必传\n * @deprecated 使用 formListCompleteName 配置\n */\n formListName?: Array<string | number>;\n /**\n * 前端 formItem 前缀FormName,当 TimeRangePickerWrapperFormItem 处在Form.List场景下,必传\n * ```\n * 例如 处在formList内部时,则 formListCompleteName = ['xxxxList']\n * 例如 处在formList套formList内部时,则 formListCompleteName = ['xxxxList', 索引值, 'xxxxList2']\n * ```\n */\n formListCompleteName?: Array<string | number> | string;\n\n dateRangePickerWrapperProps?: DateRangePickerWrapperProps;\n};\n/**\n * 包含了Form.Item组件的时间区间选择组件,时间区间组件可以定义成两个字段操作,不用再通过数组处理\n * ```\n * 1. 会在form中产生一个 `__#invalid_date_xxxx_xxxx` 的无效字段,可以直接忽略\n * 2. 设置日期格式 dateRangePickerWrapperProps={{ format: 'YYYY-MM-DD HH:mm' }}\n * 使用场景:\n * 1. 基础使用场景\n * <DateRangePickerWrapperFormItem startName={'date1'} endName={'date2'} />\n * 2. Form.List 内部使用\n * <FormListWrapper name=\"dataList\" prevCompleteName={[]}>\n * {(data) => {\n * return <DateRangePickerWrapperFormItem formListCompleteName={data.prevCompleteName} startName={data.getInsideFormItemName('date1')} endName={data.getInsideFormItemName('date2')} />\n * }}\n * </FormListWrapper>\n * 3. Form.List 套 Form.List 内部使用\n * <FormListWrapper name=\"dataList\" prevCompleteName={[]}>\n * {(data) => {\n * return <FormListWrapper name={data.getInsideFormItemName('childrenList')} prevCompleteName={data.prevCompleteName}>\n * {(data2) => {\n * return <DateRangePickerWrapperFormItem formListCompleteName={data2.prevCompleteName} startName={data2.getInsideFormItemName('date1')} endName={data2.getInsideFormItemName('date2')} />\n * }}\n * </FormListWrapper>\n * }}\n * </FormListWrapper>\n * ```\n */\nexport const DateRangePickerWrapperFormItem = (\n props: DateRangePickerWrapperFormItemProps\n) => {\n const {\n startName,\n endName,\n formListName,\n formListCompleteName,\n dateRangePickerWrapperProps,\n ...otherProps\n } = props;\n const form = Form.useFormInstance();\n\n const prevName = formListCompleteName || formListName;\n\n const bodyName = useMemo(() => {\n if (prevName && isArray(startName) && isArray(endName)) {\n const [startName0, ...startNameOther] = startName as TAny[];\n const [, ...endNameOther] = endName as TAny[];\n return [startName0].concat(\n `__#invalid_date_${startNameOther.join('-')}_${endNameOther.join('-')}`\n );\n }\n return `__#invalid_date_${startName}_${endName}`;\n }, [prevName, startName, endName]);\n\n const bodyCompleteName = useMemo(\n () =>\n prevName\n ? [...toArray<string | number>(prevName), ...bodyName]\n : bodyName,\n [bodyName, prevName]\n );\n\n const startCompleteName = useMemo(() => {\n return prevName\n ? [\n ...toArray<string | number>(prevName),\n ...toArray<string | number>(startName),\n ]\n : startName;\n }, [startName, prevName]);\n\n const endCompleteName = useMemo(() => {\n return prevName\n ? [\n ...toArray<string | number>(prevName),\n ...toArray<string | number>(endName),\n ]\n : endName;\n }, [endName, prevName]);\n\n const startVal = Form.useWatch(startCompleteName, form);\n const endVal = Form.useWatch(endCompleteName, form);\n const bodyValue = Form.useWatch(bodyCompleteName, form);\n\n const onChange = hooks.useCallbackRef((data) => {\n const value1 = data?.[0];\n const value2 = data?.[1];\n fbaUtils.setFormFieldsAndTriggerValuesChange(form, [\n { name: startCompleteName, value: value1 },\n { name: endCompleteName, value: value2 },\n ]);\n dateRangePickerWrapperProps?.onChange?.(data);\n });\n\n useEffect(() => {\n if (startVal && endVal) {\n form.setFields([{ name: bodyCompleteName, value: [startVal, endVal] }]);\n } else {\n form.setFields([{ name: bodyCompleteName, value: undefined }]);\n }\n }, [startVal, endVal, bodyValue, form, bodyCompleteName]);\n\n return (\n <>\n <FormItemHidden name={startName} />\n <FormItemHidden name={endName} />\n <FormItemWrapper {...otherProps} name={bodyName}>\n {prevName && props.rules?.length ? (\n <Content {...dateRangePickerWrapperProps} onChange={onChange} />\n ) : (\n <DateRangePickerWrapper\n {...dateRangePickerWrapperProps}\n onChange={onChange}\n />\n )}\n </FormItemWrapper>\n </>\n );\n};\n\nconst Content = (props) => {\n const ref = useRef<number>(0);\n const preValue = fbaHooks.usePrevious(props.value);\n fbaHooks.useEffectCustom(() => {\n // 处在Form.List场景下,当第一次外部赋值时,会出现赋值成功,但显示异常效果\n if (\n ref.current === 0 &&\n !preValue &&\n props.value?.[0] &&\n props.value?.[1]\n ) {\n ref.current = 1;\n props.onChange?.(props.value);\n }\n }, [props.value?.[0], props.value?.[1]]);\n\n return <DateRangePickerWrapper {...props} />;\n};\n"],"names":["DateRangePickerWrapperFormItem","props","_props$rules","startName","endName","formListName","formListCompleteName","dateRangePickerWrapperProps","otherProps","_objectWithoutProperties","_excluded","form","Form","useFormInstance","prevName","bodyName","useMemo","_isArray","_ref","_ref2","_toArray","startName0","startNameOther","slice","_ref3","_ref4","endNameOther","concat","join","bodyCompleteName","_toConsumableArray","toArray","startCompleteName","endCompleteName","startVal","useWatch","endVal","bodyValue","onChange","_hooks","useCallbackRef","data","_dateRangePickerWrapp","value1","value2","fbaUtils","setFormFieldsAndTriggerValuesChange","name","value","call","useEffect","setFields","undefined","_jsxs","_Fragment","children","_jsx","FormItemHidden","FormItemWrapper","_objectSpread","rules","length","Content","DateRangePickerWrapper","_props$value3","_props$value4","ref","useRef","preValue","fbaHooks","usePrevious","useEffectCustom","_props$value","_props$value2","current","_props$onChange"],"mappings":"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"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
2
|
+
|
|
3
|
+
import { _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
|
|
4
|
+
import { F as FormItemWrapper } from './form-item-wrapper-DHRbunEm.js';
|
|
5
|
+
import { jsx } from 'react/jsx-runtime';
|
|
6
|
+
|
|
7
|
+
var _excluded = ["children", "dependencies", "hidden", "isClear"];
|
|
8
|
+
/**
|
|
9
|
+
* 与 FormItemWrapper 使用相同,多一个 dependencies 包装能力;多用于表单项的显示隐藏逻辑中
|
|
10
|
+
* ```
|
|
11
|
+
* 1. 需要设置dependencies属性,实现显示隐藏能力
|
|
12
|
+
* 2. dependencies表示依赖于谁
|
|
13
|
+
* 3. 结果有两种情况
|
|
14
|
+
* 3.1. 只想隐藏字段,不想清除字段值;使用hidden
|
|
15
|
+
* 3.2. 隐藏字段,同时清除字段值;使用 isClear
|
|
16
|
+
*
|
|
17
|
+
* 使用示例(当 用户类型 选择【选项2】时,备注隐藏)
|
|
18
|
+
* <FormItemWrapper name={'xx1'} label="用户类型">
|
|
19
|
+
* <RadioGroupWrapper
|
|
20
|
+
* options={[
|
|
21
|
+
* { label: '选项1', value: '1' },
|
|
22
|
+
* { label: '选项2', value: '2' },
|
|
23
|
+
* ]}
|
|
24
|
+
* />
|
|
25
|
+
* </FormItemWrapper>
|
|
26
|
+
* <FormItemWrapperDependencies
|
|
27
|
+
* dependencies={['xx1']}
|
|
28
|
+
* hidden={(values) => {
|
|
29
|
+
* return values.xx1 === '2';
|
|
30
|
+
* }}
|
|
31
|
+
* name={'xx2'}
|
|
32
|
+
* label="备注"
|
|
33
|
+
* >
|
|
34
|
+
* <Input.TextArea placeholder="请输入" />
|
|
35
|
+
* </FormItemWrapperDependencies>
|
|
36
|
+
* ```
|
|
37
|
+
*/
|
|
38
|
+
var FormItemWrapperDependencies = function FormItemWrapperDependencies(props) {
|
|
39
|
+
var _children = props.children,
|
|
40
|
+
dependencies = props.dependencies,
|
|
41
|
+
hidden = props.hidden,
|
|
42
|
+
isClear = props.isClear,
|
|
43
|
+
otherProps = _objectWithoutProperties(props, _excluded);
|
|
44
|
+
return /*#__PURE__*/jsx(FormItemWrapper, {
|
|
45
|
+
dependencies: dependencies,
|
|
46
|
+
noStyle: true,
|
|
47
|
+
children: function children(innerForm) {
|
|
48
|
+
var innerHidden = hidden === null || hidden === void 0 ? void 0 : hidden(innerForm.getFieldsValue(), innerForm);
|
|
49
|
+
var innerIsClear = isClear === null || isClear === void 0 ? void 0 : isClear(innerForm.getFieldsValue(), innerForm);
|
|
50
|
+
return /*#__PURE__*/jsx(FormItemWrapper, _objectSpread2(_objectSpread2({}, otherProps), {}, {
|
|
51
|
+
hidden: innerHidden,
|
|
52
|
+
isClear: innerIsClear,
|
|
53
|
+
children: _children
|
|
54
|
+
}));
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
FormItemWrapperDependencies['domTypeName'] = 'FormItemWrapperDependencies';
|
|
59
|
+
|
|
60
|
+
export { FormItemWrapperDependencies as F };
|
|
61
|
+
//# sourceMappingURL=dependencies-C23wp0ou.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dependencies-C23wp0ou.js","sources":["@flatbiz/antd/src/form-item-wrapper-dependencies/dependencies.tsx"],"sourcesContent":["import type { FormInstance } from 'antd';\nimport type { TPlainObject } from '@flatbiz/utils';\nimport {\n FormItemWrapper,\n type FormItemWrapperProps,\n} from '../form-item-wrapper/form-item-wrapper.jsx';\n\nexport type FormItemWrapperDependenciesProps = Omit<\n FormItemWrapperProps,\n 'hidden' | 'isClear'\n> & {\n hidden?: (values: TPlainObject, form: FormInstance) => boolean;\n isClear?: (values: TPlainObject, form: FormInstance) => boolean;\n};\n\n/**\n * 与 FormItemWrapper 使用相同,多一个 dependencies 包装能力;多用于表单项的显示隐藏逻辑中\n * ```\n * 1. 需要设置dependencies属性,实现显示隐藏能力\n * 2. dependencies表示依赖于谁\n * 3. 结果有两种情况\n * 3.1. 只想隐藏字段,不想清除字段值;使用hidden\n * 3.2. 隐藏字段,同时清除字段值;使用 isClear\n *\n * 使用示例(当 用户类型 选择【选项2】时,备注隐藏)\n * <FormItemWrapper name={'xx1'} label=\"用户类型\">\n * <RadioGroupWrapper\n * options={[\n * { label: '选项1', value: '1' },\n * { label: '选项2', value: '2' },\n * ]}\n * />\n * </FormItemWrapper>\n * <FormItemWrapperDependencies\n * dependencies={['xx1']}\n * hidden={(values) => {\n * return values.xx1 === '2';\n * }}\n * name={'xx2'}\n * label=\"备注\"\n * >\n * <Input.TextArea placeholder=\"请输入\" />\n * </FormItemWrapperDependencies>\n * ```\n */\nexport const FormItemWrapperDependencies = (\n props: FormItemWrapperDependenciesProps\n) => {\n const { children, dependencies, hidden, isClear, ...otherProps } = props;\n\n return (\n <FormItemWrapper dependencies={dependencies} noStyle>\n {(innerForm) => {\n const innerHidden = hidden?.(innerForm.getFieldsValue(), innerForm);\n const innerIsClear = isClear?.(innerForm.getFieldsValue(), innerForm);\n return (\n <FormItemWrapper\n {...otherProps}\n hidden={innerHidden}\n isClear={innerIsClear}\n >\n {children}\n </FormItemWrapper>\n );\n }}\n </FormItemWrapper>\n );\n};\n\nFormItemWrapperDependencies['domTypeName'] = 'FormItemWrapperDependencies';\n"],"names":["FormItemWrapperDependencies","props","children","dependencies","hidden","isClear","otherProps","_objectWithoutProperties","_excluded","_jsx","FormItemWrapper","noStyle","innerForm","innerHidden","getFieldsValue","innerIsClear","_objectSpread"],"mappings":";;;;;;;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,2BAA2B,GAAG,SAA9BA,2BAA2BA,CACtCC,KAAuC,EACpC;AACH,EAAA,IAAQC,SAAQ,GAAmDD,KAAK,CAAhEC,QAAQ;IAAEC,YAAY,GAAqCF,KAAK,CAAtDE,YAAY;IAAEC,MAAM,GAA6BH,KAAK,CAAxCG,MAAM;IAAEC,OAAO,GAAoBJ,KAAK,CAAhCI,OAAO;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;EAExE,oBACEC,GAAA,CAACC,eAAe,EAAA;AAACP,IAAAA,YAAY,EAAEA,YAAa;IAACQ,OAAO,EAAA,IAAA;AAAAT,IAAAA,QAAA,EACjD,SAAAA,QAACU,CAAAA,SAAS,EAAK;AACd,MAAA,IAAMC,WAAW,GAAGT,MAAM,KAAA,IAAA,IAANA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAGQ,SAAS,CAACE,cAAc,EAAE,EAAEF,SAAS,CAAC;AACnE,MAAA,IAAMG,YAAY,GAAGV,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAGO,SAAS,CAACE,cAAc,EAAE,EAAEF,SAAS,CAAC;MACrE,oBACEH,GAAA,CAACC,eAAe,EAAAM,cAAA,CAAAA,cAAA,KACVV,UAAU,CAAA,EAAA,EAAA,EAAA;AACdF,QAAAA,MAAM,EAAES,WAAY;AACpBR,QAAAA,OAAO,EAAEU,YAAa;AAAAb,QAAAA,QAAA,EAErBA;AAAQ,OAAA,CACM,CAAC;AAEtB;AAAC,GACc,CAAC;AAEtB;AAEAF,2BAA2B,CAAC,aAAa,CAAC,GAAG,6BAA6B;;;;"}
|
|
@@ -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-jkHndPRi.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-DOhz_ox7.js.map
|
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
1
|
+
{"version":3,"file":"drag-DOhz_ox7.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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"}
|
|
@@ -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-tiF4vQG9.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-D_u-98wL.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-DTdTOZn4.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';
|
|
@@ -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
|