@flatbiz/antd 4.5.25 → 5.0.0

package/dist/editable-card/index.js

@@ -0,0 +1,55 @@
+/* eslint-disable */
+import './../box-grid/index.css';
+import './../fba-hooks/index.css';
+import './../pre-defined-class-name/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { E as EditableCard } from '../editable-card-C2W7M00M.js';
+import '@ant-design/icons/es/icons/PlusOutlined.js';
+import '@dimjs/utils/class-names/class-names';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@wove/react/hooks';
+import 'react';
+import 'antd';
+import '@flatbiz/utils';
+import '../button-wrapper-l9FUsrWl.js';
+import '@ant-design/icons/es/icons/LoadingOutlined.js';
+import '@dimjs/lang/is-promise';
+import '../config-provider-wrapper-DDa_64Ce.js';
+import 'antd/es/locale/en_US.js';
+import 'antd/es/locale/zh_CN.js';
+import 'dayjs';
+import 'dayjs/plugin/advancedFormat.js';
+import 'dayjs/plugin/customParseFormat.js';
+import 'dayjs/plugin/localeData.js';
+import 'dayjs/plugin/utc.js';
+import 'dayjs/plugin/weekday.js';
+import 'dayjs/plugin/weekOfYear.js';
+import 'dayjs/plugin/weekYear.js';
+import '@dimjs/utils/extend/extend';
+import '../fba-hooks/index.js';
+import '../use-responsive-point-Bp3D3lZT.js';
+import 'dayjs/locale/en.js';
+import 'dayjs/locale/zh-cn.js';
+import 'react/jsx-runtime';
+import '../fba-utils-Dfbczn1S.js';
+import '@dimjs/lang/is-array';
+import '@dimjs/model';
+import '../card-wrapper-w-JbDJNk.js';
+import '../delete-node-CwCgmlIq.js';
+import '@ant-design/icons/es/icons/CloseCircleFilled.js';
+import '@ant-design/icons/es/icons/DeleteOutlined.js';
+import '../icon-wrapper-CR3akisG.js';
+import '@dimjs/lang/is-undefined';
+import '../form-Bz0Gi7wm.js';
+import '../box-grid/index.js';
+import '@dimjs/lang/is-number';
+import 'ahooks';
+import '../form-wrapper-DSnBmyFu.js';
+import '../pre-defined-class-name/index.js';
+import '../form-item-hidden-B9afZdSe.js';
+import '../form-item-wrapper-CwXh7JxL.js';
+import '../tips-wrapper-Bf9nfZq3.js';
+import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
+//# sourceMappingURL=index.js.map

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

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

package/dist/editable-card-C2W7M00M.js

@@ -0,0 +1,248 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import _PlusOutlined from '@ant-design/icons/es/icons/PlusOutlined.js';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { c as _toConsumableArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { hooks } from '@wove/react/hooks';
+import { useRef, useMemo, Fragment, createElement, isValidElement } from 'react';
+import { Form, Empty } from 'antd';
+import { toArray, isUndefinedOrNull } from '@flatbiz/utils';
+import { B as ButtonWrapper } from './button-wrapper-l9FUsrWl.js';
+import { C as CardWrapper } from './card-wrapper-w-JbDJNk.js';
+import { D as DeleteNode } from './delete-node-CwCgmlIq.js';
+import { E as EasyForm } from './form-Bz0Gi7wm.js';
+import { f as fbaUtils } from './fba-utils-Dfbczn1S.js';
+import { F as FormItemHidden } from './form-item-hidden-B9afZdSe.js';
+import { F as FormItemWrapper } from './form-item-wrapper-CwXh7JxL.js';
+import { T as TipsWrapper } from './tips-wrapper-Bf9nfZq3.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var EditableCard = function EditableCard(props) {
+  var form = Form.useFormInstance();
+  var formListName = toArray(props.formListName);
+  var formListOperationRef = useRef();
+  var forceUpdate = hooks.useForceUpdate();
+  var formListCompleteName = props.formListCompleteName || formListName;
+  var validateRowFields = hooks.useCallbackRef(function (formItemPrevName, nameList) {
+    return new Promise(function ($return, $error) {
+      return Promise.resolve(form.validateFields(nameList.map(function (item) {
+        return [].concat(_toConsumableArray(formItemPrevName), _toConsumableArray(toArray(item)));
+      }))).then(function ($await_1) {
+        try {
+          return $return();
+        } catch ($boundEx) {
+          return $error($boundEx);
+        }
+      }, $error);
+    });
+  });
+  var getCurrentRowData = hooks.useCallbackRef(function (formItemPrevName) {
+    return form.getFieldValue(formItemPrevName);
+  });
+  var setCurrentRowField = hooks.useCallbackRef(function (formItemPrevName, dataIndexConfigs) {
+    fbaUtils.setFormFieldsAndTriggerValuesChange(form, dataIndexConfigs.map(function (item) {
+      return {
+        name: [].concat(_toConsumableArray(formListCompleteName), [formItemPrevName], _toConsumableArray(toArray(item.name))),
+        value: item.value
+      };
+    }));
+    forceUpdate();
+  });
+  var columns = useMemo(function () {
+    return props.columns.map(function (column) {
+      var _column$formItemProps;
+      var title = column.title;
+      var titleRender = title;
+      if (column.tips) {
+        titleRender = /*#__PURE__*/jsx(TipsWrapper, {
+          tipType: "popover",
+          popoverProps: {
+            content: column.tips
+          },
+          children: title
+        });
+      }
+      var required = column.required;
+      if (!required && typeof column.formItemProps === 'object' && (_column$formItemProps = column.formItemProps.rules) !== null && _column$formItemProps !== void 0 && _column$formItemProps.length) {
+        required = !!column.formItemProps.rules.find(function (item) {
+          return !!item['required'];
+        });
+      }
+      var dataIndex = toArray(column['dataIndex']);
+      return {
+        render: function render(index, fieldData, operation) {
+          var _column$hidden, _formItemProps, _column$render2;
+          var record = form.getFieldValue([].concat(_toConsumableArray(formListCompleteName), [fieldData.name]));
+          var value = form.getFieldValue([].concat(_toConsumableArray(formListCompleteName), [fieldData.name], _toConsumableArray(dataIndex)));
+          if (isUndefinedOrNull(column.render)) {
+            return /*#__PURE__*/jsx(Fragment, {
+              children: value
+            });
+          }
+          var editable = typeof (column === null || column === void 0 ? void 0 : column.editable) === 'function' ? column === null || column === void 0 ? void 0 : column.editable(record, index) : column === null || column === void 0 ? void 0 : column.editable;
+          var rowFormItemCompleteName = [].concat(_toConsumableArray(formListCompleteName), [fieldData.name]);
+          var renderOperationProps = {
+            index: index,
+            editable: editable,
+            add: operation.add,
+            remove: operation.remove,
+            move: operation.move,
+            rowFormItemName: fieldData.name,
+            rowFormItemCompleteName: rowFormItemCompleteName,
+            setCurrentRowField: setCurrentRowField.bind(null, fieldData.name),
+            validateRowFields: validateRowFields.bind(null, rowFormItemCompleteName),
+            getCurrentRowData: getCurrentRowData.bind(null, rowFormItemCompleteName),
+            forceUpdate: forceUpdate
+          };
+          if ((_column$hidden = column.hidden) !== null && _column$hidden !== void 0 && _column$hidden.call(column, record, index)) {
+            return /*#__PURE__*/jsx(FormItemHidden, {
+              name: [fieldData.name].concat(_toConsumableArray(dataIndex))
+            }, fieldData.key);
+          }
+          var formItemProps = typeof column.formItemProps === 'function' ? column.formItemProps(renderOperationProps) : column.formItemProps;
+          if (!((_formItemProps = formItemProps) !== null && _formItemProps !== void 0 && (_formItemProps = _formItemProps.rules) !== null && _formItemProps !== void 0 && _formItemProps.length) && required) {
+            formItemProps = _objectSpread2(_objectSpread2({}, formItemProps), {}, {
+              rules: [{
+                required: true,
+                message: ''
+              }]
+            });
+          }
+          if (editable === true) {
+            var _column$render;
+            return /*#__PURE__*/createElement(FormItemWrapper, _objectSpread2(_objectSpread2({}, formItemProps), {}, {
+              name: [fieldData.name].concat(_toConsumableArray(dataIndex)),
+              label: titleRender,
+              span: column.gridNumber,
+              key: fieldData.key
+            }), (_column$render = column.render) === null || _column$render === void 0 ? void 0 : _column$render.call(column, renderOperationProps));
+          }
+          return /*#__PURE__*/jsx(FormItemWrapper, _objectSpread2(_objectSpread2({
+            label: titleRender,
+            span: column.gridNumber
+          }, formItemProps), {}, {
+            children: (_column$render2 = column.render) === null || _column$render2 === void 0 ? void 0 : _column$render2.call(column, renderOperationProps)
+          }), fieldData.key);
+        }
+      };
+    });
+  }, [props.columns, form, formListCompleteName, setCurrentRowField, validateRowFields, getCurrentRowData, forceUpdate]);
+  var className = classNames('editable-card', props.className);
+  return /*#__PURE__*/jsx("div", {
+    className: className,
+    style: props.style,
+    children: /*#__PURE__*/jsx(Form.List, {
+      name: formListName,
+      rules: props.rules,
+      children: function children(fields, formListOperation, _ref) {
+        var _props$contentBeforeR, _props$contentAfterRe;
+        var errors = _ref.errors;
+        formListOperationRef.current = formListOperation;
+        return /*#__PURE__*/jsxs("div", {
+          style: {
+            borderRadius: '6px',
+            border: errors !== null && errors !== void 0 && errors.length ? '1px solid #ff4d4f' : '1px solid transparent'
+          },
+          children: [(_props$contentBeforeR = props.contentBeforeRender) === null || _props$contentBeforeR === void 0 ? void 0 : _props$contentBeforeR.call(props, formListOperation, fields.length), fields.map(function (fieldItem, index) {
+            var _props$cardExtraRende, _props$cardEasyFormPr2;
+            var title = props.onCustomGroupName ? props.onCustomGroupName(index) : index + 1;
+            var extraData = {
+              index: index,
+              fields: fields,
+              fieldItem: fieldItem,
+              operation: formListOperation,
+              required: props.required,
+              key: "".concat(fieldItem.key)
+            };
+            if (props.onCustomWrapper) {
+              var _props$cardEasyFormPr;
+              return props.onCustomWrapper(/*#__PURE__*/jsx(EasyForm, _objectSpread2(_objectSpread2({
+                nonuseFormWrapper: true
+              }, props.cardEasyFormProps), {}, {
+                style: _objectSpread2({
+                  padding: 0,
+                  margin: 0
+                }, (_props$cardEasyFormPr = props.cardEasyFormProps) === null || _props$cardEasyFormPr === void 0 ? void 0 : _props$cardEasyFormPr.style),
+                children: columns.map(function (column, index) {
+                  return column.render(index, fieldItem, formListOperation);
+                })
+              }), fieldItem.key), extraData);
+            }
+            var cardExtraRenderResult = (_props$cardExtraRende = props.cardExtraRender) === null || _props$cardExtraRende === void 0 ? void 0 : _props$cardExtraRende.call(props, extraData);
+            return /*#__PURE__*/jsx(CardWrapper, {
+              className: props.cardClassName,
+              title: title,
+              size: "small",
+              style: _objectSpread2({
+                padding: 0,
+                margin: '0 0 15px 0'
+              }, props.cardStyle),
+              bodyStyle: {
+                paddingBottom: 0
+              }
+              // styles={{ body: { paddingBottom: 0 } }}
+              ,
+              extra: /*#__PURE__*/isValidElement(cardExtraRenderResult) ? cardExtraRenderResult : /*#__PURE__*/jsxs("div", {
+                style: {
+                  display: 'inline-flex',
+                  alignItems: 'center',
+                  gap: '8px'
+                },
+                children: [cardExtraRenderResult === null || cardExtraRenderResult === void 0 ? void 0 : cardExtraRenderResult['before'], /*#__PURE__*/jsx(DeleteNode, {
+                  style: {
+                    color: 'red'
+                  },
+                  hidden: props.required && fields.length === 1,
+                  onDelete: function onDelete() {
+                    formListOperation.remove(index);
+                  }
+                }), cardExtraRenderResult === null || cardExtraRenderResult === void 0 ? void 0 : cardExtraRenderResult['after']]
+              }),
+              children: /*#__PURE__*/jsx(EasyForm, _objectSpread2(_objectSpread2({
+                nonuseFormWrapper: true
+              }, props.cardEasyFormProps), {}, {
+                style: _objectSpread2({
+                  padding: 0,
+                  margin: 0
+                }, (_props$cardEasyFormPr2 = props.cardEasyFormProps) === null || _props$cardEasyFormPr2 === void 0 ? void 0 : _props$cardEasyFormPr2.style),
+                children: columns.map(function (column, index) {
+                  return column.render(index, fieldItem, formListOperation);
+                })
+              }), fieldItem.key)
+            }, fieldItem.key);
+          }), fields.length === 0 ? /*#__PURE__*/jsx("div", {
+            className: "editable-card-empty",
+            children: /*#__PURE__*/jsx(Empty, {
+              image: Empty.PRESENTED_IMAGE_SIMPLE
+            })
+          }) : null, /*#__PURE__*/jsx(ButtonWrapper, {
+            block: true,
+            hidden: props.hiddenFooterBtn,
+            type: "dashed",
+            icon: /*#__PURE__*/jsx(_PlusOutlined, {}),
+            style: {
+              marginTop: fields.length ? 15 : 0
+            },
+            onClick: function onClick() {
+              var _props$addRowDefaultV;
+              var defaultValues = (_props$addRowDefaultV = props.addRowDefaultValues) === null || _props$addRowDefaultV === void 0 ? void 0 : _props$addRowDefaultV.call(props);
+              formListOperation.add(_objectSpread2({}, defaultValues));
+            },
+            children: "\u65B0\u589E"
+          }), (_props$contentAfterRe = props.contentAfterRender) === null || _props$contentAfterRe === void 0 ? void 0 : _props$contentAfterRe.call(props, formListOperation, fields.length), errors.length ? /*#__PURE__*/jsx(Form.ErrorList, {
+            errors: [/*#__PURE__*/jsx("div", {
+              style: {
+                color: '#ff4d4f',
+                padding: '5px'
+              },
+              children: errors
+            }, "0")]
+          }) : null]
+        });
+      }
+    })
+  });
+};
+
+export { EditableCard as E };
+//# sourceMappingURL=editable-card-C2W7M00M.js.map

package/dist/editable-card-C2W7M00M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-card-C2W7M00M.js","sources":["@flatbiz/antd/src/editable-card/editable-card.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { Fragment, isValidElement, useMemo, useRef } from 'react';\nimport type { FormListFieldData } from 'antd';\nimport { Empty, Form, type FormListOperation } from 'antd';\nimport { PlusOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport type { TAny } from '@flatbiz/utils';\nimport { isUndefinedOrNull, toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport { CardWrapper } from '../card-wrapper/card-wrapper.jsx';\nimport { DeleteNode } from '../delete-node/delete-node.jsx';\nimport { EasyForm } from '../easy-form/form.jsx';\nimport { fbaUtils } from '../fba-utils/fba-utils.js';\nimport { FormItemHidden } from '../form-item-hidden/form-item-hidden.jsx';\nimport { FormItemWrapper } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport { TipsWrapper } from '../tips-wrapper/tips-wrapper.jsx';\nimport type {\n  EditableCardDataIndex,\n  EditableCardOperation,\n  EditableCardProps,\n} from './type.js';\nimport './style.less';\n\n/**\n * 使用FormList实现可编辑卡片\n * ```\n * 1. EditableCard有两种模式，正常 & 禁用\n * 2. 必须在外部包裹Form组件\n * 3. 行内需要联动逻辑可使用 column.render.operation.setCurrentRowField 方法\n * 4. 可使用DragEditableCard组件实现拖拽排序\n * 5. 设置EditableCard disabled后，通过 LabelValueRender 组件展示数据，可通过 disabledRenderProps 配置布局\n *\n * demo\n * https://fex.qa.tcshuke.com/docs/admin/main/form/grid\n * ```\n */\nexport const EditableCard = (props: EditableCardProps) => {\n  const form = Form.useFormInstance();\n  const formListName = toArray<string | number>(props.formListName);\n  const formListOperationRef = useRef<FormListOperation>();\n  const forceUpdate = hooks.useForceUpdate();\n\n  const formListCompleteName = props.formListCompleteName || formListName;\n\n  const validateRowFields = hooks.useCallbackRef(\n    async (\n      formItemPrevName: Array<string | number>,\n      nameList: EditableCardDataIndex[]\n    ) => {\n      await form.validateFields(\n        nameList.map((item) => [\n          ...formItemPrevName,\n          ...toArray<string | number>(item),\n        ])\n      );\n    }\n  );\n  const getCurrentRowData = hooks.useCallbackRef(\n    (formItemPrevName: Array<string | number>) => {\n      return form.getFieldValue(formItemPrevName);\n    }\n  );\n\n  const setCurrentRowField = hooks.useCallbackRef(\n    (\n      formItemPrevName: string | number,\n      dataIndexConfigs: {\n        name: EditableCardDataIndex;\n        value?: TAny;\n      }[]\n    ) => {\n      fbaUtils.setFormFieldsAndTriggerValuesChange(\n        form,\n        dataIndexConfigs.map((item) => {\n          return {\n            name: [\n              ...formListCompleteName,\n              formItemPrevName,\n              ...toArray<string | number>(item.name),\n            ],\n            value: item.value,\n          };\n        })\n      );\n      forceUpdate();\n    }\n  );\n\n  const columns = useMemo(() => {\n    return props.columns.map((column) => {\n      const title = column.title;\n      let titleRender: ReactElement | string | undefined = title;\n      if (column.tips) {\n        titleRender = (\n          <TipsWrapper\n            tipType=\"popover\"\n            popoverProps={{ content: column.tips }}\n          >\n            {title}\n          </TipsWrapper>\n        );\n      }\n\n      let required = column.required;\n\n      if (\n        !required &&\n        typeof column.formItemProps === 'object' &&\n        column.formItemProps.rules?.length\n      ) {\n        required = !!column.formItemProps.rules.find(\n          (item) => !!item['required']\n        );\n      }\n\n      const dataIndex = toArray<string>(column['dataIndex']);\n\n      return {\n        render: (\n          index,\n          fieldData: FormListFieldData,\n          operation: FormListOperation\n        ) => {\n          const record = form.getFieldValue([\n            ...formListCompleteName,\n            fieldData.name,\n          ]);\n          const value = form.getFieldValue([\n            ...formListCompleteName,\n            fieldData.name,\n            ...dataIndex,\n          ]);\n          if (isUndefinedOrNull(column.render)) {\n            return <Fragment>{value}</Fragment>;\n          }\n\n          const editable =\n            typeof column?.editable === 'function'\n              ? column?.editable(record, index)\n              : column?.editable;\n\n          const rowFormItemCompleteName = [\n            ...formListCompleteName,\n            fieldData.name,\n          ];\n\n          const renderOperationProps: EditableCardOperation = {\n            index,\n            editable,\n            add: operation.add,\n            remove: operation.remove,\n            move: operation.move,\n            rowFormItemName: fieldData.name,\n            rowFormItemCompleteName,\n            setCurrentRowField: setCurrentRowField.bind(null, fieldData.name),\n            validateRowFields: validateRowFields.bind(\n              null,\n              rowFormItemCompleteName\n            ),\n            getCurrentRowData: getCurrentRowData.bind(\n              null,\n              rowFormItemCompleteName\n            ),\n            forceUpdate,\n          };\n\n          if (column.hidden?.(record, index)) {\n            return (\n              <FormItemHidden\n                name={[fieldData.name, ...dataIndex]}\n                key={fieldData.key}\n              />\n            );\n          }\n          let formItemProps =\n            typeof column.formItemProps === 'function'\n              ? column.formItemProps(renderOperationProps)\n              : column.formItemProps;\n\n          if (!formItemProps?.rules?.length && required) {\n            formItemProps = {\n              ...formItemProps,\n              rules: [{ required: true, message: '' }],\n            };\n          }\n\n          if (editable === true) {\n            return (\n              <FormItemWrapper\n                {...formItemProps}\n                name={[fieldData.name, ...dataIndex]}\n                label={titleRender}\n                span={column.gridNumber}\n                key={fieldData.key}\n              >\n                {column.render?.(renderOperationProps) as React.ReactNode}\n              </FormItemWrapper>\n            );\n          }\n          return (\n            <FormItemWrapper\n              label={titleRender}\n              span={column.gridNumber}\n              key={fieldData.key}\n              {...formItemProps}\n            >\n              {column.render?.(renderOperationProps)}\n            </FormItemWrapper>\n          );\n        },\n      };\n    });\n  }, [\n    props.columns,\n    form,\n    formListCompleteName,\n    setCurrentRowField,\n    validateRowFields,\n    getCurrentRowData,\n    forceUpdate,\n  ]);\n\n  const className = classNames('editable-card', props.className);\n\n  return (\n    <div className={className} style={props.style}>\n      <Form.List name={formListName} rules={props.rules}>\n        {(fields, formListOperation, { errors }) => {\n          formListOperationRef.current = formListOperation;\n          return (\n            <div\n              style={{\n                borderRadius: '6px',\n                border: errors?.length\n                  ? '1px solid #ff4d4f'\n                  : '1px solid transparent',\n              }}\n            >\n              {props.contentBeforeRender?.(formListOperation, fields.length)}\n              {fields.map((fieldItem, index) => {\n                const title = props.onCustomGroupName\n                  ? props.onCustomGroupName(index)\n                  : index + 1;\n\n                const extraData = {\n                  index,\n                  fields,\n                  fieldItem,\n                  operation: formListOperation,\n                  required: props.required,\n                  key: `${fieldItem.key}`,\n                };\n                if (props.onCustomWrapper) {\n                  return props.onCustomWrapper(\n                    <EasyForm\n                      nonuseFormWrapper={true}\n                      key={fieldItem.key}\n                      {...props.cardEasyFormProps}\n                      style={{\n                        padding: 0,\n                        margin: 0,\n                        ...props.cardEasyFormProps?.style,\n                      }}\n                    >\n                      {columns.map((column, index) => {\n                        return column.render(\n                          index,\n                          fieldItem,\n                          formListOperation\n                        );\n                      })}\n                    </EasyForm>,\n                    extraData\n                  );\n                }\n\n                const cardExtraRenderResult =\n                  props.cardExtraRender?.(extraData);\n\n                return (\n                  <CardWrapper\n                    key={fieldItem.key}\n                    className={props.cardClassName}\n                    title={title}\n                    size=\"small\"\n                    style={{\n                      padding: 0,\n                      margin: '0 0 15px 0',\n                      ...props.cardStyle,\n                    }}\n                    bodyStyle={{ paddingBottom: 0 }}\n                    // styles={{ body: { paddingBottom: 0 } }}\n                    extra={\n                      isValidElement(cardExtraRenderResult) ? (\n                        cardExtraRenderResult\n                      ) : (\n                        <div\n                          style={{\n                            display: 'inline-flex',\n                            alignItems: 'center',\n                            gap: '8px',\n                          }}\n                        >\n                          {cardExtraRenderResult?.['before']}\n                          <DeleteNode\n                            style={{ color: 'red' }}\n                            hidden={props.required && fields.length === 1}\n                            onDelete={() => {\n                              formListOperation.remove(index);\n                            }}\n                          />\n                          {cardExtraRenderResult?.['after']}\n                        </div>\n                      )\n                    }\n                  >\n                    <EasyForm\n                      nonuseFormWrapper={true}\n                      key={fieldItem.key}\n                      {...props.cardEasyFormProps}\n                      style={{\n                        padding: 0,\n                        margin: 0,\n                        ...props.cardEasyFormProps?.style,\n                      }}\n                    >\n                      {columns.map((column, index) => {\n                        return column.render(\n                          index,\n                          fieldItem,\n                          formListOperation\n                        );\n                      })}\n                    </EasyForm>\n                  </CardWrapper>\n                );\n              })}\n              {fields.length === 0 ? (\n                <div className=\"editable-card-empty\">\n                  <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n                </div>\n              ) : null}\n              <ButtonWrapper\n                block\n                hidden={props.hiddenFooterBtn}\n                type=\"dashed\"\n                icon={<PlusOutlined />}\n                style={{ marginTop: fields.length ? 15 : 0 }}\n                onClick={() => {\n                  const defaultValues = props.addRowDefaultValues?.();\n                  formListOperation.add({ ...defaultValues });\n                }}\n              >\n                新增\n              </ButtonWrapper>\n              {props.contentAfterRender?.(formListOperation, fields.length)}\n              {errors.length ? (\n                <Form.ErrorList\n                  errors={[\n                    <div style={{ color: '#ff4d4f', padding: '5px' }} key=\"0\">\n                      {errors}\n                    </div>,\n                  ]}\n                />\n              ) : null}\n            </div>\n          );\n        }}\n      </Form.List>\n    </div>\n  );\n};\n"],"names":["EditableCard","props","form","Form","useFormInstance","formListName","toArray","formListOperationRef","useRef","forceUpdate","_hooks","useForceUpdate","formListCompleteName","validateRowFields","useCallbackRef","formItemPrevName","nameList","Promise","$return","$error","resolve","validateFields","map","item","concat","_toConsumableArray","then","$await_1","$boundEx","getCurrentRowData","getFieldValue","setCurrentRowField","dataIndexConfigs","fbaUtils","setFormFieldsAndTriggerValuesChange","name","value","columns","useMemo","column","_column$formItemProps","title","titleRender","tips","_jsx","TipsWrapper","tipType","popoverProps","content","children","required","formItemProps","rules","length","find","dataIndex","render","index","fieldData","operation","_column$hidden","_formItemProps","_column$render2","record","isUndefinedOrNull","Fragment","editable","rowFormItemCompleteName","renderOperationProps","add","remove","move","rowFormItemName","bind","hidden","call","FormItemHidden","key","_objectSpread","message","_column$render","_createElement","FormItemWrapper","label","span","gridNumber","className","_classNames","style","List","fields","formListOperation","_ref","_props$contentBeforeR","_props$contentAfterRe","errors","current","_jsxs","borderRadius","border","contentBeforeRender","fieldItem","_props$cardExtraRende","_props$cardEasyFormPr2","onCustomGroupName","extraData","onCustomWrapper","_props$cardEasyFormPr","EasyForm","nonuseFormWrapper","cardEasyFormProps","padding","margin","cardExtraRenderResult","cardExtraRender","CardWrapper","cardClassName","size","cardStyle","bodyStyle","paddingBottom","extra","isValidElement","display","alignItems","gap","DeleteNode","color","onDelete","Empty","image","PRESENTED_IMAGE_SIMPLE","ButtonWrapper","block","hiddenFooterBtn","type","icon","_PlusOutlined","marginTop","onClick","_props$addRowDefaultV","defaultValues","addRowDefaultValues","contentAfterRender","ErrorList"],"mappings":";;;;;;;;;;;;;;;;;;;IAqCaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAwB,EAAK;AACxD,EAAA,IAAMC,IAAI,GAAGC,IAAI,CAACC,eAAe,EAAE;AACnC,EAAA,IAAMC,YAAY,GAAGC,OAAO,CAAkBL,KAAK,CAACI,YAAY,CAAC;AACjE,EAAA,IAAME,oBAAoB,GAAGC,MAAM,EAAqB;AACxD,EAAA,IAAMC,WAAW,GAAGC,KAAA,CAAMC,cAAc,EAAE;AAE1C,EAAA,IAAMC,oBAAoB,GAAGX,KAAK,CAACW,oBAAoB,IAAIP,YAAY;EAEvE,IAAMQ,iBAAiB,GAAGH,KAAA,CAAMI,cAAc,CAC5C,UACEC,gBAAwC,EACxCC,QAAiC,EAAA;AAFnC,IAAA,OAAA,IAAAC,OAAA,CAAA,UAAAC,OAAA,EAAAC,MAAA,EAAA;AAIE,MAAA,OAAAF,OAAA,CAAAG,OAAA,CAAMlB,IAAI,CAACmB,cAAc,CACvBL,QAAQ,CAACM,GAAG,CAAC,UAACC,IAAI,EAAA;QAAA,OAAAC,EAAAA,CAAAA,MAAA,CAAAC,kBAAA,CACbV,gBAAgB,CAAAU,EAAAA,kBAAA,CAChBnB,OAAO,CAAkBiB,IAAI,CAAC,CAAA,CAAA;AAAA,OAClC,CACH,CAAC,CALDG,CAAAA,IAKC,WAAAC,QAAA,EAAA;QAvDP,IAAI;AAAA,UAAA,OAAAT,OAAA,EAAA;SAAK,CAAC,OAAAU,QAAA,EAAU;UAAC,OAAOT,MAAA,CAAAS,QAAK,CAAC;AAAA;AAAC,OAAA,EAAAT,MAAA,CAAA;AAuD5B,KAAA,CAAA;AACF,GACH,CAAC;EACD,IAAMU,iBAAiB,GAAGnB,KAAA,CAAMI,cAAc,CAC5C,UAACC,gBAAwC,EAAK;AAC5C,IAAA,OAAOb,IAAI,CAAC4B,aAAa,CAACf,gBAAgB,CAAC;AAC7C,GACF,CAAC;EAED,IAAMgB,kBAAkB,GAAGrB,KAAA,CAAMI,cAAc,CAC7C,UACEC,gBAAiC,EACjCiB,gBAGG,EACA;IACHC,QAAQ,CAACC,mCAAmC,CAC1ChC,IAAI,EACJ8B,gBAAgB,CAACV,GAAG,CAAC,UAACC,IAAI,EAAK;MAC7B,OAAO;AACLY,QAAAA,IAAI,KAAAX,MAAA,CAAAC,kBAAA,CACCb,oBAAoB,CACvBG,EAAAA,CAAAA,gBAAgB,CAAAU,EAAAA,kBAAA,CACbnB,OAAO,CAAkBiB,IAAI,CAACY,IAAI,CAAC,CACvC,CAAA;QACDC,KAAK,EAAEb,IAAI,CAACa;OACb;AACH,KAAC,CACH,CAAC;AACD3B,IAAAA,WAAW,EAAE;AACf,GACF,CAAC;AAED,EAAA,IAAM4B,OAAO,GAAGC,OAAO,CAAC,YAAM;IAC5B,OAAOrC,KAAK,CAACoC,OAAO,CAACf,GAAG,CAAC,UAACiB,MAAM,EAAK;AAAA,MAAA,IAAAC,qBAAA;AACnC,MAAA,IAAMC,KAAK,GAAGF,MAAM,CAACE,KAAK;MAC1B,IAAIC,WAA8C,GAAGD,KAAK;MAC1D,IAAIF,MAAM,CAACI,IAAI,EAAE;QACfD,WAAW,gBACTE,GAAA,CAACC,WAAW,EAAA;AACVC,UAAAA,OAAO,EAAC,SAAS;AACjBC,UAAAA,YAAY,EAAE;YAAEC,OAAO,EAAET,MAAM,CAACI;WAAO;AAAAM,UAAAA,QAAA,EAEtCR;AAAK,SACK,CACd;AACH;AAEA,MAAA,IAAIS,QAAQ,GAAGX,MAAM,CAACW,QAAQ;MAE9B,IACE,CAACA,QAAQ,IACT,OAAOX,MAAM,CAACY,aAAa,KAAK,QAAQ,IAAAX,CAAAA,qBAAA,GACxCD,MAAM,CAACY,aAAa,CAACC,KAAK,MAAA,IAAA,IAAAZ,qBAAA,KAA1BA,KAAAA,CAAAA,IAAAA,qBAAA,CAA4Ba,MAAM,EAClC;AACAH,QAAAA,QAAQ,GAAG,CAAC,CAACX,MAAM,CAACY,aAAa,CAACC,KAAK,CAACE,IAAI,CAC1C,UAAC/B,IAAI,EAAA;AAAA,UAAA,OAAK,CAAC,CAACA,IAAI,CAAC,UAAU,CAAC;AAAA,SAC9B,CAAC;AACH;MAEA,IAAMgC,SAAS,GAAGjD,OAAO,CAASiC,MAAM,CAAC,WAAW,CAAC,CAAC;MAEtD,OAAO;QACLiB,MAAM,EAAE,SAARA,MAAMA,CACJC,KAAK,EACLC,SAA4B,EAC5BC,SAA4B,EACzB;AAAA,UAAA,IAAAC,cAAA,EAAAC,cAAA,EAAAC,eAAA;AACH,UAAA,IAAMC,MAAM,GAAG7D,IAAI,CAAC4B,aAAa,IAAAN,MAAA,CAAAC,kBAAA,CAC5Bb,oBAAoB,CACvB8C,EAAAA,CAAAA,SAAS,CAACvB,IAAI,EACf,CAAC;UACF,IAAMC,KAAK,GAAGlC,IAAI,CAAC4B,aAAa,CAAAN,EAAAA,CAAAA,MAAA,CAAAC,kBAAA,CAC3Bb,oBAAoB,CACvB8C,EAAAA,CAAAA,SAAS,CAACvB,IAAI,CAAA,EAAAV,kBAAA,CACX8B,SAAS,EACb,CAAC;AACF,UAAA,IAAIS,iBAAiB,CAACzB,MAAM,CAACiB,MAAM,CAAC,EAAE;YACpC,oBAAOZ,GAAA,CAACqB,QAAQ,EAAA;AAAAhB,cAAAA,QAAA,EAAEb;AAAK,aAAW,CAAC;AACrC;AAEA,UAAA,IAAM8B,QAAQ,GACZ,QAAO3B,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAE2B,QAAQ,CAAA,KAAK,UAAU,GAClC3B,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAE2B,QAAQ,CAACH,MAAM,EAAEN,KAAK,CAAC,GAC/BlB,MAAM,KAANA,IAAAA,IAAAA,MAAM,KAANA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAAM,CAAE2B,QAAQ;UAEtB,IAAMC,uBAAuB,GAAA3C,EAAAA,CAAAA,MAAA,CAAAC,kBAAA,CACxBb,oBAAoB,CACvB8C,EAAAA,CAAAA,SAAS,CAACvB,IAAI,CACf,CAAA;AAED,UAAA,IAAMiC,oBAA2C,GAAG;AAClDX,YAAAA,KAAK,EAALA,KAAK;AACLS,YAAAA,QAAQ,EAARA,QAAQ;YACRG,GAAG,EAAEV,SAAS,CAACU,GAAG;YAClBC,MAAM,EAAEX,SAAS,CAACW,MAAM;YACxBC,IAAI,EAAEZ,SAAS,CAACY,IAAI;YACpBC,eAAe,EAAEd,SAAS,CAACvB,IAAI;AAC/BgC,YAAAA,uBAAuB,EAAvBA,uBAAuB;YACvBpC,kBAAkB,EAAEA,kBAAkB,CAAC0C,IAAI,CAAC,IAAI,EAAEf,SAAS,CAACvB,IAAI,CAAC;YACjEtB,iBAAiB,EAAEA,iBAAiB,CAAC4D,IAAI,CACvC,IAAI,EACJN,uBACF,CAAC;YACDtC,iBAAiB,EAAEA,iBAAiB,CAAC4C,IAAI,CACvC,IAAI,EACJN,uBACF,CAAC;AACD1D,YAAAA,WAAW,EAAXA;WACD;AAED,UAAA,IAAA,CAAAmD,cAAA,GAAIrB,MAAM,CAACmC,MAAM,MAAA,IAAA,IAAAd,cAAA,KAAbA,KAAAA,CAAAA,IAAAA,cAAA,CAAAe,IAAA,CAAApC,MAAM,EAAUwB,MAAM,EAAEN,KAAK,CAAC,EAAE;YAClC,oBACEb,GAAA,CAACgC,cAAc,EAAA;cACbzC,IAAI,EAAA,CAAGuB,SAAS,CAACvB,IAAI,EAAAX,MAAA,CAAAC,kBAAA,CAAK8B,SAAS,CAAA;aAC9BG,EAAAA,SAAS,CAACmB,GAChB,CAAC;AAEN;AACA,UAAA,IAAI1B,aAAa,GACf,OAAOZ,MAAM,CAACY,aAAa,KAAK,UAAU,GACtCZ,MAAM,CAACY,aAAa,CAACiB,oBAAoB,CAAC,GAC1C7B,MAAM,CAACY,aAAa;UAE1B,IAAI,EAAA,CAAAU,cAAA,GAACV,aAAa,cAAAU,cAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,cAAA,GAAbA,cAAA,CAAeT,KAAK,MAAA,IAAA,IAAAS,cAAA,KAApBA,KAAAA,CAAAA,IAAAA,cAAA,CAAsBR,MAAM,CAAA,IAAIH,QAAQ,EAAE;AAC7CC,YAAAA,aAAa,GAAA2B,cAAA,CAAAA,cAAA,KACR3B,aAAa,CAAA,EAAA,EAAA,EAAA;AAChBC,cAAAA,KAAK,EAAE,CAAC;AAAEF,gBAAAA,QAAQ,EAAE,IAAI;AAAE6B,gBAAAA,OAAO,EAAE;eAAI;aACxC,CAAA;AACH;UAEA,IAAIb,QAAQ,KAAK,IAAI,EAAE;AAAA,YAAA,IAAAc,cAAA;YACrB,oBACEC,aAAA,CAACC,eAAe,EAAAJ,cAAA,CAAAA,cAAA,KACV3B,aAAa,CAAA,EAAA,EAAA,EAAA;cACjBhB,IAAI,EAAA,CAAGuB,SAAS,CAACvB,IAAI,CAAA,CAAAX,MAAA,CAAAC,kBAAA,CAAK8B,SAAS,CAAE,CAAA;AACrC4B,cAAAA,KAAK,EAAEzC,WAAY;cACnB0C,IAAI,EAAE7C,MAAM,CAAC8C,UAAW;cACxBR,GAAG,EAAEnB,SAAS,CAACmB;AAAI,aAAA,CAAA,EAAA,CAAAG,cAAA,GAElBzC,MAAM,CAACiB,MAAM,cAAAwB,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,cAAA,CAAAL,IAAA,CAAApC,MAAM,EAAU6B,oBAAoB,CACtB,CAAC;AAEtB;AACA,UAAA,oBACExB,GAAA,CAACsC,eAAe,EAAAJ,cAAA,CAAAA,cAAA,CAAA;AACdK,YAAAA,KAAK,EAAEzC,WAAY;YACnB0C,IAAI,EAAE7C,MAAM,CAAC8C;AAAW,WAAA,EAEpBlC,aAAa,CAAA,EAAA,EAAA,EAAA;AAAAF,YAAAA,QAAA,EAAAa,CAAAA,eAAA,GAEhBvB,MAAM,CAACiB,MAAM,MAAA,IAAA,IAAAM,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,eAAA,CAAAa,IAAA,CAAApC,MAAM,EAAU6B,oBAAoB;WAHhCV,CAAAA,EAAAA,SAAS,CAACmB,GAIA,CAAC;AAEtB;OACD;AACH,KAAC,CAAC;AACJ,GAAC,EAAE,CACD5E,KAAK,CAACoC,OAAO,EACbnC,IAAI,EACJU,oBAAoB,EACpBmB,kBAAkB,EAClBlB,iBAAiB,EACjBgB,iBAAiB,EACjBpB,WAAW,CACZ,CAAC;EAEF,IAAM6E,SAAS,GAAGC,UAAA,CAAW,eAAe,EAAEtF,KAAK,CAACqF,SAAS,CAAC;AAE9D,EAAA,oBACE1C,GAAA,CAAA,KAAA,EAAA;AAAK0C,IAAAA,SAAS,EAAEA,SAAU;IAACE,KAAK,EAAEvF,KAAK,CAACuF,KAAM;AAAAvC,IAAAA,QAAA,eAC5CL,GAAA,CAACzC,IAAI,CAACsF,IAAI,EAAA;AAACtD,MAAAA,IAAI,EAAE9B,YAAa;MAAC+C,KAAK,EAAEnD,KAAK,CAACmD,KAAM;MAAAH,QAAA,EAC/C,SAAAA,QAACyC,CAAAA,MAAM,EAAEC,iBAAiB,EAAAC,IAAA,EAAiB;QAAA,IAAAC,qBAAA,EAAAC,qBAAA;AAAA,QAAA,IAAbC,MAAM,GAAAH,IAAA,CAANG,MAAM;QACnCxF,oBAAoB,CAACyF,OAAO,GAAGL,iBAAiB;AAChD,QAAA,oBACEM,IAAA,CAAA,KAAA,EAAA;AACET,UAAAA,KAAK,EAAE;AACLU,YAAAA,YAAY,EAAE,KAAK;YACnBC,MAAM,EAAEJ,MAAM,KAAA,IAAA,IAANA,MAAM,KAAA,KAAA,CAAA,IAANA,MAAM,CAAE1C,MAAM,GAClB,mBAAmB,GACnB;WACJ;AAAAJ,UAAAA,QAAA,EAAA4C,CAAAA,CAAAA,qBAAA,GAED5F,KAAK,CAACmG,mBAAmB,MAAAP,IAAAA,IAAAA,qBAAA,KAAzBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAAlB,IAAA,CAAA1E,KAAK,EAAuB0F,iBAAiB,EAAED,MAAM,CAACrC,MAAM,CAAC,EAC7DqC,MAAM,CAACpE,GAAG,CAAC,UAAC+E,SAAS,EAAE5C,KAAK,EAAK;YAAA,IAAA6C,qBAAA,EAAAC,sBAAA;AAChC,YAAA,IAAM9D,KAAK,GAAGxC,KAAK,CAACuG,iBAAiB,GACjCvG,KAAK,CAACuG,iBAAiB,CAAC/C,KAAK,CAAC,GAC9BA,KAAK,GAAG,CAAC;AAEb,YAAA,IAAMgD,SAAS,GAAG;AAChBhD,cAAAA,KAAK,EAALA,KAAK;AACLiC,cAAAA,MAAM,EAANA,MAAM;AACNW,cAAAA,SAAS,EAATA,SAAS;AACT1C,cAAAA,SAAS,EAAEgC,iBAAiB;cAC5BzC,QAAQ,EAAEjD,KAAK,CAACiD,QAAQ;AACxB2B,cAAAA,GAAG,EAAArD,EAAAA,CAAAA,MAAA,CAAK6E,SAAS,CAACxB,GAAG;aACtB;YACD,IAAI5E,KAAK,CAACyG,eAAe,EAAE;AAAA,cAAA,IAAAC,qBAAA;cACzB,OAAO1G,KAAK,CAACyG,eAAe,cAC1B9D,GAAA,CAACgE,QAAQ,EAAA9B,cAAA,CAAAA,cAAA,CAAA;AACP+B,gBAAAA,iBAAiB,EAAE;eAEf5G,EAAAA,KAAK,CAAC6G,iBAAiB,CAAA,EAAA,EAAA,EAAA;AAC3BtB,gBAAAA,KAAK,EAAAV,cAAA,CAAA;AACHiC,kBAAAA,OAAO,EAAE,CAAC;AACVC,kBAAAA,MAAM,EAAE;iBAACL,EAAAA,CAAAA,qBAAA,GACN1G,KAAK,CAAC6G,iBAAiB,MAAAH,IAAAA,IAAAA,qBAAA,KAAvBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAyBnB,KAAK,CACjC;gBAAAvC,QAAA,EAEDZ,OAAO,CAACf,GAAG,CAAC,UAACiB,MAAM,EAAEkB,KAAK,EAAK;kBAC9B,OAAOlB,MAAM,CAACiB,MAAM,CAClBC,KAAK,EACL4C,SAAS,EACTV,iBACF,CAAC;iBACF;AAAC,eAAA,CAAA,EAdGU,SAAS,CAACxB,GAeP,CAAC,EACX4B,SACF,CAAC;AACH;AAEA,YAAA,IAAMQ,qBAAqB,GAAAX,CAAAA,qBAAA,GACzBrG,KAAK,CAACiH,eAAe,MAAA,IAAA,IAAAZ,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,qBAAA,CAAA3B,IAAA,CAAA1E,KAAK,EAAmBwG,SAAS,CAAC;YAEpC,oBACE7D,GAAA,CAACuE,WAAW,EAAA;cAEV7B,SAAS,EAAErF,KAAK,CAACmH,aAAc;AAC/B3E,cAAAA,KAAK,EAAEA,KAAM;AACb4E,cAAAA,IAAI,EAAC,OAAO;AACZ7B,cAAAA,KAAK,EAAAV,cAAA,CAAA;AACHiC,gBAAAA,OAAO,EAAE,CAAC;AACVC,gBAAAA,MAAM,EAAE;eACL/G,EAAAA,KAAK,CAACqH,SAAS,CAClB;AACFC,cAAAA,SAAS,EAAE;AAAEC,gBAAAA,aAAa,EAAE;AAAE;AAC9B;AAAA;cACAC,KAAK,eACHC,cAAc,CAACT,qBAAqB,CAAC,GACnCA,qBAAqB,gBAErBhB,IAAA,CAAA,KAAA,EAAA;AACET,gBAAAA,KAAK,EAAE;AACLmC,kBAAAA,OAAO,EAAE,aAAa;AACtBC,kBAAAA,UAAU,EAAE,QAAQ;AACpBC,kBAAAA,GAAG,EAAE;iBACL;AAAA5E,gBAAAA,QAAA,EAEDgE,CAAAA,qBAAqB,KAArBA,IAAAA,IAAAA,qBAAqB,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAqB,CAAG,QAAQ,CAAC,eAClCrE,GAAA,CAACkF,UAAU,EAAA;AACTtC,kBAAAA,KAAK,EAAE;AAAEuC,oBAAAA,KAAK,EAAE;mBAAQ;kBACxBrD,MAAM,EAAEzE,KAAK,CAACiD,QAAQ,IAAIwC,MAAM,CAACrC,MAAM,KAAK,CAAE;AAC9C2E,kBAAAA,QAAQ,EAAE,SAAVA,QAAQA,GAAQ;AACdrC,oBAAAA,iBAAiB,CAACrB,MAAM,CAACb,KAAK,CAAC;AACjC;iBACD,CAAC,EACDwD,qBAAqB,KAAA,IAAA,IAArBA,qBAAqB,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAqB,CAAG,OAAO,CAAC;AAAA,eAC9B,CAER;AAAAhE,cAAAA,QAAA,eAEDL,GAAA,CAACgE,QAAQ,EAAA9B,cAAA,CAAAA,cAAA,CAAA;AACP+B,gBAAAA,iBAAiB,EAAE;eAEf5G,EAAAA,KAAK,CAAC6G,iBAAiB,CAAA,EAAA,EAAA,EAAA;AAC3BtB,gBAAAA,KAAK,EAAAV,cAAA,CAAA;AACHiC,kBAAAA,OAAO,EAAE,CAAC;AACVC,kBAAAA,MAAM,EAAE;iBAACT,EAAAA,CAAAA,sBAAA,GACNtG,KAAK,CAAC6G,iBAAiB,MAAAP,IAAAA,IAAAA,sBAAA,KAAvBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,sBAAA,CAAyBf,KAAK,CACjC;gBAAAvC,QAAA,EAEDZ,OAAO,CAACf,GAAG,CAAC,UAACiB,MAAM,EAAEkB,KAAK,EAAK;kBAC9B,OAAOlB,MAAM,CAACiB,MAAM,CAClBC,KAAK,EACL4C,SAAS,EACTV,iBACF,CAAC;iBACF;eAdIU,CAAAA,EAAAA,SAAS,CAACxB,GAeP;aApDLwB,EAAAA,SAAS,CAACxB,GAqDJ,CAAC;WAEjB,CAAC,EACDa,MAAM,CAACrC,MAAM,KAAK,CAAC,gBAClBT,GAAA,CAAA,KAAA,EAAA;AAAK0C,YAAAA,SAAS,EAAC,qBAAqB;YAAArC,QAAA,eAClCL,GAAA,CAACqF,KAAK,EAAA;cAACC,KAAK,EAAED,KAAK,CAACE;aAAyB;AAAC,WAC3C,CAAC,GACJ,IAAI,eACRvF,GAAA,CAACwF,aAAa,EAAA;YACZC,KAAK,EAAA,IAAA;YACL3D,MAAM,EAAEzE,KAAK,CAACqI,eAAgB;AAC9BC,YAAAA,IAAI,EAAC,QAAQ;AACbC,YAAAA,IAAI,eAAE5F,GAAA,CAAA6F,aAAA,IAAe,CAAE;AACvBjD,YAAAA,KAAK,EAAE;AAAEkD,cAAAA,SAAS,EAAEhD,MAAM,CAACrC,MAAM,GAAG,EAAE,GAAG;aAAI;AAC7CsF,YAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;AAAA,cAAA,IAAAC,qBAAA;AACb,cAAA,IAAMC,aAAa,GAAA,CAAAD,qBAAA,GAAG3I,KAAK,CAAC6I,mBAAmB,MAAAF,IAAAA,IAAAA,qBAAA,uBAAzBA,qBAAA,CAAAjE,IAAA,CAAA1E,KAA4B,CAAC;AACnD0F,cAAAA,iBAAiB,CAACtB,GAAG,CAAAS,cAAA,CAAM+D,EAAAA,EAAAA,aAAa,CAAE,CAAC;aAC3C;AAAA5F,YAAAA,QAAA,EACH;AAED,WAAe,CAAC,EAAA,CAAA6C,qBAAA,GACf7F,KAAK,CAAC8I,kBAAkB,MAAA,IAAA,IAAAjD,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxBA,qBAAA,CAAAnB,IAAA,CAAA1E,KAAK,EAAsB0F,iBAAiB,EAAED,MAAM,CAACrC,MAAM,CAAC,EAC5D0C,MAAM,CAAC1C,MAAM,gBACZT,GAAA,CAACzC,IAAI,CAAC6I,SAAS,EAAA;YACbjD,MAAM,EAAE,cACNnD,GAAA,CAAA,KAAA,EAAA;AAAK4C,cAAAA,KAAK,EAAE;AAAEuC,gBAAAA,KAAK,EAAE,SAAS;AAAEhB,gBAAAA,OAAO,EAAE;eAAQ;AAAA9D,cAAAA,QAAA,EAC9C8C;AAAM,aAAA,EAD6C,GAEjD,CAAC;WAET,CAAC,GACA,IAAI;AAAA,SACL,CAAC;AAEV;KACS;AAAC,GACT,CAAC;AAEV;;;;"}

package/dist/editable-field/index.css

@@ -0,0 +1 @@
+.editable-field{display:flex;padding-right:6}.editable-field-full>.ant-space-item:first-child{flex:1}.icon-wrapper{align-items:center;border-radius:6px;display:inline-flex;margin:0 -6px;padding:6px}.icon-wrapper .anticon+.icon-wrapper-text{margin-left:3px}.icon-wrapper-tigger{cursor:pointer}.icon-wrapper-tigger:hover{background-color:rgba(0,0,0,.06);position:relative;transform:scale(1.1);transition:all .1s ease-in}.icon-wrapper-small{border-radius:3px;font-size:14px;margin:0 -3px;padding:3px}.icon-wrapper-middle{font-size:16px}.icon-wrapper-large{font-size:20px}.icon-wrapper.icon-wrapper-hidden-hover-bgcolor{margin:0;padding:0}.icon-wrapper.icon-wrapper-hidden-hover-bgcolor:hover{background-color:transparent}

package/dist/editable-field/index.d.ts

@@ -0,0 +1,56 @@
+import { TAny } from '@flatbiz/utils';
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+
+export interface EditableFieldProps {
+	className?: string;
+	style?: CSSProperties;
+	editRender: ReactElement | ((data: {
+		value?: TAny;
+		onChange?: (data?: TAny) => void;
+	}) => ReactElement);
+	viewRender?: (value?: TAny) => ReactNode;
+	value?: TAny;
+	onChange?: (data?: TAny) => void;
+	placeholderValue?: string;
+	/** edit 区域是否铺满，showEditableIcon=false 无效  */
+	isEditFull?: boolean;
+	/** 只读状态 */
+	readonly?: boolean;
+	/** 显示为编辑状态 */
+	showEditable?: boolean;
+	/** 是否显示编辑、确认、取消操作icon，默认值：true */
+	showEditableIcon?: boolean;
+	/** 点击编辑按钮，操作前，返回reject不会开启编辑效果 */
+	onClickEditIconPre?: (value?: TAny) => Promise<void>;
+	onEditCallback?: (value?: TAny) => void;
+	/** 点击确定按钮，操作前，返回reject不会执行确定功能 */
+	onClickConfirmIconPre?: (value?: TAny, preValue?: TAny) => Promise<void>;
+	onConfirmCallback?: (value?: TAny, preValue?: TAny) => void;
+	/** 组件操作Icon配置 */
+	iconConfig?: {
+		editIcon?: (options: {
+			onClick: () => void;
+		}) => ReactElement;
+		confirmIcon?: (options: {
+			onClick: () => void;
+		}) => ReactElement;
+		cancelIcon?: (options: {
+			onClick: () => void;
+		}) => ReactElement;
+	};
+}
+/**
+ * 可编辑字段组件
+ * @param props
+ * @returns
+ * ```
+ * 字段渲染有两种状态
+ * 1. 只读：如果value类型为复杂格式，必须要通过【viewRender】来进行处理操作，转成简单数据类型
+ * 2. 编辑：参数value的格式要求必须满足编辑组件入参value要求
+ * 3. 可自定义编辑Icon、确定Icon、取消Icon
+ * 4. 可拦截编辑操作、确定操作
+ * ```
+ */
+export declare const EditableField: (props: EditableFieldProps) => any;
+
+export {};

package/dist/editable-field/index.js

@@ -0,0 +1,25 @@
+/* eslint-disable */
+import './../fba-hooks/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { E as EditableField } from '../editable-field-XVZ1Rqdm.js';
+import '@dimjs/utils/class-names/class-names';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@ant-design/icons/es/icons/CloseOutlined.js';
+import '@ant-design/icons/es/icons/CheckOutlined.js';
+import '@dimjs/lang/is-number';
+import '@dimjs/lang/is-string';
+import '@dimjs/lang/is-array';
+import '@ant-design/icons/es/icons/EditOutlined.js';
+import 'react';
+import 'antd';
+import '@flatbiz/utils';
+import '../context-HuMVSP3b.js';
+import '../fba-hooks/index.js';
+import '@wove/react/hooks';
+import '../use-responsive-point-Bp3D3lZT.js';
+import '../icon-wrapper-CR3akisG.js';
+import '@dimjs/lang/is-undefined';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/editable-field/index.js.map

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

package/dist/editable-field-XVZ1Rqdm.js

@@ -0,0 +1,201 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import _CloseOutlined from '@ant-design/icons/es/icons/CloseOutlined.js';
+import _CheckOutlined from '@ant-design/icons/es/icons/CheckOutlined.js';
+import { isNumber } from '@dimjs/lang/is-number';
+import { isString } from '@dimjs/lang/is-string';
+import { isArray } from '@dimjs/lang/is-array';
+import _EditOutlined from '@ant-design/icons/es/icons/EditOutlined.js';
+import { useState, useContext, useRef, useMemo, useEffect, Fragment } from 'react';
+import { Space } from 'antd';
+import { isUndefinedOrNull } from '@flatbiz/utils';
+import { E as EditableFieldContext } from './context-HuMVSP3b.js';
+import { fbaHooks } from './fba-hooks/index.js';
+import { I as IconWrapper } from './icon-wrapper-CR3akisG.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+/**
+ * 可编辑字段组件
+ * @param props
+ * @returns
+ * ```
+ * 字段渲染有两种状态
+ * 1. 只读：如果value类型为复杂格式，必须要通过【viewRender】来进行处理操作，转成简单数据类型
+ * 2. 编辑：参数value的格式要求必须满足编辑组件入参value要求
+ * 3. 可自定义编辑Icon、确定Icon、取消Icon
+ * 4. 可拦截编辑操作、确定操作
+ * ```
+ */
+var EditableField = function EditableField(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    viewRender = props.viewRender,
+    _props$placeholderVal = props.placeholderValue,
+    placeholderValue = _props$placeholderVal === void 0 ? '-' : _props$placeholderVal,
+    editRender = props.editRender,
+    isEditFull = props.isEditFull,
+    onClickEditIconPre = props.onClickEditIconPre,
+    onClickConfirmIconPre = props.onClickConfirmIconPre,
+    iconConfig = props.iconConfig,
+    onEditCallback = props.onEditCallback,
+    onConfirmCallback = props.onConfirmCallback,
+    showEditable = props.showEditable;
+  var _useState = useState(showEditable),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEdit = _useState2[0],
+    setIsEdit = _useState2[1];
+  var ctx = useContext(EditableFieldContext);
+  var originalValue = useRef(value);
+  var showEditableIcon = props.showEditableIcon === undefined ? true : props.showEditableIcon;
+  var showEditableIconNew = function () {
+    if (ctx.isCtx) {
+      return props.showEditableIcon === undefined ? ctx.showEditableIcon : showEditableIcon;
+    }
+    return showEditableIcon;
+  }();
+  var readonly = useMemo(function () {
+    if (ctx.isCtx) {
+      return props.readonly === undefined ? ctx.readonly : props.readonly;
+    }
+    return props.readonly;
+  }, [ctx.isCtx, ctx.readonly, props.readonly]);
+  useEffect(function () {
+    if (ctx.isCtx) {
+      setIsEdit(props.showEditable === undefined ? ctx.showEditable : props.showEditable);
+    } else {
+      setIsEdit(props.showEditable);
+    }
+  }, [ctx.showEditable, ctx.isCtx, props.showEditable]);
+  var theme = fbaHooks.useThemeToken();
+  var onClickEditIcon = function onClickEditIcon() {
+    return new Promise(function ($return, $error) {
+      if (onClickEditIconPre) {
+        return Promise.resolve(onClickEditIconPre(value)).then(function ($await_3) {
+          try {
+            return $If_1.call(this);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }.bind(this), $error);
+      }
+      function $If_1() {
+        originalValue.current = value;
+        setIsEdit(true);
+        onEditCallback === null || onEditCallback === void 0 || onEditCallback(value);
+        return $return();
+      }
+      return $If_1.call(this);
+    });
+  };
+  var editIcon = iconConfig !== null && iconConfig !== void 0 && iconConfig.editIcon ? iconConfig.editIcon({
+    onClick: onClickEditIcon
+  }) : /*#__PURE__*/jsx(IconWrapper, {
+    size: "small",
+    icon: /*#__PURE__*/jsx(_EditOutlined, {}),
+    onClick: onClickEditIcon
+  });
+  var onCancel = function onCancel() {
+    if (value !== originalValue.current) {
+      onChange === null || onChange === void 0 || onChange(originalValue.current);
+    }
+    setIsEdit(false);
+  };
+  var onEditChange = function onEditChange(value) {
+    var target = value;
+    /** 为了处理 Input、TextArea等onChange取值 */
+    if (typeof value === 'object' && value !== null && !isArray(value) && value.target) {
+      var _value$target;
+      var _value = (_value$target = value.target) === null || _value$target === void 0 ? void 0 : _value$target.value;
+      if (isString(_value) || isNumber(_value) || isUndefinedOrNull(_value)) {
+        var _value$target2;
+        target = (_value$target2 = value.target) === null || _value$target2 === void 0 ? void 0 : _value$target2.value;
+      }
+    }
+    onChange === null || onChange === void 0 || onChange(target);
+  };
+  var onOk = function onOk() {
+    return new Promise(function ($return, $error) {
+      if (onClickConfirmIconPre) {
+        return Promise.resolve(onClickConfirmIconPre(value, originalValue.current)).then(function ($await_4) {
+          try {
+            return $If_2.call(this);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }.bind(this), $error);
+      }
+      function $If_2() {
+        setIsEdit(false);
+        onConfirmCallback === null || onConfirmCallback === void 0 || onConfirmCallback(value, originalValue.current);
+        return $return();
+      }
+      return $If_2.call(this);
+    });
+  };
+  var confirmIcon = iconConfig !== null && iconConfig !== void 0 && iconConfig.confirmIcon ? iconConfig.confirmIcon({
+    onClick: onOk
+  }) : /*#__PURE__*/jsx(IconWrapper, {
+    size: "small",
+    icon: /*#__PURE__*/jsx(_CheckOutlined, {
+      style: {
+        color: theme.colorPrimary
+      }
+    }),
+    onClick: onOk
+  });
+  var cancelIcon = iconConfig !== null && iconConfig !== void 0 && iconConfig.cancelIcon ? iconConfig.cancelIcon({
+    onClick: onCancel
+  }) : /*#__PURE__*/jsx(IconWrapper, {
+    size: "small",
+    icon: /*#__PURE__*/jsx(_CloseOutlined, {
+      style: {
+        color: theme.colorPrimary
+      }
+    }),
+    onClick: onCancel
+  });
+  var editRenderElement = typeof editRender === 'function' ? editRender({
+    value: value,
+    onChange: onEditChange
+  }) : editRender;
+  var viewValue = (viewRender ? viewRender(props.value) : props.value) || placeholderValue;
+  if (readonly) {
+    return /*#__PURE__*/jsx(Fragment, {
+      children: viewValue
+    });
+  }
+  if (!isEdit) {
+    if (!showEditableIconNew) {
+      return viewValue;
+    }
+    return /*#__PURE__*/jsxs(Space, {
+      size: 8,
+      children: [/*#__PURE__*/jsx("span", {
+        children: viewValue
+      }), editIcon]
+    });
+  }
+  if (!showEditableIconNew) {
+    return /*#__PURE__*/jsx(editRenderElement.type, _objectSpread2({
+      value: value,
+      onChange: onEditChange
+    }, editRenderElement.props));
+  }
+  return /*#__PURE__*/jsxs(Space, {
+    direction: "horizontal",
+    size: 12,
+    style: props.style,
+    className: classNames('editable-field', {
+      'editable-field-full': isEditFull
+    }, props.className),
+    children: [/*#__PURE__*/jsx(editRenderElement.type, _objectSpread2({
+      value: value,
+      onChange: onEditChange
+    }, editRenderElement.props)), confirmIcon, cancelIcon]
+  });
+};
+
+export { EditableField as E };
+//# sourceMappingURL=editable-field-XVZ1Rqdm.js.map