@flatbiz/antd 5.0.33 → 5.0.35

package/dist/{form-3qaPduiy.js → form-DNtjXzAW.js}

@@ -1,17 +1,37 @@
 /*! @flatjs/forge MIT @flatbiz/antd */
 
 import { classNames } from '@dimjs/utils/class-names/class-names';
-import { _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-CP5aeNcJ.js';
-import { useMemo, useRef, Fragment, Children, cloneElement } from 'react';
+import { a as _slicedToArray, _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-CP5aeNcJ.js';
+import { createContext, useContext, useMemo, Children, cloneElement } from 'react';
 import { Form } from 'antd';
-import { isUndefinedOrNull, dom } from '@flatbiz/utils';
+import { isUndefinedOrNull } from '@flatbiz/utils';
 import { BoxGrid } from './box-grid/index.js';
 import { fbaHooks } from './fba-hooks/index.js';
 import { F as FormWrapper } from './form-wrapper-BSwxGtCk.js';
 import { preDefinedClassName } from './pre-defined-class-name/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["column", "forceColumn", "children", "width", "gridGutter", "labelWidth", "labelItemVertical", "labelAlign", "formItemGap", "isPure", "nonuseFormWrapper"];
+/**
+ * A helper to create a Context and Provider with no upfront default value, and
+ * without having to check for undefined all the time.
+ */
+function createCtx() {
+  var ctx = /*#__PURE__*/createContext(undefined);
+  function useCtx() {
+    var c = useContext(ctx);
+    // if (c === undefined)
+    //   throw new Error('useCtx must be inside a Provider with a value');
+    return c;
+  }
+  return [useCtx, ctx.Provider]; // 'as const' makes TypeScript infer a tuple
+}
+
+var _createCtx = createCtx(),
+  _createCtx2 = _slicedToArray(_createCtx, 2),
+  useEasyForm = _createCtx2[0],
+  EasyFormProvider = _createCtx2[1];
+
+var _excluded = ["column", "forceColumn", "children", "width", "gridGutter", "labelWidth", "labelItemVertical", "labelAlign", "formItemGap", "isPure"];
 /**
  * 简单Form布局，可自定义网格布局
  * ```
@@ -60,8 +80,10 @@ var _excluded = ["column", "forceColumn", "children", "width", "gridGutter", "la
  * </EasyForm>
  * ```
  */
+
 var EasyForm = function EasyForm(props) {
   var screenType = fbaHooks.useResponsivePoint() || '';
+  var easyFormApi = useEasyForm();
   var column = props.column,
     forceColumn = props.forceColumn,
     children = props.children,
@@ -73,7 +95,6 @@ var EasyForm = function EasyForm(props) {
     _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) {
@@ -185,28 +206,6 @@ var EasyForm = function EasyForm(props) {
     };
   }, [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';
@@ -222,11 +221,11 @@ var EasyForm = function EasyForm(props) {
       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", {
+  return /*#__PURE__*/jsx(EasyFormProvider, {
+    value: {
+      isNested: true
+    },
+    children: easyFormApi !== null && easyFormApi !== void 0 && easyFormApi.isNested ? /*#__PURE__*/jsx("div", {
       style: _objectSpread2(_objectSpread2({}, innerStyle), otherProps.style),
       className: classNames('easy-form', {
         'easy-form-pure': isPure
@@ -235,7 +234,7 @@ var EasyForm = function EasyForm(props) {
         gutter: gutter,
         children: getFormRowChildren()
       })
-    }) : undefined, isNestedEasyForm === false ? /*#__PURE__*/jsx(FormWrapper, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    }) : /*#__PURE__*/jsx(FormWrapper, _objectSpread2(_objectSpread2({}, otherProps), {}, {
       labelWidth: labelWidth,
       labelAlign: labelAlignNew,
       labelItemVertical: labelItemVertical,
@@ -249,10 +248,10 @@ var EasyForm = function EasyForm(props) {
         gutter: gutter,
         children: getFormRowChildren()
       })
-    })) : undefined]
+    }))
   });
 };
 EasyForm['domTypeName'] = 'EasyForm';
 
 export { EasyForm as E };
-//# sourceMappingURL=form-3qaPduiy.js.map
+//# sourceMappingURL=form-DNtjXzAW.js.map

package/dist/form-DNtjXzAW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-DNtjXzAW.js","sources":["@flatbiz/antd/src/easy-form/context/create-ctx.ts","@flatbiz/antd/src/easy-form/context/layout-ctx.ts","@flatbiz/antd/src/easy-form/form.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * A helper to create a Context and Provider with no upfront default value, and\n * without having to check for undefined all the time.\n */\nexport function createCtx<A>() {\n  const ctx = createContext<A | undefined>(undefined);\n  function useCtx() {\n    const c = useContext(ctx);\n    // if (c === undefined)\n    //   throw new Error('useCtx must be inside a Provider with a value');\n    return c;\n  }\n  return [useCtx, ctx.Provider] as const; // 'as const' makes TypeScript infer a tuple\n}\n","import { createCtx } from './create-ctx.js';\n\nexport type AiPilotProviderProviderProps = {\n  isNested: boolean;\n};\n\nexport const [useEasyForm, EasyFormProvider] =\n  createCtx<AiPilotProviderProviderProps>();\n","import type { ReactNode } from 'react';\nimport { Children, cloneElement, useMemo } from 'react';\nimport { Form } from 'antd';\nimport { classNames } from '@dimjs/utils';\nimport type { TAny } from '@flatbiz/utils';\nimport { 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 { EasyFormProvider, useEasyForm } from './context/layout-ctx.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   * 栅格占位格数，最大值：24\n   * ```\n   * 1. 当前EasyForm处在 EasyForm 直接子节点中有效，即当前EasyForm在EasyForm栅格中的占位格数；\n   * 2. 父节点使用属性值，当前节点不使用属性值\n   * ```\n   */\n  span?: number;\n};\n\n/**\n * 简单Form布局，可自定义网格布局\n * ```\n * 1. demo：https://fex.qa.tcshuke.com/docs/admin/main/form/grid\n * 2. EasyForm的children列表会进行网格化布局\n * 3. 自定义栅格占位格数的4中方式\n *    3.1 设置FormItemWrapper、FormItemText组件span属性；\n *    3.2 使用 EasyFormItemSpan 包裹children item，设置span属性\n *    3.3 使用 <BoxGrid.Col span={24} ></BoxGrid.Col> 包裹，设置响应式属性\n *    3.4 设置 EasyForm isPure = true设置纯净模式，对EasyForm的子节点不做任何包装处理\n * 4. EasyForm可嵌套使用，嵌套内部的<EasyForm />节点Form相关属性失效，例如属性form、initialValues等都失效\n *  <EasyForm form={form}>\n *    ....\n *    <EasyForm>...</EasyForm>\n *    ....\n *    <EasyForm>...</EasyForm>\n *    ....\n *  </EasyForm>\n * 5. 布局网格以当前组件的宽度来计算的，不是屏幕宽度\n * 6. EasyForm 子节点包含 hidden = true 会被忽略\n * 7. 通过 column 可定义一行显示几列FormItem\n * 8. 通过 labelItemVertical 可定义 formitem 竖直布局\n * 9. 通过 formItemGap 可定义 formItem竖直方向间隙\n * 10. 通过 forceColumn 可强制定义一行显示几列，不考虑响应式\n * 11. 通过 labelWidth 可控制Form内部所有label的宽度（可实现整齐效果）\n * 12. 自定义栅格占位格数，见下方`例如`\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 */\n\nexport const EasyForm = (props: EasyFormProps) => {\n  const screenType = fbaHooks.useResponsivePoint() || '';\n  const easyFormApi = useEasyForm();\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    ...otherProps\n  } = props;\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 getFormRowChildren = () => {\n    const childrenList = Children.toArray(children).filter((item: TAny) => {\n      return !!item;\n    });\n    return childrenList\n      .map((item: TAny, index) => {\n        const domTypeName = item.type['domTypeName'];\n\n        let span: number | undefined = undefined;\n        if (\n          domTypeName === 'FormItemText' ||\n          domTypeName === 'FormItemSpan' ||\n          domTypeName === 'FormItemWrapper' ||\n          domTypeName === 'BoxGridCol' ||\n          domTypeName === 'EasyForm'\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\n        if (domTypeName === 'BoxGridCol' || domTypeName === 'FormItemSpan') {\n          if (domTypeName === 'FormItemSpan' && item.props.hidden) {\n            return null;\n          }\n          return cloneElement(item, {\n            ...item.props,\n            ...gridSize,\n            span,\n            key: index,\n          });\n        }\n        const display = item.props?.style?.display;\n        let removeWrapper = false;\n        if (\n          domTypeName === 'FormItemText' ||\n          domTypeName === 'FormItemHidden' ||\n          domTypeName === 'FormItemWrapper' ||\n          domTypeName === 'FormItemWrapperDependencies' ||\n          item.type === Form.Item ||\n          display === 'none'\n        ) {\n          removeWrapper = true;\n        }\n\n        if (domTypeName === 'FormItemWrapper' || item.props.noStyle) {\n          removeWrapper = false;\n        }\n        return (\n          <BoxGrid.Col\n            key={index}\n            {...gridSize}\n            span={span}\n            removeWrapper={removeWrapper}\n          >\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\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    <EasyFormProvider value={{ isNested: true }}>\n      {easyFormApi?.isNested ? (\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            <BoxGrid.Row gutter={gutter}>{getFormRowChildren()}</BoxGrid.Row>\n          )}\n        </div>\n      ) : (\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            <BoxGrid.Row gutter={gutter}>{getFormRowChildren()}</BoxGrid.Row>\n          )}\n        </FormWrapper>\n      )}\n    </EasyFormProvider>\n  );\n};\n\nEasyForm['domTypeName'] = 'EasyForm';\n"],"names":["createCtx","ctx","createContext","undefined","useCtx","c","useContext","Provider","_createCtx","_createCtx2","_slicedToArray","useEasyForm","EasyFormProvider","EasyForm","props","screenType","fbaHooks","useResponsivePoint","easyFormApi","column","forceColumn","children","width","gridGutter","labelWidth","labelItemVertical","labelAlign","_props$formItemGap","formItemGap","isPure","otherProps","_objectWithoutProperties","_excluded","gridSize","useMemo","num","xs","sm","md","lg","xl","xxl","columnMap","getFormRowChildren","childrenList","Children","toArray","filter","item","map","index","_item$props","domTypeName","type","span","hidden","cloneElement","_objectSpread","key","display","style","removeWrapper","Form","Item","noStyle","_jsx","BoxGrid","Col","Boolean","innerStyle","includes","gutter","isUndefinedOrNull","labelAlignNew","fromLayoutClassName","preDefinedClassName","getFormLayoutClassName","className","value","isNested","_classNames","Row","FormWrapper","autoComplete"],"mappings":"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"}

package/dist/form-item-group/index.js

@@ -14,6 +14,7 @@ import { F as FlexLayout } from '../flex-layout-zremxICp.js';
 import '@wove/react/hooks';
 import '@flatbiz/utils';
 import '../use-responsive-point-Bp3D3lZT.js';
+import '@dimjs/utils/uuid/uuid';
 
 var FormItemCard = function FormItemCard(props) {
   var classNamePrefix = 'form-item-group-card';

package/dist/form-item-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-item-group/card/index.tsx","@flatbiz/antd/src/form-item-group/horizontal-union/index.tsx","@flatbiz/antd/src/form-item-group/index.ts"],"sourcesContent":["import type { CSSProperties, FC, ReactElement } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport { fbaHooks } from '../../fba-hooks/index.js';\nimport './style.less';\n\nexport type FormItemCardProps = {\n  title?: string | ReactElement;\n  children: ReactElement | ReactElement[];\n  className?: string;\n  style?: CSSProperties;\n  titleSign?: boolean;\n};\nexport const FormItemCard: FC<FormItemCardProps> = (props) => {\n  const classNamePrefix = 'form-item-group-card';\n\n  const theme = fbaHooks.useThemeToken();\n\n  const style = {\n    '--form-item-group-colorPrimary': theme.colorPrimary,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={classNames(classNamePrefix, props.className)}\n      style={{ ...style, ...props.style }}\n    >\n      {props.title ? (\n        <div\n          className={classNames(`${classNamePrefix}-title`, {\n            [`${classNamePrefix}-title-sign`]: props.titleSign === true,\n          })}\n        >\n          {props.title}\n        </div>\n      ) : null}\n      {props.children}\n    </div>\n  );\n};\n\nFormItemCard.defaultProps = {\n  titleSign: true,\n};\n","import type { CSSProperties, ReactElement } from 'react';\nimport { cloneElement, isValidElement, useMemo } from 'react';\nimport { Form } from 'antd';\nimport { classNames } from '@dimjs/utils';\nimport { FlexLayout } from '../../flex-layout/index.js';\nimport './style.less';\n\nexport type FormItemHorizontalUnionProps = {\n  className?: string;\n  style?: CSSProperties;\n  label?: string | ReactElement;\n  /** 水平布局元素 */\n  groupConfigList: {\n    hidden?: boolean;\n    before?: ReactElement | string;\n    /**\n     * 设置宽度\n     * ```\n     * 1. 自适应可设置：auto\n     * 2. 可设置具体数值\n     * 3. 不设置会在铺满flex剩余空间\n     * 4. 多个未设置会等分铺满剩余空间\n     * ```\n     */\n    width?: number | string;\n    mainItem: ReactElement;\n    after?: ReactElement | string;\n  }[];\n  /** 水平布局原始之间的间距 */\n  gap?: number;\n  flexLayoutStyle?: CSSProperties;\n  flexLayoutClassName?: string;\n  hidden?: boolean;\n  required?: boolean;\n  colon?: boolean;\n};\n\n/**\n * FormItem 水平布局\n * ```\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/input\n * ```\n * @param props\n * @returns\n */\nexport const FormItemHorizontalUnion = (\n  props: FormItemHorizontalUnionProps\n) => {\n  const groupFlexElementData = useMemo(() => {\n    const fullIndex = [] as number[];\n    const flexElementList = [] as Array<ReactElement>;\n    const groupConfigList = props.groupConfigList.filter(\n      (item) => !item.hidden\n    );\n    groupConfigList.forEach((item) => {\n      if (item.before) {\n        flexElementList.push(\n          isValidElement(item.before) ? (\n            (item.before as ReactElement)\n          ) : (\n            <div className=\"union-before-text\">{item.before}</div>\n          )\n        );\n      }\n      if (item.width) {\n        flexElementList.push(\n          cloneElement(item.mainItem, {\n            style: { width: item.width, ...item.mainItem.props.style },\n          })\n        );\n      } else {\n        fullIndex.push(flexElementList.length);\n        flexElementList.push(item.mainItem);\n      }\n      if (item.after) {\n        flexElementList.push(\n          isValidElement(item.after) ? (\n            (item.after as ReactElement)\n          ) : (\n            <div className=\"union-after-text\">{item.after}</div>\n          )\n        );\n      }\n    });\n    return {\n      flexElementList,\n      fullIndex,\n    };\n  }, [props.groupConfigList]);\n\n  return (\n    <Form.Item\n      label={props.label}\n      className={classNames(\n        'form-item-group-horizontal-union',\n        props.className\n      )}\n      style={props.style}\n      hidden={props.hidden}\n      required={props.required}\n      colon={props.colon}\n    >\n      <FlexLayout\n        direction=\"horizontal\"\n        gap={props.gap === undefined ? 15 : props.gap}\n        fullIndex={groupFlexElementData.fullIndex}\n        style={props.flexLayoutStyle}\n        className={props.flexLayoutClassName}\n      >\n        {groupFlexElementData.flexElementList.map((item, index) => {\n          return cloneElement(item, { key: index });\n        })}\n      </FlexLayout>\n    </Form.Item>\n  );\n};\n","import { FormItemCard } from './card/index.jsx';\nimport { FormItemHorizontalUnion } from './horizontal-union/index.jsx';\n\nexport const FormItemGroup = {\n  HorizontalUnion: FormItemHorizontalUnion,\n  Card: FormItemCard,\n};\n"],"names":["FormItemCard","props","classNamePrefix","theme","fbaHooks","useThemeToken","style","colorPrimary","_jsxs","className","_classNames","_objectSpread","children","title","_jsx","concat","_defineProperty","titleSign","defaultProps","FormItemHorizontalUnion","groupFlexElementData","useMemo","fullIndex","flexElementList","groupConfigList","filter","item","hidden","forEach","before","push","isValidElement","width","cloneElement","mainItem","length","after","Form","Item","label","required","colon","FlexLayout","direction","gap","undefined","flexLayoutStyle","flexLayoutClassName","map","index","key","FormItemGroup","HorizontalUnion","Card"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-item-group/card/index.tsx","@flatbiz/antd/src/form-item-group/horizontal-union/index.tsx","@flatbiz/antd/src/form-item-group/index.ts"],"sourcesContent":["import type { CSSProperties, FC, ReactElement } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport { fbaHooks } from '../../fba-hooks/index.js';\nimport './style.less';\n\nexport type FormItemCardProps = {\n  title?: string | ReactElement;\n  children: ReactElement | ReactElement[];\n  className?: string;\n  style?: CSSProperties;\n  titleSign?: boolean;\n};\nexport const FormItemCard: FC<FormItemCardProps> = (props) => {\n  const classNamePrefix = 'form-item-group-card';\n\n  const theme = fbaHooks.useThemeToken();\n\n  const style = {\n    '--form-item-group-colorPrimary': theme.colorPrimary,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={classNames(classNamePrefix, props.className)}\n      style={{ ...style, ...props.style }}\n    >\n      {props.title ? (\n        <div\n          className={classNames(`${classNamePrefix}-title`, {\n            [`${classNamePrefix}-title-sign`]: props.titleSign === true,\n          })}\n        >\n          {props.title}\n        </div>\n      ) : null}\n      {props.children}\n    </div>\n  );\n};\n\nFormItemCard.defaultProps = {\n  titleSign: true,\n};\n","import type { CSSProperties, ReactElement } from 'react';\nimport { cloneElement, isValidElement, useMemo } from 'react';\nimport { Form } from 'antd';\nimport { classNames } from '@dimjs/utils';\nimport { FlexLayout } from '../../flex-layout/index.js';\nimport './style.less';\n\nexport type FormItemHorizontalUnionProps = {\n  className?: string;\n  style?: CSSProperties;\n  label?: string | ReactElement;\n  /** 水平布局元素 */\n  groupConfigList: {\n    hidden?: boolean;\n    before?: ReactElement | string;\n    /**\n     * 设置宽度\n     * ```\n     * 1. 自适应可设置：auto\n     * 2. 可设置具体数值\n     * 3. 不设置会在铺满flex剩余空间\n     * 4. 多个未设置会等分铺满剩余空间\n     * ```\n     */\n    width?: number | string;\n    mainItem: ReactElement;\n    after?: ReactElement | string;\n  }[];\n  /** 水平布局原始之间的间距 */\n  gap?: number;\n  flexLayoutStyle?: CSSProperties;\n  flexLayoutClassName?: string;\n  hidden?: boolean;\n  required?: boolean;\n  colon?: boolean;\n};\n\n/**\n * FormItem 水平布局\n * ```\n * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/input\n * ```\n * @param props\n * @returns\n */\nexport const FormItemHorizontalUnion = (\n  props: FormItemHorizontalUnionProps\n) => {\n  const groupFlexElementData = useMemo(() => {\n    const fullIndex = [] as number[];\n    const flexElementList = [] as Array<ReactElement>;\n    const groupConfigList = props.groupConfigList.filter(\n      (item) => !item.hidden\n    );\n    groupConfigList.forEach((item) => {\n      if (item.before) {\n        flexElementList.push(\n          isValidElement(item.before) ? (\n            (item.before as ReactElement)\n          ) : (\n            <div className=\"union-before-text\">{item.before}</div>\n          )\n        );\n      }\n      if (item.width) {\n        flexElementList.push(\n          cloneElement(item.mainItem, {\n            style: { width: item.width, ...item.mainItem.props.style },\n          })\n        );\n      } else {\n        fullIndex.push(flexElementList.length);\n        flexElementList.push(item.mainItem);\n      }\n      if (item.after) {\n        flexElementList.push(\n          isValidElement(item.after) ? (\n            (item.after as ReactElement)\n          ) : (\n            <div className=\"union-after-text\">{item.after}</div>\n          )\n        );\n      }\n    });\n    return {\n      flexElementList,\n      fullIndex,\n    };\n  }, [props.groupConfigList]);\n\n  return (\n    <Form.Item\n      label={props.label}\n      className={classNames(\n        'form-item-group-horizontal-union',\n        props.className\n      )}\n      style={props.style}\n      hidden={props.hidden}\n      required={props.required}\n      colon={props.colon}\n    >\n      <FlexLayout\n        direction=\"horizontal\"\n        gap={props.gap === undefined ? 15 : props.gap}\n        fullIndex={groupFlexElementData.fullIndex}\n        style={props.flexLayoutStyle}\n        className={props.flexLayoutClassName}\n      >\n        {groupFlexElementData.flexElementList.map((item, index) => {\n          return cloneElement(item, { key: index });\n        })}\n      </FlexLayout>\n    </Form.Item>\n  );\n};\n","import { FormItemCard } from './card/index.jsx';\nimport { FormItemHorizontalUnion } from './horizontal-union/index.jsx';\n\nexport const FormItemGroup = {\n  HorizontalUnion: FormItemHorizontalUnion,\n  Card: FormItemCard,\n};\n"],"names":["FormItemCard","props","classNamePrefix","theme","fbaHooks","useThemeToken","style","colorPrimary","_jsxs","className","_classNames","_objectSpread","children","title","_jsx","concat","_defineProperty","titleSign","defaultProps","FormItemHorizontalUnion","groupFlexElementData","useMemo","fullIndex","flexElementList","groupConfigList","filter","item","hidden","forEach","before","push","isValidElement","width","cloneElement","mainItem","length","after","Form","Item","label","required","colon","FlexLayout","direction","gap","undefined","flexLayoutStyle","flexLayoutClassName","map","index","key","FormItemGroup","HorizontalUnion","Card"],"mappings":"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"}

package/dist/form-item-text/index.js

@@ -17,6 +17,7 @@ import '@flatbiz/utils';
 import '../fba-hooks/index.js';
 import '@wove/react/hooks';
 import '../use-responsive-point-Bp3D3lZT.js';
+import '@dimjs/utils/uuid/uuid';
 import '../pre-defined-class-name/index.js';
 import '@ant-design/icons/es/icons/RedoOutlined.js';
 import '@ant-design/icons/es/icons/QuestionCircleFilled.js';

package/dist/form-item-text/index.js.map

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

package/dist/form-item-wrapper/index.js

@@ -12,6 +12,7 @@ import '@flatbiz/utils';
 import '../fba-hooks/index.js';
 import '@wove/react/hooks';
 import '../use-responsive-point-Bp3D3lZT.js';
+import '@dimjs/utils/uuid/uuid';
 import '../pre-defined-class-name/index.js';
 import '@dimjs/utils/class-names/class-names';
 import 'react/jsx-runtime';

package/dist/form-item-wrapper/index.js.map

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

package/dist/form-list-wrapper/index.js

@@ -29,6 +29,7 @@ import 'dayjs/plugin/weekYear.js';
 import '@dimjs/utils/extend/extend';
 import '../fba-hooks/index.js';
 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';

package/dist/form-list-wrapper/index.js.map

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