@flatbiz/antd 4.5.26 → 5.0.0

package/dist/form-Bz0Gi7wm.js

@@ -0,0 +1,242 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { useMemo, useRef, Fragment, Children } from 'react';
+import { isUndefinedOrNull, dom } from '@flatbiz/utils';
+import { BoxGrid } from './box-grid/index.js';
+import { fbaHooks } from './fba-hooks/index.js';
+import { F as FormWrapper } from './form-wrapper-DSnBmyFu.js';
+import { preDefinedClassName } from './pre-defined-class-name/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["column", "forceColumn", "children", "width", "gridGutter", "labelWidth", "labelItemVertical", "labelAlign", "formItemGap", "isPure", "nonuseFormWrapper"];
+/**
+ * 简单Form布局，可自定义网格布局
+ * ```
+ * 1. demo：https://fex.qa.tcshuke.com/docs/admin/main/form/grid
+ * 2. EasyForm的children列表会进行网格化布局，可通过设置 isPure = true设置纯净模式（对EasyForm的子节点不做任何包装处理）
+ * 3. EasyForm可嵌套使用，嵌套内部的<EasyForm />节点Form相关属性失效，例如属性form、initialValues等都失效
+ *  <EasyForm form={form}>
+ *    ....
+ *    <EasyForm>...</EasyForm>
+ *    ....
+ *    <EasyForm>...</EasyForm>
+ *    ....
+ *  </EasyForm>
+ * 4. 布局网格以当前组件的宽度来计算的，不是屏幕宽度
+ * 5. EasyForm 子节点包含 hidden = true 会被忽略
+ * 6. 通过 column 可定义一行显示几列FormItem
+ * 7. 通过 labelItemVertical 可定义 formitem 竖直布局
+ * 8. 通过 formItemGap 可定义 formItem竖直方向间隙
+ * 9. 通过 forceColumn 可强制定义一行显示几列，不考虑响应式
+ * 10. 通过 labelWidth 可控制Form内部所有label的宽度（可实现整齐效果）
+ * 11. 自定义栅格占位格数，见下方`例如`
+
+ * 例如
+ * <EasyForm column={3}>
+ *	 <FormItemWrapper name="field1" label="条件1">
+ *	   <Input placeholder="请输入" allowClear={true} />
+ *	 </FormItemWrapper>
+ *	 <!-- ！！自定义栅格占位格数第一种方式：可通过使用 BoxGrid.Col 包裹元素来自定义网格占比 -->
+ *	 <BoxGrid.Col span={24}>
+ *	   <FormItemWrapper name="field5" label="条件5">
+ *	 	<Input placeholder="请输入" allowClear={true} />
+ *	   </FormItemWrapper>
+ *	 </BoxGrid.Col>
+ *	 <!-- ！！自定义栅格占位格数第二种方式：如果为FormItemWrapper组件，可设置span属性 -->
+ *	 <FormItemWrapper name="field6" label="条件6" span={24}>
+ *	   <Input placeholder="请输入" allowClear={true} />
+ *	 </FormItemWrapper>
+ *	 <FormItemWrapper noStyle span={24}>
+ *	   <Button>按钮</Buttone>
+ *	 </FormItemWrapper>
+ * </EasyForm>
+ * ```
+ */
+var EasyForm = function EasyForm(props) {
+  var screenType = fbaHooks.useResponsivePoint() || '';
+  var column = props.column,
+    forceColumn = props.forceColumn,
+    children = props.children,
+    width = props.width,
+    gridGutter = props.gridGutter,
+    labelWidth = props.labelWidth,
+    labelItemVertical = props.labelItemVertical,
+    labelAlign = props.labelAlign,
+    _props$formItemGap = props.formItemGap,
+    formItemGap = _props$formItemGap === void 0 ? '15' : _props$formItemGap,
+    isPure = props.isPure,
+    nonuseFormWrapper = props.nonuseFormWrapper,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var gridSize = useMemo(function () {
+    if (forceColumn) {
+      var num = 24 / forceColumn;
+      return {
+        xs: num,
+        sm: num,
+        md: num,
+        lg: num,
+        xl: num,
+        xxl: num
+      };
+    }
+    if (!column) {
+      return {
+        xs: 24,
+        sm: 12,
+        md: 12,
+        lg: 8,
+        xl: 8,
+        xxl: 6
+      };
+    }
+    var columnMap = {
+      1: {
+        xs: 24,
+        sm: 24,
+        md: 24,
+        lg: 24,
+        xl: 24,
+        xxl: 24
+      },
+      2: {
+        xs: 24,
+        sm: 12,
+        md: 12,
+        lg: 12,
+        xl: 12,
+        xxl: 12
+      },
+      3: {
+        xs: 24,
+        sm: 12,
+        md: 12,
+        lg: 8,
+        xl: 8,
+        xxl: 8
+      },
+      4: {
+        xs: 24,
+        sm: 12,
+        md: 12,
+        lg: 6,
+        xl: 6,
+        xxl: 6
+      }
+    };
+    return columnMap[column];
+  }, [column, forceColumn]);
+  var getHiddenRowChildren = function getHiddenRowChildren() {
+    return Children.toArray(children).filter(function (item) {
+      return item.props['hidden'] || item.type['domTypeName'] == 'FormItemHidden';
+    });
+  };
+  var getFormRowChildren = function getFormRowChildren() {
+    return Children.toArray(children).filter(function (item) {
+      return !item.props['hidden'] && item.type['domTypeName'] != 'FormItemHidden';
+    }).map(function (item, index) {
+      if (item.type['domTypeName'] === 'BoxGridCol') return /*#__PURE__*/jsx(Fragment, {
+        children: item
+      }, index);
+      var span = undefined;
+      if (item.type['domTypeName'] === 'FormItemWrapper' || item.type['domTypeName'] === 'FormItemText') {
+        span = item.props['span'];
+        if (span) {
+          if (screenType === 'xs') {
+            span = 24;
+          } else if (screenType === 'sm') {
+            span = span > 12 ? span : 12;
+          }
+        }
+      }
+      return /*#__PURE__*/jsx(BoxGrid.Col, _objectSpread2(_objectSpread2({}, gridSize), {}, {
+        span: span,
+        children: item
+      }), index);
+    }).filter(Boolean);
+  };
+  var innerStyle = useMemo(function () {
+    /** 小屏幕不控制宽度 */
+    if (['xs', 'sm'].includes(screenType) || !width) {
+      return {};
+    }
+    return {
+      width: width
+    };
+  }, [screenType, width]);
+  var gutter = isUndefinedOrNull(gridGutter) ? [15, 0] : gridGutter;
+  var anchorRef = useRef(null);
+
+  // 是否嵌套内部EasyForm节点
+  var getIsNestedEasyForm = function getIsNestedEasyForm() {
+    try {
+      if (nonuseFormWrapper) {
+        return true;
+      }
+      if (anchorRef.current) {
+        var target = dom.findParentsElement(anchorRef.current, function (node) {
+          var _node$classList, _node$classList$conta;
+          return (_node$classList = node.classList) === null || _node$classList === void 0 || (_node$classList$conta = _node$classList.contains) === null || _node$classList$conta === void 0 ? void 0 : _node$classList$conta.call(_node$classList, 'easy-form');
+        });
+        return target ? true : false;
+      }
+      return undefined;
+    } catch (error) {
+      console.log('error', error);
+      return false;
+    }
+  };
+  var isNestedEasyForm = getIsNestedEasyForm();
+  var labelAlignNew = useMemo(function () {
+    if (['xs'].includes(screenType)) {
+      return 'left';
+    }
+    return labelAlign;
+  }, [labelAlign, screenType]);
+  var fromLayoutClassName = useMemo(function () {
+    return preDefinedClassName.getFormLayoutClassName({
+      labelWidth: labelWidth,
+      labelItemVertical: labelItemVertical,
+      labelAlign: labelAlignNew,
+      formItemGap: formItemGap,
+      className: otherProps.className
+    });
+  }, [labelWidth, labelItemVertical, labelAlignNew, formItemGap, otherProps.className]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: "easy-form-anchor",
+      ref: anchorRef
+    }), isNestedEasyForm === true ? /*#__PURE__*/jsx("div", {
+      style: _objectSpread2(_objectSpread2({}, innerStyle), otherProps.style),
+      className: classNames('easy-form', {
+        'easy-form-pure': isPure
+      }, 'easy-form-nested', fromLayoutClassName),
+      children: isPure ? children : /*#__PURE__*/jsxs(Fragment, {
+        children: [getHiddenRowChildren(), /*#__PURE__*/jsx(BoxGrid.Row, {
+          gutter: gutter,
+          children: getFormRowChildren()
+        })]
+      })
+    }) : undefined, isNestedEasyForm === false ? /*#__PURE__*/jsx(FormWrapper, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+      labelWidth: labelWidth,
+      labelAlign: labelAlignNew,
+      labelItemVertical: labelItemVertical,
+      formItemGap: formItemGap,
+      style: _objectSpread2(_objectSpread2({}, innerStyle), otherProps.style),
+      className: classNames('easy-form', {
+        'easy-form-pure': isPure
+      }, fromLayoutClassName),
+      autoComplete: "off",
+      children: isPure ? children : /*#__PURE__*/jsxs(Fragment, {
+        children: [getHiddenRowChildren(), /*#__PURE__*/jsx(BoxGrid.Row, {
+          gutter: gutter,
+          children: getFormRowChildren()
+        })]
+      })
+    })) : undefined]
+  });
+};
+
+export { EasyForm as E };
+//# sourceMappingURL=form-Bz0Gi7wm.js.map

package/dist/form-Bz0Gi7wm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-Bz0Gi7wm.js","sources":["@flatbiz/antd/src/easy-form/form.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Children, Fragment, useMemo, useRef } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport type { TAny } from '@flatbiz/utils';\nimport { dom, isUndefinedOrNull } from '@flatbiz/utils';\nimport { BoxGrid } from '../box-grid/index.js';\nimport type { BoxRowProps } from '../box-grid/row.jsx';\nimport type { GutterParams } from '../box-grid/type.js';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport type { FormWrapperProps } from '../form-wrapper/form-wrapper.jsx';\nimport { FormWrapper } from '../form-wrapper/form-wrapper.jsx';\nimport { preDefinedClassName } from '../pre-defined-class-name/index.js';\nimport './style.less';\n\nexport type EasyFormProps = Omit<FormWrapperProps, 'children'> & {\n  /**\n   * 定义一行显示几列（当外层宽度尺寸大于 992px（lg） 时，一行显示几列）, 默认值：3\n   * ```\n   * 1. 当外层宽度尺寸小于992px（lg），为xs、sm、md情况下不受column值影响（column=1除外）\n   * 2. 宽度尺寸定义\n   *    xs: 宽度 < 576px\n   *    sm: 宽度 ≥ 576px\n   *    md: 宽度 ≥ 768px\n   *    lg: 宽度 ≥ 992px\n   *    xl: 宽度 ≥ 1200px\n   *    xxl: 宽度 ≥ 1600px\n   * 3. 列数尺寸定义\n   *  {\n   *    1: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },\n   *    2: { xs: 24, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12 },\n   *    3: { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 8 },\n   *    4: { xs: 24, sm: 12, md: 12, lg: 6, xl: 6, xxl: 6 },\n   *  };\n   * ```\n   */\n  column?: 1 | 2 | 3 | 4;\n  /**\n   * 强制定义一行显示几列，不考虑响应式\n   * ```\n   * 1. 优先级大于column\n   * 2. 建议优先使用column配置\n   * ```\n   */\n  forceColumn?: 1 | 2 | 3 | 4;\n  /**\n   * Form显示宽度，可数值、可百分比；在小屏幕尺寸（xs、sm）上无效\n   */\n  width?: number | string;\n  /** 网格间距 */\n  gridGutter?: BoxRowProps['gutter'];\n  children: ReactNode;\n  /**\n   * 是否为纯净模式，对EasyForm的子节点不做任何包装处理\n   */\n  isPure?: boolean;\n  /**\n   * true: 不使用Antd Form包裹，可在Form、EasyForm、FormWrapper内部使用\n   */\n  nonuseFormWrapper?: boolean;\n};\n\n/**\n * 简单Form布局，可自定义网格布局\n * ```\n * 1. demo：https://fex.qa.tcshuke.com/docs/admin/main/form/grid\n * 2. EasyForm的children列表会进行网格化布局，可通过设置 isPure = true设置纯净模式（对EasyForm的子节点不做任何包装处理）\n * 3. EasyForm可嵌套使用，嵌套内部的<EasyForm />节点Form相关属性失效，例如属性form、initialValues等都失效\n *  <EasyForm form={form}>\n *    ....\n *    <EasyForm>...</EasyForm>\n *    ....\n *    <EasyForm>...</EasyForm>\n *    ....\n *  </EasyForm>\n * 4. 布局网格以当前组件的宽度来计算的，不是屏幕宽度\n * 5. EasyForm 子节点包含 hidden = true 会被忽略\n * 6. 通过 column 可定义一行显示几列FormItem\n * 7. 通过 labelItemVertical 可定义 formitem 竖直布局\n * 8. 通过 formItemGap 可定义 formItem竖直方向间隙\n * 9. 通过 forceColumn 可强制定义一行显示几列，不考虑响应式\n * 10. 通过 labelWidth 可控制Form内部所有label的宽度（可实现整齐效果）\n * 11. 自定义栅格占位格数，见下方`例如`\n\n * 例如\n * <EasyForm column={3}>\n *\t <FormItemWrapper name=\"field1\" label=\"条件1\">\n *\t   <Input placeholder=\"请输入\" allowClear={true} />\n *\t </FormItemWrapper>\n *\t <!-- ！！自定义栅格占位格数第一种方式：可通过使用 BoxGrid.Col 包裹元素来自定义网格占比 -->\n *\t <BoxGrid.Col span={24}>\n *\t   <FormItemWrapper name=\"field5\" label=\"条件5\">\n *\t \t<Input placeholder=\"请输入\" allowClear={true} />\n *\t   </FormItemWrapper>\n *\t </BoxGrid.Col>\n *\t <!-- ！！自定义栅格占位格数第二种方式：如果为FormItemWrapper组件，可设置span属性 -->\n *\t <FormItemWrapper name=\"field6\" label=\"条件6\" span={24}>\n *\t   <Input placeholder=\"请输入\" allowClear={true} />\n *\t </FormItemWrapper>\n *\t <FormItemWrapper noStyle span={24}>\n *\t   <Button>按钮</Buttone>\n *\t </FormItemWrapper>\n * </EasyForm>\n * ```\n */\nexport const EasyForm = (props: EasyFormProps) => {\n  const screenType = fbaHooks.useResponsivePoint() || '';\n\n  const {\n    column,\n    forceColumn,\n    children,\n    width,\n    gridGutter,\n    labelWidth,\n    labelItemVertical,\n    labelAlign,\n    formItemGap = '15',\n    isPure,\n    nonuseFormWrapper,\n    ...otherProps\n  } = props;\n\n  const gridSize = useMemo(() => {\n    if (forceColumn) {\n      const num = 24 / forceColumn;\n      return { xs: num, sm: num, md: num, lg: num, xl: num, xxl: num };\n    }\n    if (!column) {\n      return { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };\n    }\n    const columnMap = {\n      1: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },\n      2: { xs: 24, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12 },\n      3: { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 8 },\n      4: { xs: 24, sm: 12, md: 12, lg: 6, xl: 6, xxl: 6 },\n    };\n    return columnMap[column];\n  }, [column, forceColumn]);\n\n  const getHiddenRowChildren = () => {\n    return Children.toArray(children).filter((item: TAny) => {\n      return (\n        item.props['hidden'] || item.type['domTypeName'] == 'FormItemHidden'\n      );\n    });\n  };\n\n  const getFormRowChildren = () => {\n    return Children.toArray(children)\n      .filter((item: TAny) => {\n        return (\n          !item.props['hidden'] && item.type['domTypeName'] != 'FormItemHidden'\n        );\n      })\n      .map((item: TAny, index) => {\n        if (item.type['domTypeName'] === 'BoxGridCol')\n          return <Fragment key={index}>{item}</Fragment>;\n        let span: number | undefined = undefined;\n        if (\n          item.type['domTypeName'] === 'FormItemWrapper' ||\n          item.type['domTypeName'] === 'FormItemText'\n        ) {\n          span = item.props['span'] as number;\n          if (span) {\n            if (screenType === 'xs') {\n              span = 24;\n            } else if (screenType === 'sm') {\n              span = span > 12 ? span : 12;\n            }\n          }\n        }\n        return (\n          <BoxGrid.Col key={index} {...gridSize} span={span}>\n            {item}\n          </BoxGrid.Col>\n        );\n      })\n      .filter(Boolean);\n  };\n\n  const innerStyle = useMemo(() => {\n    /** 小屏幕不控制宽度 */\n    if (['xs', 'sm'].includes(screenType) || !width) {\n      return {};\n    }\n    return { width };\n  }, [screenType, width]);\n\n  const gutter = isUndefinedOrNull(gridGutter)\n    ? ([15, 0] as GutterParams)\n    : gridGutter;\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  // 是否嵌套内部EasyForm节点\n  const getIsNestedEasyForm = () => {\n    try {\n      if (nonuseFormWrapper) {\n        return true;\n      }\n      if (anchorRef.current) {\n        const target = dom.findParentsElement(anchorRef.current, (node) => {\n          return node.classList?.contains?.('easy-form');\n        });\n        return target ? true : false;\n      }\n      return undefined;\n    } catch (error) {\n      console.log('error', error);\n      return false;\n    }\n  };\n\n  const isNestedEasyForm = getIsNestedEasyForm();\n\n  const labelAlignNew = useMemo(() => {\n    if (['xs'].includes(screenType)) {\n      return 'left';\n    }\n    return labelAlign;\n  }, [labelAlign, screenType]);\n\n  const fromLayoutClassName = useMemo(() => {\n    return preDefinedClassName.getFormLayoutClassName({\n      labelWidth,\n      labelItemVertical,\n      labelAlign: labelAlignNew,\n      formItemGap,\n      className: otherProps.className,\n    });\n  }, [\n    labelWidth,\n    labelItemVertical,\n    labelAlignNew,\n    formItemGap,\n    otherProps.className,\n  ]);\n\n  return (\n    <Fragment>\n      <div className=\"easy-form-anchor\" ref={anchorRef}></div>\n      {isNestedEasyForm === true ? (\n        <div\n          style={{ ...innerStyle, ...otherProps.style }}\n          className={classNames(\n            'easy-form',\n            { 'easy-form-pure': isPure },\n            'easy-form-nested',\n            fromLayoutClassName\n          )}\n        >\n          {isPure ? (\n            children\n          ) : (\n            <Fragment>\n              {getHiddenRowChildren()}\n              <BoxGrid.Row gutter={gutter}>{getFormRowChildren()}</BoxGrid.Row>\n            </Fragment>\n          )}\n        </div>\n      ) : undefined}\n      {isNestedEasyForm === false ? (\n        <FormWrapper\n          {...otherProps}\n          labelWidth={labelWidth}\n          labelAlign={labelAlignNew}\n          labelItemVertical={labelItemVertical}\n          formItemGap={formItemGap}\n          style={{ ...innerStyle, ...otherProps.style }}\n          className={classNames(\n            'easy-form',\n            { 'easy-form-pure': isPure },\n            fromLayoutClassName\n          )}\n          autoComplete=\"off\"\n        >\n          {isPure ? (\n            children\n          ) : (\n            <Fragment>\n              {getHiddenRowChildren()}\n              <BoxGrid.Row gutter={gutter}>{getFormRowChildren()}</BoxGrid.Row>\n            </Fragment>\n          )}\n        </FormWrapper>\n      ) : undefined}\n    </Fragment>\n  );\n};\n"],"names":["EasyForm","props","screenType","fbaHooks","useResponsivePoint","column","forceColumn","children","width","gridGutter","labelWidth","labelItemVertical","labelAlign","_props$formItemGap","formItemGap","isPure","nonuseFormWrapper","otherProps","_objectWithoutProperties","_excluded","gridSize","useMemo","num","xs","sm","md","lg","xl","xxl","columnMap","getHiddenRowChildren","Children","toArray","filter","item","type","getFormRowChildren","map","index","_jsx","Fragment","span","undefined","BoxGrid","Col","_objectSpread","Boolean","innerStyle","includes","gutter","isUndefinedOrNull","anchorRef","useRef","getIsNestedEasyForm","current","target","dom","findParentsElement","node","_node$classList","_node$classList$conta","classList","contains","call","error","console","log","isNestedEasyForm","labelAlignNew","fromLayoutClassName","preDefinedClassName","getFormLayoutClassName","className","_jsxs","ref","style","_classNames","Row","FormWrapper","autoComplete"],"mappings":"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"}

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

@@ -0,0 +1,84 @@
+import { RowProps, SpaceProps } from 'antd';
+import { ReactElement, ReactNode } from 'react';
+
+export type FormRowProps = RowProps & {
+	children?: ReactNode | ReactNode[];
+	/**
+	 * default = { xs: 24, sm: 12, md: 8, lg: 8, xl: 8, xxl: 6 };
+	 * small = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 6 };
+	 */
+	gridSize?: "default" | "small";
+};
+export type FormColProps = {
+	/** 栅格占位格数，替换lg、xl、xxl默认数据 */
+	span?: number;
+	/** 屏幕 < 576px  */
+	xs?: number;
+	/** 屏幕 ≥ 576px */
+	sm?: number;
+	/** 屏幕 ≥ 768px */
+	md?: number;
+	/** 屏幕 ≥ 992px */
+	lg?: number;
+	/** 屏幕 ≥ 1200px */
+	xl?: number;
+	/** 屏幕 ≥ 1600px */
+	xxl?: number;
+	/** 强制单独一行 */
+	forceAloneRow?: boolean;
+	children?: ReactNode | ReactNode[];
+	hidden?: boolean;
+};
+export type FormOperateColProps = {
+	className?: string;
+	leftList?: Array<ReactElement | null>;
+	rightList?: Array<ReactElement | null>;
+	justify?: RowProps["justify"];
+	/** 强制单独一行 */
+	forceAloneRow?: boolean;
+	hidden?: boolean;
+	leftSpaceProps?: SpaceProps;
+	rightSpaceProps?: SpaceProps;
+};
+export declare const FormGrid: {
+	/**
+	 * FormItem网格响应式布局
+	 *```
+	 * 1. 应用场景：Form条件布局
+	 * 2. 子元素只能是 FormGrid.Col、FormGrid.OperateCol，其他会被忽略
+	 * 3. 所有子元素中只能存在一个 FormGrid.OperateCol
+	 */
+	Row: (props: FormRowProps) => import("react").JSX.Element;
+	/**
+	 * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+	 *```
+	 * 1. 设置 span 栅格占位格数，替换lg、xl、xxl默认数据，不替换xs、sm布局数据
+	 * 2. grid 自定义响应式网格布局
+	 * xs: 屏幕 < 576px
+	 * sm: 屏幕 ≥ 576px
+	 * md: 屏幕 ≥ 768px
+	 * lg: 屏幕 ≥ 992px
+	 * xl: 屏幕 ≥ 1200px
+	 * xxl: 屏幕 ≥ 1600px
+	 * ```
+	 */
+	Col: {
+		(props: FormColProps): import("react").JSX.Element | null;
+		domTypeName: string;
+	};
+	/**
+	 * FormOperateCol 布局说明
+	 * ```
+	 * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等
+	 * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐
+	 * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局
+	 * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐
+	 * ```
+	 */
+	OperateCol: {
+		(props: FormOperateColProps): import("react").JSX.Element | null;
+		domTypeName: string;
+	};
+};
+
+export {};

package/dist/form-grid/index.js

@@ -0,0 +1,312 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { _ as _objectWithoutProperties, b as _objectSpread2, i as _defineProperty } from '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import { Col, Form, Row, Space } from 'antd';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { useMemo, isValidElement, cloneElement } from 'react';
+import { toArray, valueIsEqual } from '@flatbiz/utils';
+import { u as useResponsivePoint } from '../use-responsive-point-Bp3D3lZT.js';
+
+var _excluded$2 = ["forceAloneRow", "hidden"];
+var forceAloneRowGrid = {
+  xs: 24,
+  sm: 24,
+  md: 24,
+  lg: 24,
+  xl: 24,
+  xxl: 24
+};
+/**
+ * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+ *```
+ * 1. 设置 span 栅格占位格数，替换lg、xl、xxl默认数据，不替换xs、sm布局数据
+ * 2. grid 自定义响应式网格布局
+ * xs: 屏幕 < 576px
+ * sm: 屏幕 ≥ 576px
+ * md: 屏幕 ≥ 768px
+ * lg: 屏幕 ≥ 992px
+ * xl: 屏幕 ≥ 1200px
+ * xxl: 屏幕 ≥ 1600px
+ * ```
+ */
+var FormCol = function FormCol(props) {
+  var forceAloneRow = props.forceAloneRow,
+    hidden = props.hidden,
+    otherProps = _objectWithoutProperties(props, _excluded$2);
+  var forceGrid = forceAloneRow ? forceAloneRowGrid : otherProps;
+  if (hidden) return null;
+  return /*#__PURE__*/jsx(Col, _objectSpread2(_objectSpread2({}, forceGrid), {}, {
+    children: props.children
+  }));
+};
+FormCol['domTypeName'] = 'FormCol';
+
+var _excluded$1 = ["leftList", "rightList", "rowColTotal", "justify", "forceAloneRow", "hidden", "leftSpaceProps", "rightSpaceProps"];
+var fullGrid = {
+  xs: 24,
+  sm: 24,
+  md: 24,
+  lg: 24,
+  xl: 24,
+  xxl: 24
+};
+/**
+ * FormOperateCol 布局说明
+ * ```
+ * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等
+ * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐
+ * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局
+ * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐
+ * ```
+ */
+var FormOperateCol = function FormOperateCol(props) {
+  var _ref = props,
+    leftList = _ref.leftList,
+    rightList = _ref.rightList,
+    rowColTotal = _ref.rowColTotal,
+    justify = _ref.justify,
+    forceAloneRow = _ref.forceAloneRow,
+    hidden = _ref.hidden,
+    leftSpaceProps = _ref.leftSpaceProps,
+    rightSpaceProps = _ref.rightSpaceProps,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var _leftList = (leftList || []).filter(Boolean);
+  var _rightList = (rightList || []).filter(Boolean);
+  var hasAll = _leftList.length > 0 && _rightList.length > 0;
+  var forceGrid = forceAloneRow || hasAll ? fullGrid : {};
+  var colJustify = useMemo(function () {
+    if (justify) return justify;
+    if (hasAll) return 'space-between';
+    if (forceAloneRow) return 'end';
+    if (rowColTotal === 1) return 'start';
+    return 'end';
+  }, [forceAloneRow, hasAll, justify, rowColTotal]);
+  var className = classNames(props.className, 'v-form-col-operate');
+  if (hidden) return null;
+  return /*#__PURE__*/jsx(Col, _objectSpread2(_objectSpread2(_objectSpread2({}, otherProps), forceGrid), {}, {
+    className: className,
+    children: /*#__PURE__*/jsx(Form.Item, {
+      children: /*#__PURE__*/jsxs(Row, {
+        justify: colJustify,
+        wrap: false,
+        children: [/*#__PURE__*/jsx(Space, _objectSpread2(_objectSpread2({}, leftSpaceProps), {}, {
+          className: classNames('v-form-col-operate-left', leftSpaceProps === null || leftSpaceProps === void 0 ? void 0 : leftSpaceProps.className),
+          children: _leftList.map(function (item) {
+            return item;
+          })
+        })), /*#__PURE__*/jsx(Space, _objectSpread2(_objectSpread2({}, rightSpaceProps), {}, {
+          style: _objectSpread2({
+            overflowX: 'auto'
+          }, rightSpaceProps === null || rightSpaceProps === void 0 ? void 0 : rightSpaceProps.style),
+          className: classNames('v-form-col-operate-right', rightSpaceProps === null || rightSpaceProps === void 0 ? void 0 : rightSpaceProps.className),
+          children: _rightList === null || _rightList === void 0 ? void 0 : _rightList.map(function (item) {
+            return item;
+          })
+        }))]
+      })
+    })
+  }));
+};
+FormOperateCol['domTypeName'] = 'FormOperateCol';
+
+/**
+ * 用于计算 operateCol 所占用网格数
+ * ```
+ * col网格数据 [8,8,8,12,24,0,8] => [[8,8,8],[12],[24],[0,8]]，分组后计算operateCol所在行中剩余网格数
+ * ```
+ * @returns
+ */
+var calculateOperateGrid = function calculateOperateGrid(gridList, operateColIndex) {
+  try {
+    var groupList = [];
+    var getGroupItem = function getGroupItem(index) {
+      var value = gridList[index];
+      return {
+        index: index,
+        value: value > 24 ? 24 : value
+      };
+    };
+    var condition = true;
+    var groupItemList = [];
+    var currentIndex = 0;
+    var total = 0;
+    while (condition) {
+      var currentValue = gridList[currentIndex];
+      groupItemList.push(getGroupItem(currentIndex));
+      if (currentValue >= 24) {
+        groupList.push(groupItemList);
+        groupItemList = [];
+        total = 0;
+      } else if (currentIndex === gridList.length - 1) {
+        groupList.push(groupItemList);
+      } else {
+        total += currentValue;
+        if (total >= 24) {
+          groupList.push(groupItemList);
+          groupItemList = [];
+          total = 0;
+        }
+      }
+      currentIndex = currentIndex + 1;
+      if (currentIndex >= gridList.length) {
+        condition = false;
+      }
+    }
+    var hasOperateList = groupList.find(function (item) {
+      return !!item.find(function (temp) {
+        return temp.index === operateColIndex;
+      });
+    }) || [];
+    var hasOperateTotal = 0;
+    var hasOperateIndex = 0;
+    hasOperateList.forEach(function (item, index) {
+      if (item.index === operateColIndex) hasOperateIndex = index;
+      if (item.index < operateColIndex) {
+        hasOperateTotal = hasOperateTotal + item.value;
+      }
+    });
+    if (hasOperateTotal === 24 || hasOperateTotal === 0) {
+      hasOperateList[hasOperateIndex].value = 24;
+    } else {
+      hasOperateList[hasOperateIndex].value = 24 - hasOperateTotal;
+    }
+    return {
+      gridList: groupList.reduce(function (a, b) {
+        return a.concat(b);
+      }).map(function (temp) {
+        return temp.value;
+      }),
+      gridGroupList: groupList
+    };
+  } catch (_error) {
+    return {
+      gridList: gridList,
+      gridGroupList: []
+    };
+  }
+};
+
+var _excluded = ["gridSize"];
+var defaultGrid = {
+  xs: 24,
+  sm: 12,
+  md: 12,
+  lg: 8,
+  xl: 8,
+  xxl: 6
+};
+var defaultSmallGrid = {
+  xs: 24,
+  sm: 12,
+  md: 8,
+  lg: 6,
+  xl: 6,
+  xxl: 6
+};
+
+/**
+ * FormItem网格响应式布局
+ *```
+ * 1. 应用场景：Form条件布局
+ * 2. 子元素只能是 FormGrid.Col、FormGrid.OperateCol，其他会被忽略
+ * 3. 所有子元素中只能存在一个 FormGrid.OperateCol
+ */
+var FormRow = function FormRow(props) {
+  var gridSize = props.gridSize,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var screenType = useResponsivePoint() || 'md';
+  var childrenList = toArray(props.children).filter(function (item) {
+    if (!item || ! /*#__PURE__*/isValidElement(item)) return false;
+    return valueIsEqual(item.type['domTypeName'], ['FormOperateCol', 'FormCol']);
+  });
+  var defaultGridSize = gridSize === 'small' ? defaultSmallGrid : defaultGrid;
+  var _useMemo = useMemo(function () {
+      var operateColIndex = childrenList.findIndex(function (item) {
+        return item.type['domTypeName'] === 'FormOperateCol';
+      });
+      if (screenType === undefined) {
+        return {
+          gridList: [],
+          gridGroupList: []
+        };
+      }
+      var _currentGridList = childrenList.map(function (temp, index) {
+        var _temp$props, _temp$props3;
+        if (index === operateColIndex) return 0;
+        var span = (_temp$props = temp.props) === null || _temp$props === void 0 ? void 0 : _temp$props.span;
+        if (['md', 'sm', 'xs'].includes(screenType)) {
+          var _temp$props2;
+          var innerSpan = ((_temp$props2 = temp.props) === null || _temp$props2 === void 0 ? void 0 : _temp$props2[screenType]) || defaultGridSize[screenType];
+          if (screenType == 'md' && span) {
+            return span > innerSpan ? span : innerSpan;
+          }
+          return innerSpan;
+        }
+        return ((_temp$props3 = temp.props) === null || _temp$props3 === void 0 ? void 0 : _temp$props3[screenType]) || span || defaultGridSize[screenType];
+      });
+      if (operateColIndex < 0) {
+        return {
+          gridList: _currentGridList,
+          gridGroupList: []
+        };
+      }
+      return calculateOperateGrid(_currentGridList, operateColIndex);
+    }, [childrenList, defaultGridSize, screenType]),
+    gridList = _useMemo.gridList,
+    gridGroupList = _useMemo.gridGroupList;
+
+  // if (!screenType) return <Fragment>{props.children}</Fragment>;
+  return /*#__PURE__*/jsx(Row, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    children: childrenList.map(function (item, index) {
+      var itemProps = _objectSpread2(_objectSpread2({}, defaultGridSize), item.props);
+      var newProps = _objectSpread2(_objectSpread2({
+        key: index
+      }, itemProps), {}, _defineProperty({}, screenType, gridList[index] || itemProps[screenType]));
+      if (item.type['domTypeName'] === 'FormOperateCol') {
+        newProps['rowColTotal'] = gridGroupList.length;
+      }
+      return /*#__PURE__*/cloneElement(item, newProps);
+    })
+  }));
+};
+
+var FormGrid = {
+  /**
+   * FormItem网格响应式布局
+   *```
+   * 1. 应用场景：Form条件布局
+   * 2. 子元素只能是 FormGrid.Col、FormGrid.OperateCol，其他会被忽略
+   * 3. 所有子元素中只能存在一个 FormGrid.OperateCol
+   */
+  Row: FormRow,
+  /**
+   * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+   *```
+   * 1. 设置 span 栅格占位格数，替换lg、xl、xxl默认数据，不替换xs、sm布局数据
+   * 2. grid 自定义响应式网格布局
+   * xs: 屏幕 < 576px
+   * sm: 屏幕 ≥ 576px
+   * md: 屏幕 ≥ 768px
+   * lg: 屏幕 ≥ 992px
+   * xl: 屏幕 ≥ 1200px
+   * xxl: 屏幕 ≥ 1600px
+   * ```
+   */
+  Col: FormCol,
+  /**
+   * FormOperateCol 布局说明
+   * ```
+   * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等
+   * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐
+   * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局
+   * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐
+   * ```
+   */
+  OperateCol: FormOperateCol
+};
+
+export { FormGrid };
+//# sourceMappingURL=index.js.map