@flatbiz/antd 4.5.25 → 5.0.0

package/dist/form-item-text-B-uUpFQ3.js

@@ -0,0 +1,243 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { a as _slicedToArray, b as _objectSpread2, _ as _objectWithoutProperties } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { Fragment, useState, useRef, useMemo } from 'react';
+import { F as FormItemHidden } from './form-item-hidden-B9afZdSe.js';
+import { F as FormItemWrapper } from './form-item-wrapper-CwXh7JxL.js';
+import _RedoOutlined from '@ant-design/icons/es/icons/RedoOutlined.js';
+import _QuestionCircleFilled from '@ant-design/icons/es/icons/QuestionCircleFilled.js';
+import { Tooltip, Spin, Form } from 'antd';
+import { isUndefinedOrNull, toArray } from '@flatbiz/utils';
+import { T as TextOverflow } from './text-overflow-Bk9MC6Cg.js';
+import { T as TipsWrapper } from './tips-wrapper-Bf9nfZq3.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { isDeepEqual } from '@dimjs/lang/is-deep-equal';
+import { fbaHooks } from './fba-hooks/index.js';
+
+var FormItemTextContent = function FormItemTextContent(props) {
+  var originalValue = function () {
+    if (isUndefinedOrNull(props.value)) return props.placeholderValue;
+    return typeof props.value === 'string' ? props.value : JSON.stringify(props.value);
+  }();
+  var valueFt = props.wrap ? originalValue : /*#__PURE__*/jsx(TextOverflow, {
+    text: originalValue || ''
+  });
+  if (props.status === 'error') {
+    return /*#__PURE__*/jsx(Fragment, {
+      children: /*#__PURE__*/jsx(TipsWrapper, {
+        tipType: "tooltip",
+        tooltipProps: {
+          title: props.errorMsg
+        },
+        icon: /*#__PURE__*/jsx(_QuestionCircleFilled, {
+          style: {
+            color: 'red'
+          }
+        }),
+        gap: 6,
+        children: /*#__PURE__*/jsx(Tooltip, {
+          title: "\u70B9\u51FB\u67E5\u8BE2",
+          children: /*#__PURE__*/jsx(_RedoOutlined, {
+            style: {
+              color: 'red'
+            },
+            onClick: props.onRequest,
+            className: "fitc-reload-icon"
+          })
+        })
+      })
+    });
+  }
+  if (props.loading) {
+    return /*#__PURE__*/jsx("span", {
+      className: "form-item-text-content fitc-loading",
+      style: props.style,
+      children: /*#__PURE__*/jsx(Spin, {
+        spinning: props.loading,
+        size: "small",
+        children: /*#__PURE__*/jsx("span", {
+          style: {
+            textIndent: '-9999px',
+            display: 'inline-block'
+          },
+          children: "Loading"
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsx("span", {
+    className: "form-item-text-content",
+    style: props.style,
+    children: props.render ? props.render(props.value) : valueFt
+  });
+};
+
+var useRequestFormItemText = function useRequestFormItemText(props) {
+  var serviceConfig = props.serviceConfig;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    respData = _useState4[0],
+    setRespData = _useState4[1];
+  var prevParams = fbaHooks.usePrevious(serviceConfig === null || serviceConfig === void 0 ? void 0 : serviceConfig.params);
+  var _useState5 = useState('init'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    status = _useState6[0],
+    setStatus = _useState6[1];
+  var errorMsgRef = useRef();
+  var form = Form.useFormInstance();
+
+  // 用于直接发起接口调用，不能用于比较
+  var serviceParams = useMemo(function () {
+    var _serviceConfig$invali;
+    if (!(serviceConfig !== null && serviceConfig !== void 0 && serviceConfig.params) || toArray(serviceConfig === null || serviceConfig === void 0 ? void 0 : serviceConfig.invalidParamKey).length === 0) {
+      return serviceConfig === null || serviceConfig === void 0 ? void 0 : serviceConfig.params;
+    }
+    var newParams = _objectSpread2({}, serviceConfig === null || serviceConfig === void 0 ? void 0 : serviceConfig.params);
+    serviceConfig === null || serviceConfig === void 0 || (_serviceConfig$invali = serviceConfig.invalidParamKey) === null || _serviceConfig$invali === void 0 || _serviceConfig$invali.forEach(function (key) {
+      newParams[key] = undefined;
+    });
+    return newParams;
+  }, [serviceConfig === null || serviceConfig === void 0 ? void 0 : serviceConfig.invalidParamKey, serviceConfig === null || serviceConfig === void 0 ? void 0 : serviceConfig.params]);
+  var onInnerRequest = function onInnerRequest(params) {
+    return new Promise(function ($return, $error) {
+      var $Try_1_Finally = function ($Try_1_Exit) {
+        return function ($Try_1_Value) {
+          try {
+            setLoading(false);
+            return $Try_1_Exit && $Try_1_Exit.call(this, $Try_1_Value);
+          } catch ($boundEx) {
+            return $error($boundEx);
+          }
+        }.bind(this);
+      }.bind(this);
+      var mergeProps, keys, target, _respData, value, respDataFt;
+      if (!serviceConfig) return $return();
+      mergeProps = _objectSpread2(_objectSpread2({}, serviceParams), params);
+      keys = serviceConfig === null || serviceConfig === void 0 ? void 0 : serviceConfig.requiredParamsKeys;
+      if (keys !== null && keys !== void 0 && keys.length) {
+        target = keys.find(function (item) {
+          return isUndefinedOrNull(mergeProps[item]);
+        });
+        if (target) {
+          errorMsgRef.current = "\u7F3A\u5C11\u5FC5\u586B\u53C2\u6570\uFF1A".concat(keys.join('、'));
+          console.warn(errorMsgRef.current);
+          setStatus('error');
+          return $return();
+        }
+      }
+      var $Try_1_Post = function () {
+        try {
+          return $return();
+        } catch ($boundEx) {
+          return $error($boundEx);
+        }
+      };
+      var $Try_1_Catch = function (error) {
+        try {
+          console.error(error);
+          errorMsgRef.current = (error === null || error === void 0 ? void 0 : error.message) || '接口调用异常';
+          setStatus('error');
+          return $Try_1_Finally($Try_1_Post)();
+        } catch ($boundEx) {
+          return $Try_1_Finally($error)($boundEx);
+        }
+      };
+      try {
+        if (!loading) setLoading(true);
+        setStatus('init');
+        return Promise.resolve(serviceConfig.onRequest(mergeProps)).then(function ($await_2) {
+          try {
+            _respData = $await_2;
+            value = props.name ? form.getFieldValue(props.name) : undefined;
+            respDataFt = serviceConfig.onResponseAdapter ? serviceConfig.onResponseAdapter(_respData, value) : _respData;
+            setRespData(respDataFt);
+            setStatus('success');
+            return $Try_1_Finally($Try_1_Post)();
+          } catch ($boundEx) {
+            return $Try_1_Catch($boundEx);
+          }
+        }, $Try_1_Catch);
+      } catch (error) {
+        $Try_1_Catch(error);
+      }
+    });
+  };
+  fbaHooks.useEffectCustomAsync(onInnerRequest, []);
+  fbaHooks.useEffectCustom(function () {
+    if (!serviceConfig) return;
+    if (prevParams) {
+      if (!isDeepEqual(serviceConfig.params, prevParams)) {
+        void onInnerRequest();
+      }
+    }
+  }, [prevParams, serviceConfig === null || serviceConfig === void 0 ? void 0 : serviceConfig.params]);
+  if (!serviceConfig) {
+    return undefined;
+  }
+  return {
+    loading: loading,
+    status: status,
+    viewValue: respData,
+    onRequest: onInnerRequest,
+    errorMsg: errorMsgRef.current
+  };
+};
+
+var _excluded$1 = ["wrap", "render", "placeholderValue", "serviceConfig"];
+var RequestText = function RequestText(props) {
+  var wrap = props.wrap,
+    render = props.render,
+    placeholderValue = props.placeholderValue,
+    serviceConfig = props.serviceConfig,
+    otherProps = _objectWithoutProperties(props, _excluded$1);
+  var requestResult = useRequestFormItemText({
+    serviceConfig: serviceConfig,
+    name: props.name
+  });
+  return /*#__PURE__*/jsx(FormItemWrapper, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    name: undefined,
+    className: classNames('form-item-text', props.className),
+    children: /*#__PURE__*/jsx(FormItemTextContent, {
+      loading: requestResult === null || requestResult === void 0 ? void 0 : requestResult.loading,
+      wrap: wrap,
+      render: render,
+      placeholderValue: placeholderValue,
+      value: requestResult === null || requestResult === void 0 ? void 0 : requestResult.viewValue,
+      status: requestResult === null || requestResult === void 0 ? void 0 : requestResult.status,
+      onRequest: requestResult === null || requestResult === void 0 ? void 0 : requestResult.onRequest,
+      errorMsg: requestResult === null || requestResult === void 0 ? void 0 : requestResult.errorMsg
+    })
+  }));
+};
+
+var _excluded = ["wrap", "render", "placeholderValue"];
+var FormItemText = function FormItemText(props) {
+  var wrap = props.wrap,
+    render = props.render,
+    placeholderValue = props.placeholderValue,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  if (props.serviceConfig) {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(FormItemHidden, {
+        name: props.name
+      }), /*#__PURE__*/jsx(RequestText, _objectSpread2({}, props))]
+    });
+  }
+  return /*#__PURE__*/jsx(FormItemWrapper, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    className: classNames('form-item-text', props.className),
+    children: /*#__PURE__*/jsx(FormItemTextContent, {
+      wrap: wrap,
+      render: render,
+      placeholderValue: placeholderValue
+    })
+  }));
+};
+FormItemText['domTypeName'] = 'FormItemText';
+
+export { FormItemText as F };
+//# sourceMappingURL=form-item-text-B-uUpFQ3.js.map

package/dist/form-item-text-B-uUpFQ3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item-text-B-uUpFQ3.js","sources":["@flatbiz/antd/src/form-item-text/content.tsx","@flatbiz/antd/src/form-item-text/use-request.tsx","@flatbiz/antd/src/form-item-text/request-text.tsx","@flatbiz/antd/src/form-item-text/form-item-text.tsx"],"sourcesContent":["import { type CSSProperties, Fragment } from 'react';\nimport { Spin, Tooltip } from 'antd';\nimport { QuestionCircleFilled, RedoOutlined } from '@ant-design/icons';\nimport type { TAny } from '@flatbiz/utils';\nimport { isUndefinedOrNull } from '@flatbiz/utils';\nimport { TextOverflow } from '../text-overflow/text-overflow.jsx';\nimport { TipsWrapper } from '../tips-wrapper/tips-wrapper.jsx';\nimport { type FormItemTextProps } from './types.js';\n\nexport const FormItemTextContent = (\n  props: Pick<FormItemTextProps, 'render' | 'wrap' | 'placeholderValue'> & {\n    value?: string;\n    style?: CSSProperties;\n    loading?: boolean;\n    status?: 'success' | 'error' | 'init';\n    onRequest?: () => TAny;\n    errorMsg?: string;\n  }\n) => {\n  const originalValue = (function () {\n    if (isUndefinedOrNull(props.value)) return props.placeholderValue;\n    return typeof props.value === 'string'\n      ? props.value\n      : JSON.stringify(props.value);\n  })();\n  const valueFt = props.wrap ? (\n    originalValue\n  ) : (\n    <TextOverflow text={originalValue || ''} />\n  );\n\n  if (props.status === 'error') {\n    return (\n      <Fragment>\n        <TipsWrapper\n          tipType=\"tooltip\"\n          tooltipProps={{ title: props.errorMsg }}\n          icon={<QuestionCircleFilled style={{ color: 'red' }} />}\n          gap={6}\n        >\n          <Tooltip title=\"点击查询\">\n            <RedoOutlined\n              style={{ color: 'red' }}\n              onClick={props.onRequest}\n              className=\"fitc-reload-icon\"\n            />\n          </Tooltip>\n        </TipsWrapper>\n      </Fragment>\n    );\n  }\n\n  if (props.loading) {\n    return (\n      <span className=\"form-item-text-content fitc-loading\" style={props.style}>\n        <Spin spinning={props.loading} size=\"small\">\n          <span style={{ textIndent: '-9999px', display: 'inline-block' }}>\n            Loading\n          </span>\n        </Spin>\n      </span>\n    );\n  }\n  return (\n    <span className=\"form-item-text-content\" style={props.style}>\n      {props.render ? props.render(props.value) : valueFt}\n    </span>\n  );\n};\n","import { useMemo, useRef, useState } from 'react';\nimport { Form } from 'antd';\nimport { isDeepEqual } from '@dimjs/lang';\nimport {\n  isUndefinedOrNull,\n  type TAny,\n  toArray,\n  type TPlainObject,\n} from '@flatbiz/utils';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport type { FormItemWrapperProps } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport { type FormItemTextServiceConfig } from './types.js';\n\nexport const useRequestFormItemText = (props: {\n  serviceConfig?: FormItemTextServiceConfig;\n  name?: FormItemWrapperProps['name'];\n}) => {\n  const serviceConfig = props.serviceConfig;\n  const [loading, setLoading] = useState(false);\n  const [respData, setRespData] = useState<TAny>();\n  const prevParams = fbaHooks.usePrevious(serviceConfig?.params);\n  const [status, setStatus] = useState<'success' | 'error' | 'init'>('init');\n  const errorMsgRef = useRef<string>();\n  const form = Form.useFormInstance();\n\n  // 用于直接发起接口调用，不能用于比较\n  const serviceParams = useMemo(() => {\n    if (\n      !serviceConfig?.params ||\n      toArray(serviceConfig?.invalidParamKey).length === 0\n    ) {\n      return serviceConfig?.params;\n    }\n    const newParams = { ...serviceConfig?.params };\n    serviceConfig?.invalidParamKey?.forEach((key) => {\n      newParams[key] = undefined;\n    });\n    return newParams;\n  }, [serviceConfig?.invalidParamKey, serviceConfig?.params]);\n\n  const onInnerRequest = async (params?: TPlainObject) => {\n    if (!serviceConfig) return;\n    const mergeProps = { ...serviceParams, ...params };\n    const keys = serviceConfig?.requiredParamsKeys;\n    if (keys?.length) {\n      const target = keys.find((item) => {\n        return isUndefinedOrNull(mergeProps[item]);\n      });\n      if (target) {\n        errorMsgRef.current = `缺少必填参数：${keys.join('、')}`;\n        console.warn(errorMsgRef.current);\n        setStatus('error');\n        return;\n      }\n    }\n    try {\n      if (!loading) setLoading(true);\n      setStatus('init');\n      const respData = await serviceConfig.onRequest(mergeProps);\n      const value = props.name ? form.getFieldValue(props.name) : undefined;\n      const respDataFt = serviceConfig.onResponseAdapter\n        ? serviceConfig.onResponseAdapter(respData, value)\n        : respData;\n      setRespData(respDataFt);\n      setStatus('success');\n    } catch (error: TAny) {\n      console.error(error);\n      errorMsgRef.current = error?.message || '接口调用异常';\n      setStatus('error');\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  fbaHooks.useEffectCustomAsync(onInnerRequest, []);\n\n  fbaHooks.useEffectCustom(() => {\n    if (!serviceConfig) return;\n    if (prevParams) {\n      if (!isDeepEqual(serviceConfig.params, prevParams)) {\n        void onInnerRequest();\n      }\n    }\n  }, [prevParams, serviceConfig?.params]);\n\n  if (!serviceConfig) {\n    return undefined;\n  }\n\n  return {\n    loading,\n    status,\n    viewValue: respData,\n    onRequest: onInnerRequest,\n    errorMsg: errorMsgRef.current,\n  };\n};\n","import { classNames } from '@dimjs/utils';\nimport { FormItemWrapper } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport { FormItemTextContent } from './content.jsx';\nimport { type FormItemTextProps } from './types.js';\nimport { useRequestFormItemText } from './use-request.jsx';\n\n/**\n * FormItem 文本显示，默认不换行，超出省略（鼠标悬浮可显示）\n * @param props\n * @returns\n */\nexport const RequestText = (props: FormItemTextProps) => {\n  const { wrap, render, placeholderValue, serviceConfig, ...otherProps } =\n    props;\n  const requestResult = useRequestFormItemText({\n    serviceConfig,\n    name: props.name,\n  });\n  return (\n    <FormItemWrapper\n      {...otherProps}\n      name={undefined}\n      className={classNames('form-item-text', props.className)}\n    >\n      <FormItemTextContent\n        loading={requestResult?.loading}\n        wrap={wrap}\n        render={render}\n        placeholderValue={placeholderValue}\n        value={requestResult?.viewValue}\n        status={requestResult?.status}\n        onRequest={requestResult?.onRequest}\n        errorMsg={requestResult?.errorMsg}\n      />\n    </FormItemWrapper>\n  );\n};\n","import { Fragment } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport { FormItemHidden } from '../form-item-hidden/index.js';\nimport { FormItemWrapper } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport { FormItemTextContent } from './content.jsx';\nimport { RequestText } from './request-text.jsx';\nimport { type FormItemTextProps } from './types.js';\nimport './style.less';\n/**\n * FormItem 文本显示，默认不换行，超出省略（鼠标悬浮可显示）\n * ```\n * 可通过配置 serviceConfig 通过接口获取数据，一般用于 Select 数据显示\n *\n * 例如：\n * 1. 基本数据渲染\n * <FormItemText name=\"xxx\" label=\"xxx\" />\n * 2. 对象数据渲染\n * <FormItemText\n *   name=\"xxx\"\n *   label=\"xxx\"\n *   render={(value) => {\n *     const target = [].find(\n *       (item) => item.value === value,\n *     );\n *     return target ? (\n *       <Tag color={target['color']}>{target.label}</Tag>\n *     ) : null;\n *   }}\n * />\n * 3. 接口数据渲染\n * <FormItemText\n *   name=\"xxx\"\n *   label=\"xxx\"\n *   serviceConfig={{\n *     onRequest: () => {\n *       return serviceHandle.request('/random/api9468', {}, 'post');\n *     },\n *     onResponseAdapter: (dataList: TPlainObject[], value) => {\n *       return dataList?.find((item) => item.value === value);\n *     },\n *   }}\n *   render={(dataItem) => {\n *     return dataItem ? (\n *       <Tag style={{ margin: 0 }} color={dataItem['color']}>\n *         {dataItem.label}\n *       </Tag>\n *     ) : null;\n *   }}\n * />\n * ```\n */\nexport const FormItemText = (props: FormItemTextProps) => {\n  const { wrap, render, placeholderValue, ...otherProps } = props;\n\n  if (props.serviceConfig) {\n    return (\n      <Fragment>\n        <FormItemHidden name={props.name} />\n        <RequestText {...props} />\n      </Fragment>\n    );\n  }\n\n  return (\n    <FormItemWrapper\n      {...otherProps}\n      className={classNames('form-item-text', props.className)}\n    >\n      <FormItemTextContent\n        wrap={wrap}\n        render={render}\n        placeholderValue={placeholderValue}\n      />\n    </FormItemWrapper>\n  );\n};\n\nFormItemText['domTypeName'] = 'FormItemText';\n"],"names":["FormItemTextContent","props","originalValue","isUndefinedOrNull","value","placeholderValue","JSON","stringify","valueFt","wrap","_jsx","TextOverflow","text","status","Fragment","children","TipsWrapper","tipType","tooltipProps","title","errorMsg","icon","_QuestionCircleFilled","style","color","gap","Tooltip","_RedoOutlined","onClick","onRequest","className","loading","Spin","spinning","size","textIndent","display","render","useRequestFormItemText","serviceConfig","_useState","useState","_useState2","_slicedToArray","setLoading","_useState3","_useState4","respData","setRespData","prevParams","fbaHooks","usePrevious","params","_useState5","_useState6","setStatus","errorMsgRef","useRef","form","Form","useFormInstance","serviceParams","useMemo","_serviceConfig$invali","toArray","invalidParamKey","length","newParams","_objectSpread","forEach","key","undefined","onInnerRequest","Promise","$return","$error","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","$boundEx","bind","mergeProps","keys","target","_respData","respDataFt","requiredParamsKeys","find","item","current","concat","join","console","warn","$Try_1_Post","$Try_1_Catch","error","message","resolve","then","$await_2","name","getFieldValue","onResponseAdapter","useEffectCustomAsync","useEffectCustom","_isDeepEqual","viewValue","RequestText","otherProps","_objectWithoutProperties","_excluded","requestResult","FormItemWrapper","_classNames","FormItemText","_jsxs","FormItemHidden"],"mappings":"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"}

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

@@ -0,0 +1,59 @@
+import { TAny } 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;
+};
+/**
+ * 对 Form.Item 包装处理
+ * ```
+ * 1. 为 children 增加 before、after
+ * 2. 对输入、输出数据进行序列化处理
+ * 3. 内置布局样式使用 preDefinedClassName.formItem
+ * ```
+ */
+export declare const FormItemWrapper: {
+	(props: FormItemWrapperProps): import("react").JSX.Element | null;
+	domTypeName: string;
+};
+
+export {};

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

@@ -0,0 +1,14 @@
+/* eslint-disable */
+import './../pre-defined-class-name/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { F as FormItemWrapper } from '../form-item-wrapper-CwXh7JxL.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import 'react';
+import 'antd';
+import '@flatbiz/utils';
+import '../pre-defined-class-name/index.js';
+import '@dimjs/utils/class-names/class-names';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,99 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { useMemo, isValidElement, cloneElement } from 'react';
+import { Form } from 'antd';
+import { composeProps } from '@flatbiz/utils';
+import { preDefinedClassName } from './pre-defined-class-name/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _excluded = ["wrapper", "children", "inputNormalize"],
+  _excluded2 = ["wrapper", "isClear", "labelWidth", "labelItemVertical", "labelAlign", "children", "before", "after", "inputNormalize", "outputNormalize", "className"];
+var FormItemWrapperChildren = function FormItemWrapperChildren(props) {
+  var wrapper = props.wrapper,
+    children = props.children,
+    inputNormalize = props.inputNormalize,
+    rest = _objectWithoutProperties(props, _excluded);
+  // composeProps 合并执行 Form.Item 传的 onChange 以及组件本身的方法
+  var hasValue = Object.prototype.hasOwnProperty.call(rest, 'value');
+  if (hasValue && inputNormalize) {
+    rest['value'] = inputNormalize(rest['value']);
+  }
+  var _children = /*#__PURE__*/cloneElement(children, composeProps(children.props, rest, true));
+  if (wrapper) {
+    return wrapper(_children);
+  }
+  if (props.before || props.after) {
+    return /*#__PURE__*/jsxs("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: [props.before ? /*#__PURE__*/jsx("span", {
+        style: {
+          marginRight: 10
+        },
+        children: props.before
+      }) : null, /*#__PURE__*/jsx("div", {
+        style: {
+          flex: 1
+        },
+        children: _children
+      }), props.after ? /*#__PURE__*/jsx("span", {
+        style: {
+          marginLeft: 10
+        },
+        children: props.after
+      }) : null]
+    });
+  }
+  return _children;
+};
+
+/**
+ * 对 Form.Item 包装处理
+ * ```
+ * 1. 为 children 增加 before、after
+ * 2. 对输入、输出数据进行序列化处理
+ * 3. 内置布局样式使用 preDefinedClassName.formItem
+ * ```
+ */
+var FormItemWrapper = function FormItemWrapper(props) {
+  var wrapper = props.wrapper,
+    isClear = props.isClear,
+    labelWidth = props.labelWidth,
+    labelItemVertical = props.labelItemVertical,
+    labelAlign = props.labelAlign,
+    children = props.children,
+    before = props.before,
+    after = props.after,
+    inputNormalize = props.inputNormalize,
+    outputNormalize = props.outputNormalize,
+    className = props.className,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var innerClassName = useMemo(function () {
+    return preDefinedClassName.getFormItemLayoutClassName({
+      labelWidth: labelWidth,
+      labelItemVertical: labelItemVertical,
+      labelAlign: labelAlign,
+      className: className
+    });
+  }, [labelWidth, labelItemVertical, labelAlign, className]);
+  if (isClear) return null;
+  return /*#__PURE__*/jsx(Form.Item, _objectSpread2(_objectSpread2({
+    normalize: outputNormalize
+  }, rest), {}, {
+    className: innerClassName,
+    children: /*#__PURE__*/isValidElement(children) ? /*#__PURE__*/jsx(FormItemWrapperChildren, {
+      wrapper: wrapper,
+      before: before,
+      after: after,
+      inputNormalize: inputNormalize,
+      children: children
+    }) : children
+  }));
+};
+FormItemWrapper['domTypeName'] = 'FormItemWrapper';
+
+export { FormItemWrapper as F };
+//# sourceMappingURL=form-item-wrapper-CwXh7JxL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-item-wrapper-CwXh7JxL.js","sources":["@flatbiz/antd/src/form-item-wrapper/form-item-wrapper.tsx"],"sourcesContent":["import type { ReactElement, ReactNode } from 'react';\nimport { cloneElement, isValidElement, useMemo } from 'react';\nimport type { FormItemProps } from 'antd';\nimport { Form } from 'antd';\nimport type { TAny } from '@flatbiz/utils';\nimport { composeProps } from '@flatbiz/utils';\nimport type { TFormItemLayoutPreClassNameProps } from '../pre-defined-class-name/form/index.jsx';\nimport { preDefinedClassName } from '../pre-defined-class-name/index.js';\n\nexport type FormItemWrapperProps = FormItemProps &\n  TFormItemLayoutPreClassNameProps & {\n    wrapper?: (children: ReactNode) => ReactElement;\n    /** 设置wrapper后，before、after失效 */\n    before?: ReactNode;\n    /** 设置wrapper后，before、after失效 */\n    after?: ReactNode;\n    /** value 序列化处理 */\n    inputNormalize?: (value?: TAny) => TAny;\n    /**\n     * onChange 参数序列化处理\n     * 如果设置 normalize 属性，outputNormalize将失效\n     */\n    outputNormalize?: (value?: TAny) => TAny;\n    /** 是否清除 Form.Item  */\n    isClear?: boolean;\n    /**\n     * 栅格占位格数，最大值：24\n     * ```\n     * 1. 当 FormItemWrapper 处在 EasyForm 直接子节点中有效，即FormItemWrapper在EasyForm栅格中的占位格数；\n     * ```\n     */\n    span?: number;\n  };\n\ntype FormItemWrapperChildrenProps = Pick<\n  FormItemWrapperProps,\n  'wrapper' | 'after' | 'before' | 'inputNormalize'\n> & {\n  children: ReactElement;\n};\n\nconst FormItemWrapperChildren = (props: FormItemWrapperChildrenProps) => {\n  const { wrapper, children, inputNormalize, ...rest } = props;\n  // composeProps 合并执行 Form.Item 传的 onChange 以及组件本身的方法\n  const hasValue = Object.prototype.hasOwnProperty.call(rest, 'value');\n  if (hasValue && inputNormalize) {\n    rest['value'] = inputNormalize(rest['value']);\n  }\n  const _children = cloneElement(\n    children,\n    composeProps(children.props, rest, true)\n  );\n  if (wrapper) {\n    return wrapper(_children);\n  }\n  if (props.before || props.after) {\n    return (\n      <div style={{ display: 'flex', alignItems: 'center' }}>\n        {props.before ? (\n          <span style={{ marginRight: 10 }}>{props.before}</span>\n        ) : null}\n        <div style={{ flex: 1 }}>{_children}</div>\n        {props.after ? (\n          <span style={{ marginLeft: 10 }}>{props.after}</span>\n        ) : null}\n      </div>\n    );\n  }\n  return _children;\n};\n\n/**\n * 对 Form.Item 包装处理\n * ```\n * 1. 为 children 增加 before、after\n * 2. 对输入、输出数据进行序列化处理\n * 3. 内置布局样式使用 preDefinedClassName.formItem\n * ```\n */\nexport const FormItemWrapper = (props: FormItemWrapperProps) => {\n  const {\n    wrapper,\n    isClear,\n    labelWidth,\n    labelItemVertical,\n    labelAlign,\n    children,\n    before,\n    after,\n    inputNormalize,\n    outputNormalize,\n    className,\n    ...rest\n  } = props;\n\n  const innerClassName = useMemo(() => {\n    return preDefinedClassName.getFormItemLayoutClassName({\n      labelWidth,\n      labelItemVertical,\n      labelAlign,\n      className,\n    });\n  }, [labelWidth, labelItemVertical, labelAlign, className]);\n\n  if (isClear) return null;\n\n  return (\n    <Form.Item normalize={outputNormalize} {...rest} className={innerClassName}>\n      {isValidElement(children) ? (\n        <FormItemWrapperChildren\n          wrapper={wrapper}\n          before={before}\n          after={after}\n          inputNormalize={inputNormalize}\n        >\n          {children}\n        </FormItemWrapperChildren>\n      ) : (\n        children\n      )}\n    </Form.Item>\n  );\n};\n\nFormItemWrapper['domTypeName'] = 'FormItemWrapper';\n"],"names":["FormItemWrapperChildren","props","wrapper","children","inputNormalize","rest","_objectWithoutProperties","_excluded","hasValue","Object","prototype","hasOwnProperty","call","_children","cloneElement","composeProps","before","after","_jsxs","style","display","alignItems","_jsx","marginRight","flex","marginLeft","FormItemWrapper","isClear","labelWidth","labelItemVertical","labelAlign","outputNormalize","className","_excluded2","innerClassName","useMemo","preDefinedClassName","getFormItemLayoutClassName","Form","Item","_objectSpread","normalize","isValidElement"],"mappings":"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"}

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

@@ -0,0 +1 @@
+.bw-center-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ant-btn.button-remove-gap{height:auto;line-height:normal;margin:0;min-height:auto;padding:0}.form-list-wrapper{background-color:var(--block-bg-color)}.form-list-wrapper .form-list-item-content .ant-form-item.form-item-group-horizontal-union,.form-list-wrapper .form-list-item-content .ant-form-item.form-item-group-horizontal-union .ant-form-item{margin-bottom:0}.text-symbol-wrapper{display:inline-block;position:relative}.tsw-symbol{font-size:14px;line-height:normal;position:absolute;top:50%}.tsw-symbol-before{transform:translate(-100%,-50%)}.tsw-symbol-after{transform:translate(100%,-50%)}.tsw-required .tsw-symbol{color:#ff4d4f}

package/dist/form-list-wrapper/index.d.ts

@@ -0,0 +1,135 @@
+import { TPlainObject } from '@flatbiz/utils';
+import { FormListFieldData, FormListOperation } from 'antd';
+import { FormListProps } from 'antd/es/form';
+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 FormListWrapperContentProps = {
+	/** Form.List item fieldData */
+	formListFieldData: FormListFieldData;
+	/**
+	 * 当前阶段 完整 formItem name
+	 * ```
+	 * 1. 获取当前输入项Item数据
+	 *    form.getFieldValue(props.formStageCompleteName);
+	 * 2. 获取当前输入项Item指定字段数据
+	 *    form.getFieldValue([...props.formStageCompleteName, 'key']);
+	 * ```
+	 */
+	formStageCompleteName: (string | number)[];
+	/**
+	 * formList上一级 formItem完整name
+	 */
+	prevCompleteName: (string | number)[];
+	/** Form.List 操作项 */
+	operation: FormListOperation;
+	/** 索引 */
+	index: number;
+	/** 获取当前FormList 内部 Form.Item name */
+	getInsideFormItemName: (key: string | string[]) => Array<string | number>;
+	/** 获取当前 FormList Item 数据 */
+	getInsideFormItemData: () => TPlainObject;
+	/** 唯一值字段Key */
+	uidKey: string;
+};
+export type FormListWrapperProps = {
+	className?: string;
+	style?: CSSProperties;
+	/** formList item 数据中的唯一值，默认值：uid */
+	uidFieldName?: string;
+	/** formList name */
+	name: string | number | (string | number)[];
+	/**
+	 * formList上一级 formItem完整name
+	 * ```
+	 * 1. 如果没有传 []
+	 * 2. FormList内部通过 Form.useWatch 取值需要完整 name
+	 * ```
+	 */
+	prevCompleteName: (string | number)[];
+	/** formListItem 内容 */
+	/** 新增行默认值，自定义onTableAfterRender后失效 */
+	getAddRowDefaultValues?: () => TPlainObject;
+	/** 隐藏新增行按钮 */
+	hiddenAddRowButton?: boolean;
+	/** 自定义新增行按钮，getAddRowDefaultValues配置失效 */
+	onCustomAddRowButton?: (operation: FormListOperation) => ReactElement;
+	/** formListItem 内容 */
+	children: (data: FormListWrapperContentProps) => ReactElement;
+	/** 隐藏数据为空渲染 */
+	hiddenEmptyRender?: boolean;
+	/** formList内部渲染包装，多用于FormListWrapper嵌套布局 */
+	formListChildrenWrapper?: (props: {
+		children: ReactElement;
+	}) => ReactElement;
+	/**
+	 * Form.List rules
+	 * ```
+	 rules={[
+		{
+		  validator: async (_, names) => {
+			if (!names || names.length < 2) {
+			  return Promise.reject(new Error('At least 2 passengers'));
+			}
+		  },
+		},
+	  ]}
+	 * ```
+	 */
+	rules?: FormListProps["rules"];
+	/**
+	 * 设置FormList字段标题&必填标志
+	 * ```
+	 * demo: http://dev.flatjs.com:6007/pages/flat/oss-demo/main/form/list?env=me
+	 * 1. 会根据数组顺序进行渲染
+	 * ```
+	 */
+	formListItemTitleList?: {
+		title: string;
+		required?: boolean;
+		width?: number;
+	}[];
+	/** formListItemTitle HorizontalUnionProps 配置 */
+	formListItemTitleHorizontalUnionProps?: Omit<FormItemHorizontalUnionProps, "groupConfigList">;
+	/** FormList Item 之间间隙，默认值：16 */
+	itemGap?: number;
+};
+/**
+ * Form.List 包装组件，使用更简单
+ * ```
+ * Demo: https://fex.qa.tcshuke.com/docs/admin/main/form/list
+ * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置
+ * 2. 通过 itemGap 设置FormList Item 之间间隙
+ * ```
+ */
+export declare const FormListWrapper: (props: FormListWrapperProps) => import("react").JSX.Element;
+
+export {};

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

@@ -0,0 +1,41 @@
+/* eslint-disable */
+import './../fba-hooks/index.css';
+import './../flex-layout/index.css';
+import './../form-item-group/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { F as FormListWrapper } from '../form-list-wrapper-DdhJ2Pv3.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@dimjs/utils/class-names/class-names';
+import 'react';
+import 'antd';
+import '@flatbiz/utils';
+import '../button-wrapper-l9FUsrWl.js';
+import '@ant-design/icons/es/icons/LoadingOutlined.js';
+import '@dimjs/lang/is-promise';
+import '@wove/react/hooks';
+import '../config-provider-wrapper-DDa_64Ce.js';
+import 'antd/es/locale/en_US.js';
+import 'antd/es/locale/zh_CN.js';
+import 'dayjs';
+import 'dayjs/plugin/advancedFormat.js';
+import 'dayjs/plugin/customParseFormat.js';
+import 'dayjs/plugin/localeData.js';
+import 'dayjs/plugin/utc.js';
+import 'dayjs/plugin/weekday.js';
+import 'dayjs/plugin/weekOfYear.js';
+import 'dayjs/plugin/weekYear.js';
+import '@dimjs/utils/extend/extend';
+import '../fba-hooks/index.js';
+import '../use-responsive-point-Bp3D3lZT.js';
+import 'dayjs/locale/en.js';
+import 'dayjs/locale/zh-cn.js';
+import 'react/jsx-runtime';
+import '../fba-utils-Dfbczn1S.js';
+import '@dimjs/lang/is-array';
+import '@dimjs/model';
+import '../form-item-group/index.js';
+import '../flex-layout-BaDncU_Z.js';
+import '../symbol-CX0y_DJ4.js';
+//# sourceMappingURL=index.js.map