@flatbiz/antd 4.5.26 → 5.0.1

package/dist/form-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/form-grid/form-col.tsx","@flatbiz/antd/src/form-grid/form-operate-col.tsx","@flatbiz/antd/src/form-grid/utils.ts","@flatbiz/antd/src/form-grid/form-row.tsx","@flatbiz/antd/src/form-grid/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Col } from 'antd';\nconst forceAloneRowGrid = { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 };\nexport type FormColProps = {\n  /** 栅格占位格数，替换lg、xl、xxl默认数据 */\n  span?: number;\n  /** 屏幕 < 576px  */\n  xs?: number;\n  /** 屏幕 ≥ 576px */\n  sm?: number;\n  /** 屏幕 ≥ 768px */\n  md?: number;\n  /** 屏幕 ≥ 992px */\n  lg?: number;\n  /** 屏幕 ≥ 1200px */\n  xl?: number;\n  /** 屏幕 ≥ 1600px */\n  xxl?: number;\n  /** 强制单独一行 */\n  forceAloneRow?: boolean;\n  children?: ReactNode | ReactNode[];\n  hidden?: boolean;\n};\n\n/**\n * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n *```\n * 1. 设置 span 栅格占位格数，替换lg、xl、xxl默认数据，不替换xs、sm布局数据\n * 2. grid 自定义响应式网格布局\n * xs: 屏幕 < 576px\n * sm: 屏幕 ≥ 576px\n * md: 屏幕 ≥ 768px\n * lg: 屏幕 ≥ 992px\n * xl: 屏幕 ≥ 1200px\n * xxl: 屏幕 ≥ 1600px\n * ```\n */\nexport const FormCol = (props: FormColProps) => {\n  const { forceAloneRow, hidden, ...otherProps } = props;\n  const forceGrid = forceAloneRow ? forceAloneRowGrid : otherProps;\n  if (hidden) return null;\n  return <Col {...forceGrid}>{props.children}</Col>;\n};\n\nFormCol['domTypeName'] = 'FormCol';\n","import type { ReactElement } from 'react';\nimport { useMemo } from 'react';\nimport type { RowProps, SpaceProps } from 'antd';\nimport { Col, Form, Row, Space } from 'antd';\nimport { classNames } from '@dimjs/utils';\n\nconst fullGrid = { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 };\nexport type FormOperateColProps = {\n  className?: string;\n  leftList?: Array<ReactElement | null>;\n  rightList?: Array<ReactElement | null>;\n  // left、right 对齐方式，优先级最高\n  justify?: RowProps['justify'];\n  /** 强制单独一行 */\n  forceAloneRow?: boolean;\n  hidden?: boolean;\n  leftSpaceProps?: SpaceProps;\n  rightSpaceProps?: SpaceProps;\n};\n\n/**\n * FormOperateCol 布局说明\n * ```\n * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等\n * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐\n * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局\n * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐\n * ```\n */\nexport const FormOperateCol = (props: FormOperateColProps) => {\n  const {\n    leftList,\n    rightList,\n    rowColTotal,\n    justify,\n    forceAloneRow,\n    hidden,\n    leftSpaceProps,\n    rightSpaceProps,\n    ...otherProps\n  } = props as FormOperateColProps & {\n    rowColTotal: number;\n  };\n  const _leftList = (leftList || []).filter(Boolean);\n  const _rightList = (rightList || []).filter(Boolean);\n  const hasAll = _leftList.length > 0 && _rightList.length > 0;\n  const forceGrid = forceAloneRow || hasAll ? fullGrid : {};\n\n  const colJustify = useMemo(() => {\n    if (justify) return justify;\n    if (hasAll) return 'space-between';\n    if (forceAloneRow) return 'end';\n    if (rowColTotal === 1) return 'start';\n    return 'end';\n  }, [forceAloneRow, hasAll, justify, rowColTotal]);\n\n  const className = classNames(props.className, 'v-form-col-operate');\n\n  if (hidden) return null;\n\n  return (\n    <Col {...otherProps} {...forceGrid} className={className}>\n      <Form.Item>\n        <Row justify={colJustify} wrap={false}>\n          <Space\n            {...leftSpaceProps}\n            className={classNames(\n              'v-form-col-operate-left',\n              leftSpaceProps?.className\n            )}\n          >\n            {_leftList.map((item) => item)}\n          </Space>\n          <Space\n            {...rightSpaceProps}\n            style={{ overflowX: 'auto', ...rightSpaceProps?.style }}\n            className={classNames(\n              'v-form-col-operate-right',\n              rightSpaceProps?.className\n            )}\n          >\n            {_rightList?.map((item) => item)}\n          </Space>\n        </Row>\n      </Form.Item>\n    </Col>\n  );\n};\n\nFormOperateCol['domTypeName'] = 'FormOperateCol';\n","/**\n * 用于计算 operateCol 所占用网格数\n * ```\n * col网格数据 [8,8,8,12,24,0,8] => [[8,8,8],[12],[24],[0,8]]，分组后计算operateCol所在行中剩余网格数\n * ```\n * @returns\n */\nexport const calculateOperateGrid = (\n  gridList: number[],\n  operateColIndex: number\n) => {\n  try {\n    const groupList = [] as { index: number; value: number }[][];\n    const getGroupItem = function (index) {\n      const value = gridList[index];\n      return { index, value: value > 24 ? 24 : value };\n    };\n    let condition = true;\n    let groupItemList = [] as { index: number; value: number }[];\n    let currentIndex = 0;\n    let total = 0;\n    while (condition) {\n      const currentValue = gridList[currentIndex];\n      groupItemList.push(getGroupItem(currentIndex));\n      if (currentValue >= 24) {\n        groupList.push(groupItemList);\n        groupItemList = [];\n        total = 0;\n      } else if (currentIndex === gridList.length - 1) {\n        groupList.push(groupItemList);\n      } else {\n        total += currentValue;\n        if (total >= 24) {\n          groupList.push(groupItemList);\n          groupItemList = [];\n          total = 0;\n        }\n      }\n      currentIndex = currentIndex + 1;\n      if (currentIndex >= gridList.length) {\n        condition = false;\n      }\n    }\n    const hasOperateList =\n      groupList.find(\n        (item) => !!item.find((temp) => temp.index === operateColIndex)\n      ) || [];\n    let hasOperateTotal = 0;\n    let hasOperateIndex = 0;\n    hasOperateList.forEach((item, index) => {\n      if (item.index === operateColIndex) hasOperateIndex = index;\n      if (item.index < operateColIndex) {\n        hasOperateTotal = hasOperateTotal + item.value;\n      }\n    });\n    if (hasOperateTotal === 24 || hasOperateTotal === 0) {\n      hasOperateList[hasOperateIndex].value = 24;\n    } else {\n      hasOperateList[hasOperateIndex].value = 24 - hasOperateTotal;\n    }\n\n    return {\n      gridList: groupList\n        .reduce((a, b) => a.concat(b))\n        .map((temp) => temp.value),\n      gridGroupList: groupList,\n    };\n  } catch (_error) {\n    return {\n      gridList,\n      gridGroupList: [],\n    };\n  }\n};\n","import type { ReactElement, ReactNode } from 'react';\nimport { cloneElement, isValidElement, useMemo } from 'react';\nimport type { RowProps } from 'antd';\nimport { Row } from 'antd';\nimport { toArray, valueIsEqual } from '@flatbiz/utils';\nimport { useResponsivePoint } from '../fba-hooks/use-responsive-point.js';\nimport { calculateOperateGrid } from './utils.js';\n\nexport type FormRowProps = RowProps & {\n  children?: ReactNode | ReactNode[];\n  /**\n   * default = { xs: 24, sm: 12, md: 8, lg: 8, xl: 8, xxl: 6 };\n   * small = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 6 };\n   */\n  gridSize?: 'default' | 'small';\n};\nconst defaultGrid = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };\nconst defaultSmallGrid = { xs: 24, sm: 12, md: 8, lg: 6, xl: 6, xxl: 6 };\n\n/**\n * FormItem网格响应式布局\n *```\n * 1. 应用场景：Form条件布局\n * 2. 子元素只能是 FormGrid.Col、FormGrid.OperateCol，其他会被忽略\n * 3. 所有子元素中只能存在一个 FormGrid.OperateCol\n */\nexport const FormRow = (props: FormRowProps) => {\n  const { gridSize, ...otherProps } = props;\n  const screenType = useResponsivePoint() || 'md';\n\n  const childrenList = toArray<ReactElement>(props.children).filter((item) => {\n    if (!item || !isValidElement(item)) return false;\n    return valueIsEqual(item.type['domTypeName'], [\n      'FormOperateCol',\n      'FormCol',\n    ]);\n  });\n  const defaultGridSize = gridSize === 'small' ? defaultSmallGrid : defaultGrid;\n\n  const { gridList, gridGroupList } = useMemo(() => {\n    const operateColIndex = childrenList.findIndex((item) => {\n      return item.type['domTypeName'] === 'FormOperateCol';\n    });\n    if (screenType === undefined) {\n      return { gridList: [] as number[], gridGroupList: [] };\n    }\n    const _currentGridList = childrenList.map((temp, index) => {\n      if (index === operateColIndex) return 0;\n      const span = temp.props?.span as number;\n      if (['md', 'sm', 'xs'].includes(screenType)) {\n        const innerSpan =\n          temp.props?.[screenType] || defaultGridSize[screenType];\n        if (screenType == 'md' && span) {\n          return span > innerSpan ? span : innerSpan;\n        }\n        return innerSpan;\n      }\n      return temp.props?.[screenType] || span || defaultGridSize[screenType];\n    });\n    if (operateColIndex < 0) {\n      return { gridList: _currentGridList, gridGroupList: [] };\n    }\n    return calculateOperateGrid(_currentGridList, operateColIndex);\n  }, [childrenList, defaultGridSize, screenType]);\n\n  // if (!screenType) return <Fragment>{props.children}</Fragment>;\n  return (\n    <Row {...otherProps}>\n      {childrenList.map((item, index) => {\n        const itemProps = { ...defaultGridSize, ...item.props };\n        const newProps = {\n          key: index,\n          ...itemProps,\n          [screenType]: gridList[index] || itemProps[screenType],\n        };\n        if (item.type['domTypeName'] === 'FormOperateCol') {\n          newProps['rowColTotal'] = gridGroupList.length;\n        }\n        return cloneElement(item, newProps);\n      })}\n    </Row>\n  );\n};\n","import { FormCol } from './form-col.jsx';\nimport { FormOperateCol } from './form-operate-col.jsx';\nimport { FormRow } from './form-row.jsx';\n\nexport const FormGrid = {\n  /**\n   * FormItem网格响应式布局\n   *```\n   * 1. 应用场景：Form条件布局\n   * 2. 子元素只能是 FormGrid.Col、FormGrid.OperateCol，其他会被忽略\n   * 3. 所有子元素中只能存在一个 FormGrid.OperateCol\n   */\n  Row: FormRow,\n  /**\n   * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n   *```\n   * 1. 设置 span 栅格占位格数，替换lg、xl、xxl默认数据，不替换xs、sm布局数据\n   * 2. grid 自定义响应式网格布局\n   * xs: 屏幕 < 576px\n   * sm: 屏幕 ≥ 576px\n   * md: 屏幕 ≥ 768px\n   * lg: 屏幕 ≥ 992px\n   * xl: 屏幕 ≥ 1200px\n   * xxl: 屏幕 ≥ 1600px\n   * ```\n   */\n  Col: FormCol,\n  /**\n   * FormOperateCol 布局说明\n   * ```\n   * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等\n   * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐\n   * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局\n   * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐\n   * ```\n   */\n  OperateCol: FormOperateCol,\n};\n"],"names":["forceAloneRowGrid","xs","sm","md","lg","xl","xxl","FormCol","props","forceAloneRow","hidden","otherProps","_objectWithoutProperties","_excluded","forceGrid","_jsx","Col","_objectSpread","children","fullGrid","FormOperateCol","_ref","leftList","rightList","rowColTotal","justify","leftSpaceProps","rightSpaceProps","_leftList","filter","Boolean","_rightList","hasAll","length","colJustify","useMemo","className","_classNames","Form","Item","_jsxs","Row","wrap","Space","map","item","style","overflowX","calculateOperateGrid","gridList","operateColIndex","groupList","getGroupItem","index","value","condition","groupItemList","currentIndex","total","currentValue","push","hasOperateList","find","temp","hasOperateTotal","hasOperateIndex","forEach","reduce","a","b","concat","gridGroupList","_error","defaultGrid","defaultSmallGrid","FormRow","gridSize","screenType","useResponsivePoint","childrenList","toArray","isValidElement","valueIsEqual","type","defaultGridSize","_useMemo","findIndex","undefined","_currentGridList","_temp$props","_temp$props3","span","includes","_temp$props2","innerSpan","itemProps","newProps","key","_defineProperty","cloneElement","FormGrid","OperateCol"],"mappings":"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"}

package/dist/form-item-group/index.d.ts

@@ -0,0 +1,44 @@
+import { CSSProperties, ReactElement } from 'react';
+
+export type FormItemHorizontalUnionProps = {
+	className?: string;
+	style?: CSSProperties;
+	label?: string | ReactElement;
+	/** 水平布局元素 */
+	groupConfigList: {
+		hidden?: boolean;
+		before?: ReactElement | string;
+		/**
+		 * 设置宽度
+		 * ```
+		 * 1. 自适应可设置：auto
+		 * 2. 可设置具体数值
+		 * 3. 不设置会在铺满flex剩余空间
+		 * 4. 多个未设置会等分铺满剩余空间
+		 * ```
+		 */
+		width?: number | string;
+		mainItem: ReactElement;
+		after?: ReactElement | string;
+	}[];
+	/** 水平布局原始之间的间距 */
+	gap?: number;
+	flexLayoutStyle?: CSSProperties;
+	flexLayoutClassName?: string;
+	hidden?: boolean;
+	required?: boolean;
+	colon?: boolean;
+};
+export type FormItemCardProps = {
+	title?: string | ReactElement;
+	children: ReactElement | ReactElement[];
+	className?: string;
+	style?: CSSProperties;
+	titleSign?: boolean;
+};
+export declare const FormItemGroup: {
+	HorizontalUnion: (props: FormItemHorizontalUnionProps) => import("react").JSX.Element;
+	Card: import("react").FC<FormItemCardProps>;
+};
+
+export {};

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

@@ -0,0 +1,109 @@
+/* eslint-disable */
+import './../fba-hooks/index.css';
+import './../flex-layout/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { b as _objectSpread2, i as _defineProperty } from '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { fbaHooks } from '../fba-hooks/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo, isValidElement, cloneElement } from 'react';
+import { Form } from 'antd';
+import { F as FlexLayout } from '../flex-layout-BaDncU_Z.js';
+import '@wove/react/hooks';
+import '@flatbiz/utils';
+import '../use-responsive-point-Bp3D3lZT.js';
+
+var FormItemCard = function FormItemCard(props) {
+  var classNamePrefix = 'form-item-group-card';
+  var theme = fbaHooks.useThemeToken();
+  var style = {
+    '--form-item-group-colorPrimary': theme.colorPrimary
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(classNamePrefix, props.className),
+    style: _objectSpread2(_objectSpread2({}, style), props.style),
+    children: [props.title ? /*#__PURE__*/jsx("div", {
+      className: classNames("".concat(classNamePrefix, "-title"), _defineProperty({}, "".concat(classNamePrefix, "-title-sign"), props.titleSign === true)),
+      children: props.title
+    }) : null, props.children]
+  });
+};
+FormItemCard.defaultProps = {
+  titleSign: true
+};
+
+/**
+ * FormItem 水平布局
+ * ```
+ * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/input
+ * ```
+ * @param props
+ * @returns
+ */
+var FormItemHorizontalUnion = function FormItemHorizontalUnion(props) {
+  var groupFlexElementData = useMemo(function () {
+    var fullIndex = [];
+    var flexElementList = [];
+    var groupConfigList = props.groupConfigList.filter(function (item) {
+      return !item.hidden;
+    });
+    groupConfigList.forEach(function (item) {
+      if (item.before) {
+        flexElementList.push(/*#__PURE__*/isValidElement(item.before) ? item.before : /*#__PURE__*/jsx("div", {
+          className: "union-before-text",
+          children: item.before
+        }));
+      }
+      if (item.width) {
+        flexElementList.push(/*#__PURE__*/cloneElement(item.mainItem, {
+          style: _objectSpread2({
+            width: item.width
+          }, item.mainItem.props.style)
+        }));
+      } else {
+        fullIndex.push(flexElementList.length);
+        flexElementList.push(item.mainItem);
+      }
+      if (item.after) {
+        flexElementList.push(/*#__PURE__*/isValidElement(item.after) ? item.after : /*#__PURE__*/jsx("div", {
+          className: "union-after-text",
+          children: item.after
+        }));
+      }
+    });
+    return {
+      flexElementList: flexElementList,
+      fullIndex: fullIndex
+    };
+  }, [props.groupConfigList]);
+  return /*#__PURE__*/jsx(Form.Item, {
+    label: props.label,
+    className: classNames('form-item-group-horizontal-union', props.className),
+    style: props.style,
+    hidden: props.hidden,
+    required: props.required,
+    colon: props.colon,
+    children: /*#__PURE__*/jsx(FlexLayout, {
+      direction: "horizontal",
+      gap: props.gap === undefined ? 15 : props.gap,
+      fullIndex: groupFlexElementData.fullIndex,
+      style: props.flexLayoutStyle,
+      className: props.flexLayoutClassName,
+      children: groupFlexElementData.flexElementList.map(function (item, index) {
+        return /*#__PURE__*/cloneElement(item, {
+          key: index
+        });
+      })
+    })
+  });
+};
+
+var FormItemGroup = {
+  HorizontalUnion: FormItemHorizontalUnion,
+  Card: FormItemCard
+};
+
+export { FormItemGroup };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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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"}

package/dist/form-item-hidden/index.d.ts

@@ -0,0 +1,11 @@
+import { FormItemProps } from 'antd';
+
+export type FormItemHiddenProps = {
+	name: FormItemProps["name"];
+};
+export declare const FormItemHidden: {
+	(props: FormItemHiddenProps): import("react").JSX.Element;
+	domTypeName: string;
+};
+
+export {};

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

@@ -0,0 +1,8 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { F as FormItemHidden } from '../form-item-hidden-B9afZdSe.js';
+import 'antd';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

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

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

package/dist/form-item-hidden-B9afZdSe.js

@@ -0,0 +1,16 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { Form } from 'antd';
+import { jsx } from 'react/jsx-runtime';
+
+var FormItemHidden = function FormItemHidden(props) {
+  return /*#__PURE__*/jsx(Form.Item, {
+    name: props.name,
+    hidden: true,
+    children: /*#__PURE__*/jsx("span", {})
+  });
+};
+FormItemHidden['domTypeName'] = 'FormItemHidden';
+
+export { FormItemHidden as F };
+//# sourceMappingURL=form-item-hidden-B9afZdSe.js.map

package/dist/form-item-hidden-B9afZdSe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item-hidden-B9afZdSe.js","sources":["@flatbiz/antd/src/form-item-hidden/form-item-hidden.tsx"],"sourcesContent":["import type { FormItemProps } from 'antd';\nimport { Form } from 'antd';\n\nexport type FormItemHiddenProps = {\n  name: FormItemProps['name'];\n};\n\nexport const FormItemHidden = (props: FormItemHiddenProps) => {\n  return (\n    <Form.Item name={props.name} hidden>\n      <span></span>\n    </Form.Item>\n  );\n};\n\nFormItemHidden['domTypeName'] = 'FormItemHidden';\n"],"names":["FormItemHidden","props","_jsx","Form","Item","name","hidden","children"],"mappings":";;;;;IAOaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAA0B,EAAK;AAC5D,EAAA,oBACEC,GAAA,CAACC,IAAI,CAACC,IAAI,EAAA;IAACC,IAAI,EAAEJ,KAAK,CAACI,IAAK;IAACC,MAAM,EAAA,IAAA;IAAAC,QAAA,eACjCL,GAAA,CAAY,MAAA,EAAA,EAAA;AAAC,GACJ,CAAC;AAEhB;AAEAF,cAAc,CAAC,aAAa,CAAC,GAAG,gBAAgB;;;;"}

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

@@ -0,0 +1 @@
+.form-item-text-content{display:inline-flex;font-size:14px;padding:4px 0;width:100%}.form-item-text{overflow:hidden}.fitc-loading .ant-spin-dot{margin-left:0!important}.fitc-reload-icon{font-size:14px;padding:0 3px}.fitc-reload-icon:hover{transform:scale(1.1);transition:all .1s ease-in}.compact-theme .fitc-reload-icon,.compact-theme .form-item-text-content{font-size:12px}.dark-theme .form-item-text-content{color:hsla(0,0%,100%,.85)}.light-theme .form-item-text-content{color:rgba(0,0,0,.88)}.text-overflow{display:flex}.text-overflow,.tow-content{overflow:hidden;position:relative;width:100%}.tow-content{display:inline-block;text-align:inherit;text-overflow:ellipsis;white-space:nowrap}.tow-hidden{display:inline-block;height:0;left:0;overflow:hidden;position:absolute;top:0;width:0}.tow-hidden span{white-space:nowrap}.tow-hidden span,.tow-inner-text{display:inline-block}.tow-trigger .tow-content,.tow-trigger .tow-cut-content{color:#1677ff;transition:color .3s}.tow-trigger .tow-show-text{cursor:pointer}.tow-trigger .tow-show-text:hover{color:#69b1ff}.tips-wrapper{align-items:center;display:inline-flex}.tips-wrapper-icon{flex-shrink:0;opacity:.8}.tips-wrapper-text{flex:1;overflow:hidden}

package/dist/form-item-text/index.d.ts

@@ -0,0 +1,120 @@
+import { TAny, TPlainObject } from '@flatbiz/utils';
+import { FormItemProps } from 'antd';
+import { ReactElement, ReactNode } from 'react';
+
+export type TFormItemLayoutPreClassNameProps = {
+	/**
+	 * label宽度，Form内部所有FormItem label都生效
+	 * ```
+	 * 1. 可设置数值
+	 * 2. 可设置`auto`自适应
+	 * ```
+	 */
+	labelWidth?: "auto" | "70" | "80" | "90" | "100" | "110" | "120" | "130" | "140" | "150" | "160" | "170" | "180" | "190" | "200";
+	/** labelItem 竖直布局 */
+	labelItemVertical?: boolean;
+	/** label 对齐方式 */
+	labelAlign?: "left" | "right";
+	/**
+	 * className 中可能会包含 preDefinedClassName.formItem.xx，优先级大于 labelWidth、labelItemVertical、labelAlign
+	 */
+	className?: string;
+};
+export type FormItemWrapperProps = FormItemProps & TFormItemLayoutPreClassNameProps & {
+	wrapper?: (children: ReactNode) => ReactElement;
+	/** 设置wrapper后，before、after失效 */
+	before?: ReactNode;
+	/** 设置wrapper后，before、after失效 */
+	after?: ReactNode;
+	/** value 序列化处理 */
+	inputNormalize?: (value?: TAny) => TAny;
+	/**
+	 * onChange 参数序列化处理
+	 * 如果设置 normalize 属性，outputNormalize将失效
+	 */
+	outputNormalize?: (value?: TAny) => TAny;
+	/** 是否清除 Form.Item  */
+	isClear?: boolean;
+	/**
+	 * 栅格占位格数，最大值：24
+	 * ```
+	 * 1. 当 FormItemWrapper 处在 EasyForm 直接子节点中有效，即FormItemWrapper在EasyForm栅格中的占位格数；
+	 * ```
+	 */
+	span?: number;
+};
+export type FormItemTextServiceConfig = {
+	onRequest: (params?: TAny) => Promise<TAny>;
+	/** 接口参数，当params发生变化后，会主动发送查询请求 */
+	params?: TPlainObject;
+	/** 标记serviceConfig.params中无效参数，被设置的params key 不传入服务接口入参  */
+	invalidParamKey?: string[];
+	/** 如果没有配置 render，返回结果会直接进行dom渲染，如果非string类型会进行JSON.stringify处理 */
+	onResponseAdapter?: (respData?: TAny, value?: TAny) => TAny;
+	/** 必须参数key列表，与params配合使用 */
+	requiredParamsKeys?: string[];
+};
+export type FormItemTextProps = Omit<FormItemWrapperProps, "onChange"> & {
+	/** 是否换行，默认不换行，超出省略（鼠标悬浮可显示） */
+	wrap?: boolean;
+	/** 自定义数据显示 */
+	render?: (value?: TAny) => ReactNode;
+	/** 占位值，当 value 为 ''、undefined、null时显示 */
+	placeholderValue?: string;
+	/**
+	 * 发起服务调用显示数据，例如：数据为key，通过key查询text显示
+	 * ```
+	 * 1. 当serviceConfig.params发生变化后，会主动发送查询请求
+	 * ```
+	 */
+	serviceConfig?: FormItemTextServiceConfig;
+};
+/**
+ * FormItem 文本显示，默认不换行，超出省略（鼠标悬浮可显示）
+ * ```
+ * 可通过配置 serviceConfig 通过接口获取数据，一般用于 Select 数据显示
+ *
+ * 例如：
+ * 1. 基本数据渲染
+ * <FormItemText name="xxx" label="xxx" />
+ * 2. 对象数据渲染
+ * <FormItemText
+ *   name="xxx"
+ *   label="xxx"
+ *   render={(value) => {
+ *     const target = [].find(
+ *       (item) => item.value === value,
+ *     );
+ *     return target ? (
+ *       <Tag color={target['color']}>{target.label}</Tag>
+ *     ) : null;
+ *   }}
+ * />
+ * 3. 接口数据渲染
+ * <FormItemText
+ *   name="xxx"
+ *   label="xxx"
+ *   serviceConfig={{
+ *     onRequest: () => {
+ *       return serviceHandle.request('/random/api9468', {}, 'post');
+ *     },
+ *     onResponseAdapter: (dataList: TPlainObject[], value) => {
+ *       return dataList?.find((item) => item.value === value);
+ *     },
+ *   }}
+ *   render={(dataItem) => {
+ *     return dataItem ? (
+ *       <Tag style={{ margin: 0 }} color={dataItem['color']}>
+ *         {dataItem.label}
+ *       </Tag>
+ *     ) : null;
+ *   }}
+ * />
+ * ```
+ */
+export declare const FormItemText: {
+	(props: FormItemTextProps): import("react").JSX.Element;
+	domTypeName: string;
+};
+
+export {};

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

@@ -0,0 +1,29 @@
+/* eslint-disable */
+import './../fba-hooks/index.css';
+import './../form-item-hidden/index.css';
+import './../pre-defined-class-name/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { F as FormItemText } from '../form-item-text-B-uUpFQ3.js';
+import '@dimjs/utils/class-names/class-names';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import 'react';
+import '../form-item-hidden-B9afZdSe.js';
+import 'antd';
+import 'react/jsx-runtime';
+import '../form-item-wrapper-CwXh7JxL.js';
+import '@flatbiz/utils';
+import '../pre-defined-class-name/index.js';
+import '@ant-design/icons/es/icons/RedoOutlined.js';
+import '@ant-design/icons/es/icons/QuestionCircleFilled.js';
+import '../text-overflow-Bk9MC6Cg.js';
+import '@dimjs/lang/is-string';
+import 'ahooks';
+import '../fba-hooks/index.js';
+import '@wove/react/hooks';
+import '../use-responsive-point-Bp3D3lZT.js';
+import '../tips-wrapper-Bf9nfZq3.js';
+import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
+import '@dimjs/lang/is-deep-equal';
+//# sourceMappingURL=index.js.map

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

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