@flatbiz/antd 5.0.34 → 5.0.35

package/dist/drawer-BI8T3w7e.js

@@ -0,0 +1,257 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import _CloseOutlined from '@ant-design/icons/es/icons/CloseOutlined.js';
+import { b as _objectSpread2, a as _slicedToArray } from './_rollupPluginBabelHelpers-CP5aeNcJ.js';
+import { isPromise } from '@dimjs/lang/is-promise';
+import { hooks } from '@wove/react/hooks';
+import { forwardRef, useState, useMemo } from 'react';
+import { createPortal } from 'react-dom';
+import { Resizable } from 'react-resizable';
+import { Button, Space } from 'antd';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-B0GIDhER.js';
+import { B as ButtonWrapper } from './button-wrapper-C2koH6hy.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var classnames = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var hasRequiredClassnames;
+function requireClassnames() {
+  if (hasRequiredClassnames) return classnames.exports;
+  hasRequiredClassnames = 1;
+  (function (module) {
+    /* global define */
+
+    (function () {
+
+      var hasOwn = {}.hasOwnProperty;
+      function classNames() {
+        var classes = '';
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === 'string' || typeof arg === 'number') {
+          return arg;
+        }
+        if (typeof arg !== 'object') {
+          return '';
+        }
+        if (Array.isArray(arg)) {
+          return classNames.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+          return arg.toString();
+        }
+        var classes = '';
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + ' ' + newClass;
+        }
+        return value + newClass;
+      }
+      if (module.exports) {
+        classNames.default = classNames;
+        module.exports = classNames;
+      } else {
+        window.classNames = classNames;
+      }
+    })();
+  })(classnames);
+  return classnames.exports;
+}
+
+var classnamesExports = requireClassnames();
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+
+var ResizeHandle = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
+    ref: ref
+  }, props), {}, {
+    className: "resize-border"
+  }));
+});
+
+var zIndex = 10;
+var getZindex = function getZindex() {
+  zIndex++;
+  return zIndex;
+};
+
+var ResizableDrawer = function ResizableDrawer(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '抽屉标题' : _ref$title,
+    _ref$width = _ref.width,
+    initialWidth = _ref$width === void 0 ? 600 : _ref$width,
+    children = _ref.children,
+    footer = _ref.footer,
+    _ref$maskClosable = _ref.maskClosable,
+    maskClosable = _ref$maskClosable === void 0 ? true : _ref$maskClosable,
+    className = _ref.className,
+    style = _ref.style,
+    _ref$mask = _ref.mask,
+    mask = _ref$mask === void 0 ? true : _ref$mask,
+    styles = _ref.styles,
+    headerExtraRender = _ref.headerExtraRender,
+    zIndex = _ref.zIndex,
+    onOk = _ref.onOk,
+    okText = _ref.okText,
+    cancelText = _ref.cancelText,
+    hidenFooter = _ref.hidenFooter;
+  var _useState = useState(initialWidth),
+    _useState2 = _slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1];
+  var onResize = function onResize(_, data) {
+    var size = data.size;
+    setWidth(size.width);
+  };
+  // 遮罩层点击
+  var handleMaskClick = function handleMaskClick(e) {
+    e.stopPropagation();
+    if (maskClosable) {
+      onClose === null || onClose === void 0 || onClose();
+    }
+  };
+
+  // 计算宽度样式
+  var widthStyle = typeof width === 'number' ? "".concat(width, "px") : width;
+  var drawerStyle = open ? {
+    transform: 'translateX(0)',
+    opacity: 1
+  } : {
+    transform: 'translateX(100%)',
+    opacity: 0
+  };
+  var maskOpacity = open ? 1 : 0;
+  var zIndexInner = useMemo(function () {
+    return zIndex ? zIndex : 10 + getZindex();
+  }, [zIndex]);
+  var onOkHandle = hooks.useCallbackRef(function (e) {
+    if (onOk) {
+      var response = onOk(e);
+      if (response && isPromise(response)) {
+        return response.then(onClose);
+      }
+    }
+    return onClose === null || onClose === void 0 ? void 0 : onClose();
+  });
+  return /*#__PURE__*/createPortal(/*#__PURE__*/jsxs("div", {
+    className: classNames('drawer-resizable', {
+      'drawer-resizable-visible': open
+    }, className),
+    style: !mask ? {
+      width: widthStyle,
+      zIndex: zIndexInner
+    } : {
+      left: 0,
+      zIndex: zIndexInner
+    },
+    children: [mask ? /*#__PURE__*/jsx("div", {
+      className: "drawer-resizable-mask",
+      style: {
+        opacity: maskOpacity
+      },
+      onClick: handleMaskClick
+    }) : null, /*#__PURE__*/jsxs("div", {
+      className: "drawer-resizable-content",
+      style: _objectSpread2(_objectSpread2({
+        width: widthStyle
+      }, drawerStyle), style),
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "drawer-resizable-header",
+        style: styles === null || styles === void 0 ? void 0 : styles.header,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "drawer-resizable-title",
+          children: [/*#__PURE__*/jsx(Button, {
+            type: "text",
+            className: "drawer-resizable-title-close",
+            icon: /*#__PURE__*/jsx(_CloseOutlined, {}),
+            onClick: function onClick(event) {
+              event.stopPropagation();
+              onClose === null || onClose === void 0 || onClose();
+            }
+          }), /*#__PURE__*/jsx("div", {
+            className: "",
+            children: title
+          })]
+        }), headerExtraRender ? /*#__PURE__*/jsx("div", {
+          className: "drawer-resizable-title-extra",
+          children: headerExtraRender
+        }) : null]
+      }), /*#__PURE__*/jsx("div", {
+        className: "drawer-resizable-body",
+        style: styles === null || styles === void 0 ? void 0 : styles.body,
+        children: /*#__PURE__*/jsx(Resizable, {
+          onResize: onResize,
+          width: width,
+          handle: /*#__PURE__*/jsx(ResizeHandle, {}),
+          axis: "x",
+          resizeHandles: ['w'],
+          minConstraints: [400, 0],
+          maxConstraints: [1200, 0],
+          style: {
+            height: '100%'
+          },
+          onResizeStop: function onResizeStop(e) {
+            e.stopPropagation();
+            var iframeList = document.querySelectorAll('iframe');
+            iframeList.forEach(function (item) {
+              item.style.pointerEvents = '';
+            });
+          },
+          onResizeStart: function onResizeStart(e) {
+            e.stopPropagation();
+            var iframeList = document.querySelectorAll('iframe');
+            iframeList.forEach(function (item) {
+              item.style.pointerEvents = 'none';
+            });
+          },
+          children: children
+        })
+      }), hidenFooter ? null : footer ? /*#__PURE__*/jsx("div", {
+        className: "drawer-footer",
+        style: styles === null || styles === void 0 ? void 0 : styles.footer,
+        children: footer
+      }) : /*#__PURE__*/jsx("div", {
+        className: "drawer-footer",
+        style: styles === null || styles === void 0 ? void 0 : styles.footer,
+        children: /*#__PURE__*/jsxs(Space, {
+          children: [/*#__PURE__*/jsx(ButtonWrapper, {
+            onClick: onClose,
+            children: cancelText || '取消'
+          }), /*#__PURE__*/jsx(ButtonWrapper, {
+            onClick: onOkHandle,
+            type: "primary",
+            loadingPosition: "center",
+            children: okText || '确定'
+          })]
+        })
+      })]
+    })]
+  }), document.body);
+};
+
+export { ResizableDrawer as R };
+//# sourceMappingURL=drawer-BI8T3w7e.js.map

package/dist/drawer-BI8T3w7e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-BI8T3w7e.js","sources":["@flatbiz/antd/node_modules/classnames/index.js","@flatbiz/antd/src/resizable-drawer/resize-handle/index.tsx","@flatbiz/antd/src/resizable-drawer/utils.ts","@flatbiz/antd/src/resizable-drawer/drawer.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { forwardRef } from 'react';\nimport './style.less';\nexport const ResizeHandle = forwardRef<HTMLDivElement>((props, ref) => {\n  return <div ref={ref} {...props} className=\"resize-border\" />;\n});\n","let zIndex = 10;\n\nexport const getZindex = () => {\n  zIndex++;\n  return zIndex;\n};\n","import React, {\n  type CSSProperties,\n  type ReactElement,\n  useMemo,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { Resizable } from 'react-resizable';\nimport { Button, Space } from 'antd';\nimport classNames from 'classnames';\nimport { CloseOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport { hooks } from '@wove/react';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport { ResizeHandle } from './resize-handle/index.jsx';\nimport { getZindex } from './utils.js';\nimport './style.less';\n\ntype ResizableDrawerProps = {\n  open?: boolean;\n  onClose?: () => void;\n  title?: React.ReactNode;\n  width?: number | string;\n  children?: React.ReactNode;\n  footer?: React.ReactNode | null;\n  hidenFooter?: boolean;\n  maskClosable?: boolean;\n  mask?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  styles?: {\n    header?: CSSProperties;\n    body?: CSSProperties;\n    footer?: CSSProperties;\n  };\n  headerExtraRender?: ReactElement;\n  zIndex?: number;\n  onOk?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  cancelText?: string;\n  okText?: string;\n};\n\nexport const ResizableDrawer: React.FC<ResizableDrawerProps> = ({\n  open,\n  onClose,\n  title = '抽屉标题',\n  width: initialWidth = 600,\n  children,\n  footer,\n  maskClosable = true,\n  className,\n  style,\n  mask = true,\n  styles,\n  headerExtraRender,\n  zIndex,\n  onOk,\n  okText,\n  cancelText,\n  hidenFooter,\n}) => {\n  const [width, setWidth] = useState(initialWidth);\n\n  const onResize = (_, data) => {\n    const { size } = data;\n    setWidth(size.width);\n  };\n  // 遮罩层点击\n  const handleMaskClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    if (maskClosable) {\n      onClose?.();\n    }\n  };\n\n  // 计算宽度样式\n  const widthStyle = typeof width === 'number' ? `${width}px` : width;\n\n  const drawerStyle = open\n    ? {\n        transform: 'translateX(0)',\n        opacity: 1,\n      }\n    : {\n        transform: 'translateX(100%)',\n        opacity: 0,\n      };\n\n  const maskOpacity = open ? 1 : 0;\n\n  const zIndexInner = useMemo(() => {\n    return zIndex ? zIndex : 10 + getZindex();\n  }, [zIndex]);\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose?.();\n  });\n\n  return createPortal(\n    <div\n      className={classNames(\n        'drawer-resizable',\n        { 'drawer-resizable-visible': open },\n        className\n      )}\n      style={\n        !mask\n          ? { width: widthStyle, zIndex: zIndexInner }\n          : { left: 0, zIndex: zIndexInner }\n      }\n    >\n      {mask ? (\n        <div\n          className=\"drawer-resizable-mask\"\n          style={{ opacity: maskOpacity }}\n          onClick={handleMaskClick}\n        />\n      ) : null}\n\n      <div\n        className=\"drawer-resizable-content\"\n        style={{\n          width: widthStyle,\n          ...drawerStyle,\n          ...style,\n        }}\n      >\n        {/* 头部 */}\n        <div className=\"drawer-resizable-header\" style={styles?.header}>\n          <div className=\"drawer-resizable-title\">\n            <Button\n              type=\"text\"\n              className=\"drawer-resizable-title-close\"\n              icon={<CloseOutlined />}\n              onClick={(event) => {\n                event.stopPropagation();\n                onClose?.();\n              }}\n            ></Button>\n            <div className=\"\">{title}</div>\n          </div>\n          {headerExtraRender ? (\n            <div className=\"drawer-resizable-title-extra\">\n              {headerExtraRender}\n            </div>\n          ) : null}\n        </div>\n\n        {/* 内容区域 */}\n        <div className=\"drawer-resizable-body\" style={styles?.body}>\n          <Resizable\n            onResize={onResize}\n            width={width}\n            handle={<ResizeHandle />}\n            axis=\"x\"\n            resizeHandles={['w']}\n            minConstraints={[400, 0]}\n            maxConstraints={[1200, 0]}\n            style={{ height: '100%' }}\n            onResizeStop={(e) => {\n              e.stopPropagation();\n              const iframeList = document.querySelectorAll('iframe');\n              iframeList.forEach((item) => {\n                item.style.pointerEvents = '';\n              });\n            }}\n            onResizeStart={(e) => {\n              e.stopPropagation();\n              const iframeList = document.querySelectorAll('iframe');\n              iframeList.forEach((item) => {\n                item.style.pointerEvents = 'none';\n              });\n            }}\n          >\n            {children}\n          </Resizable>\n        </div>\n        {/* 底部 */}\n        {hidenFooter ? null : footer ? (\n          <div className=\"drawer-footer\" style={styles?.footer}>\n            {footer}\n          </div>\n        ) : (\n          <div className=\"drawer-footer\" style={styles?.footer}>\n            <Space>\n              <ButtonWrapper onClick={onClose}>\n                {cancelText || '取消'}\n              </ButtonWrapper>\n              <ButtonWrapper\n                onClick={onOkHandle}\n                type=\"primary\"\n                loadingPosition=\"center\"\n              >\n                {okText || '确定'}\n              </ButtonWrapper>\n            </Space>\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n};\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","ResizeHandle","forwardRef","props","ref","_jsx","_objectSpread","className","zIndex","getZindex","ResizableDrawer","_ref","open","onClose","_ref$title","title","_ref$width","width","initialWidth","children","footer","_ref$maskClosable","maskClosable","style","_ref$mask","mask","styles","headerExtraRender","onOk","okText","cancelText","hidenFooter","_useState","useState","_useState2","_slicedToArray","setWidth","onResize","_","data","size","handleMaskClick","e","stopPropagation","widthStyle","concat","drawerStyle","transform","opacity","maskOpacity","zIndexInner","useMemo","onOkHandle","_hooks","useCallbackRef","response","_isPromise","then","createPortal","_jsxs","left","onClick","header","Button","type","icon","_CloseOutlined","event","body","Resizable","handle","axis","resizeHandles","minConstraints","maxConstraints","height","onResizeStop","iframeList","document","querySelectorAll","forEach","item","pointerEvents","onResizeStart","Space","ButtonWrapper","loadingPosition"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/easy-form/index.d.ts

@@ -94,10 +94,6 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
 	 * 是否为纯净模式，对EasyForm的子节点不做任何包装处理
 	 */
 	isPure?: boolean;
-	/**
-	 * true: 当前EasyForm组件不使用Antd Form包裹，可在Form、EasyForm、FormWrapper内部使用
-	 */
-	nonuseFormWrapper?: boolean;
 	/**
 	 * 栅格占位格数，最大值：24
 	 * ```

package/dist/easy-form/index.js

@@ -5,7 +5,7 @@ import './../pre-defined-class-name/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
 
-export { E as EasyForm } from '../form-3qaPduiy.js';
+export { E as EasyForm } from '../form-DNtjXzAW.js';
 import '@dimjs/utils/class-names/class-names';
 import '../_rollupPluginBabelHelpers-CP5aeNcJ.js';
 import 'react';

package/dist/easy-table/index.d.ts

@@ -398,10 +398,6 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
 	 * 是否为纯净模式，对EasyForm的子节点不做任何包装处理
 	 */
 	isPure?: boolean;
-	/**
-	 * true: 当前EasyForm组件不使用Antd Form包裹，可在Form、EasyForm、FormWrapper内部使用
-	 */
-	nonuseFormWrapper?: boolean;
 	/**
 	 * 栅格占位格数，最大值：24
 	 * ```

package/dist/easy-table/index.js

@@ -27,7 +27,7 @@ import _UpOutlined from '@ant-design/icons/es/icons/UpOutlined.js';
 import { isFragment } from 'react-is';
 import { B as BlockLayout } from '../layout-Bl4P3Cv6.js';
 import { B as ButtonWrapper } from '../button-wrapper-C2koH6hy.js';
-import { E as EasyForm } from '../form-3qaPduiy.js';
+import { E as EasyForm } from '../form-DNtjXzAW.js';
 import { FormGrid } from '../form-grid/index.js';
 import { T as TableScrollbar } from '../table-scrollbar-BdG-x6ZM.js';
 import { F as FlexLayout } from '../flex-layout-zremxICp.js';

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

@@ -114,10 +114,6 @@ export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
 	 * 是否为纯净模式，对EasyForm的子节点不做任何包装处理
 	 */
 	isPure?: boolean;
-	/**
-	 * true: 当前EasyForm组件不使用Antd Form包裹，可在Form、EasyForm、FormWrapper内部使用
-	 */
-	nonuseFormWrapper?: boolean;
 	/**
 	 * 栅格占位格数，最大值：24
 	 * ```
@@ -357,6 +353,13 @@ export type EditableCardProps = {
 	 * ```
 	 */
 	cardEasyFormProps?: Omit<EasyFormProps, "nonuseFormWrapper" | "isPure" | "children">;
+	/**
+	 * 定义卡片网格水平跨度，最大值：24，默认值：24；设置 onCustomWrapper 后失效
+	 * ```
+	 * 1. 外层宽度在 xs、sm 时，强制为24
+	 * ```
+	 */
+	boxGridColSpan?: number;
 	/**
 	 * 默认卡片右侧布局，设置 onCustomWrapper 后失效
 	 * ```

package/dist/editable-card/index.js

@@ -5,7 +5,7 @@ import './../pre-defined-class-name/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
 
-export { E as EditableCard } from '../editable-card-DlqrwXa0.js';
+export { E as EditableCard } from '../editable-card-BN9ViZz0.js';
 import '@ant-design/icons/es/icons/PlusOutlined.js';
 import '@dimjs/utils/class-names/class-names';
 import '../_rollupPluginBabelHelpers-CP5aeNcJ.js';
@@ -13,6 +13,10 @@ import '@wove/react/hooks';
 import 'react';
 import 'antd';
 import '@flatbiz/utils';
+import '../box-grid/index.js';
+import 'react/jsx-runtime';
+import '@dimjs/lang/is-number';
+import 'ahooks';
 import '../button-wrapper-C2koH6hy.js';
 import '@ant-design/icons/es/icons/LoadingOutlined.js';
 import '@dimjs/lang/is-promise';
@@ -33,7 +37,6 @@ import '../use-responsive-point-Bp3D3lZT.js';
 import '@dimjs/utils/uuid/uuid';
 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';
@@ -43,10 +46,7 @@ import '@ant-design/icons/es/icons/CloseCircleFilled.js';
 import '@ant-design/icons/es/icons/DeleteOutlined.js';
 import '../icon-wrapper-GTNh6wtb.js';
 import '@dimjs/lang/is-undefined';
-import '../form-3qaPduiy.js';
-import '../box-grid/index.js';
-import '@dimjs/lang/is-number';
-import 'ahooks';
+import '../form-DNtjXzAW.js';
 import '../form-wrapper-BSwxGtCk.js';
 import '../pre-defined-class-name/index.js';
 import '../form-item-hidden-BtQvJEx7.js';

package/dist/{editable-card-DlqrwXa0.js → editable-card-BN9ViZz0.js}

@@ -7,10 +7,11 @@ import { hooks } from '@wove/react/hooks';
 import { useRef, Fragment, createElement, isValidElement } from 'react';
 import { Form, ConfigProvider, Empty } from 'antd';
 import { toArray, isUndefinedOrNull } from '@flatbiz/utils';
+import { useBoxBreakpoint, BoxGrid } from './box-grid/index.js';
 import { B as ButtonWrapper } from './button-wrapper-C2koH6hy.js';
 import { C as CardWrapper } from './card-wrapper-Bu6yyUKG.js';
 import { D as DeleteNode } from './delete-node-C6jwhyxz.js';
-import { E as EasyForm } from './form-3qaPduiy.js';
+import { E as EasyForm } from './form-DNtjXzAW.js';
 import { fbaHooks } from './fba-hooks/index.js';
 import { f as fbaUtils } from './fba-utils-Dfbczn1S.js';
 import { F as FormItemHidden } from './form-item-hidden-BtQvJEx7.js';
@@ -25,6 +26,8 @@ var EditableCard = function EditableCard(props) {
   var forceUpdate = hooks.useForceUpdate();
   var _ConfigProvider$useCo = ConfigProvider.useConfig(),
     componentDisabled = _ConfigProvider$useCo.componentDisabled;
+  var comRef = useRef(null);
+  var boxBreakpointApi = useBoxBreakpoint(comRef);
   var formListCompleteName = props.formListCompleteName || formListName;
   var validateRowFields = hooks.useCallbackRef(function (formItemPrevName, nameList) {
     return new Promise(function ($return, $error) {
@@ -160,6 +163,7 @@ var EditableCard = function EditableCard(props) {
   return /*#__PURE__*/jsx("div", {
     className: className,
     style: props.style,
+    ref: comRef,
     children: /*#__PURE__*/jsx(Form.List, {
       name: formListName,
       rules: props.rules,
@@ -173,9 +177,8 @@ var EditableCard = function EditableCard(props) {
             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;
+          children: [(_props$contentBeforeR = props.contentBeforeRender) === null || _props$contentBeforeR === void 0 ? void 0 : _props$contentBeforeR.call(props, formListOperation, fields.length), props.onCustomWrapper ? fields.map(function (fieldItem, index) {
+            var _props$onCustomWrappe, _props$cardEasyFormPr;
             var extraData = {
               index: index,
               fields: fields,
@@ -184,64 +187,74 @@ var EditableCard = function EditableCard(props) {
               required: props.required,
               key: "".concat(fieldItem.key)
             };
-            if (props.onCustomWrapper) {
-              var _props$cardEasyFormPr;
-              return /*#__PURE__*/jsx(Fragment, {
-                children: 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) {
-                    return column.render(index, fieldItem, formListOperation);
-                  })
-                })), extraData)
-              }, fieldItem.key);
-            }
-            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.hiddenDeleteBtn || props.required && fields.length === 1 || componentDisabled,
-                  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), {}, {
+            return /*#__PURE__*/jsx(Fragment, {
+              children: (_props$onCustomWrappe = props.onCustomWrapper) === null || _props$onCustomWrappe === void 0 ? void 0 : _props$onCustomWrappe.call(props, /*#__PURE__*/jsx(EasyForm, _objectSpread2(_objectSpread2({}, props.cardEasyFormProps), {}, {
                 style: _objectSpread2({
                   padding: 0,
                   margin: 0
-                }, (_props$cardEasyFormPr2 = props.cardEasyFormProps) === null || _props$cardEasyFormPr2 === void 0 ? void 0 : _props$cardEasyFormPr2.style),
+                }, (_props$cardEasyFormPr = props.cardEasyFormProps) === null || _props$cardEasyFormPr === void 0 ? void 0 : _props$cardEasyFormPr.style),
                 children: columns.map(function (column) {
                   return column.render(index, fieldItem, formListOperation);
                 })
-              }))
+              })), extraData)
             }, fieldItem.key);
+          }) : /*#__PURE__*/jsx(BoxGrid.Row, {
+            children: 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)
+              };
+              var cardExtraRenderResult = (_props$cardExtraRende = props.cardExtraRender) === null || _props$cardExtraRende === void 0 ? void 0 : _props$cardExtraRende.call(props, extraData);
+              var span = ['xs', 'sm'].includes(boxBreakpointApi.boxBreakpoint) ? 24 : props.boxGridColSpan;
+              return /*#__PURE__*/jsx(BoxGrid.Col, {
+                span: span || 24,
+                children: /*#__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.hiddenDeleteBtn || props.required && fields.length === 1 || componentDisabled,
+                      onDelete: function onDelete() {
+                        formListOperation.remove(index);
+                      }
+                    }), cardExtraRenderResult === null || cardExtraRenderResult === void 0 ? void 0 : cardExtraRenderResult['after']]
+                  }),
+                  children: /*#__PURE__*/jsx(EasyForm, _objectSpread2(_objectSpread2({}, 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) {
+                      return column.render(index, fieldItem, formListOperation);
+                    })
+                  }))
+                }, fieldItem.key)
+              });
+            })
           }), fields.length === 0 ? /*#__PURE__*/jsx("div", {
             className: "editable-card-empty",
             children: /*#__PURE__*/jsx(Empty, {
@@ -274,4 +287,4 @@ var EditableCard = function EditableCard(props) {
 };
 
 export { EditableCard as E };
-//# sourceMappingURL=editable-card-DlqrwXa0.js.map
+//# sourceMappingURL=editable-card-BN9ViZz0.js.map