@flatbiz/antd 4.5.25 → 5.0.0

package/dist/dialog-modal/index.d.ts

@@ -0,0 +1,112 @@
+import { TAny, TNoopDefine, TPlainObject } from '@flatbiz/utils';
+import { ButtonProps, FormInstance, ModalProps } from 'antd';
+import { ConfigProviderProps } from 'antd/es/config-provider';
+import { ReactElement } from 'react';
+
+export type ButtonWrapperProps = Omit<ButtonProps, "onClick" | "color"> & {
+	/** 当返回 Promise 时，按钮自动loading */
+	onClick?: (e: React.MouseEvent<HTMLElement>) => Promise<TAny> | void;
+	/** 重复点击间隙，单位毫秒 默认值：500 */
+	debounceDuration?: number;
+	/** 基于GLOBAL中elemAclLimits按钮权限列表，控制按钮显示、隐藏 */
+	permission?: string;
+	/** 是否隐藏按钮 */
+	hidden?: boolean;
+	/** loading 显示位置，默认值：left */
+	loadingPosition?: "left" | "center";
+	/** 移除按钮内边距，一般用于 type=link 类型下 */
+	removeGap?: boolean;
+	color?: string;
+};
+export type TLocale = "en" | "zh-cn";
+export type TFbaLocale = {
+	TreeWrapper?: {
+		/** 数据加载异常默认文案 */
+		requestError?: string;
+	};
+	FbaDialogModal?: {
+		cancelText?: string;
+	};
+};
+export type ConfigProviderWrapperProps = Omit<ConfigProviderProps, "locale"> & {
+	locale?: TLocale;
+	/** 自定义国际化数据 */
+	customLocaleMessage?: Partial<TFbaLocale>;
+	/** 同 fbaHooks.useCopyRemoveSpace[ignoreClass]  */
+	copyOperateIgnoreClass?: string[];
+};
+export type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContainer" | "open" | "open" | "okButtonProps" | "cancelButtonProps" | "footer"> & {
+	/**
+	 * 内置尺寸，根据比例固定高度、宽度，默认：无
+	 * ```
+	 * 1. 如果自定义了width、bodyHeight属性，size中的height、width将对应失效
+	 * 2. 不传、传null值可取消内置尺寸
+	 * ```
+	 */
+	size?: "small" | "middle" | "large" | null;
+	onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
+	onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
+	content: string | ReactElement | ((form: FormInstance, operate: {
+		onClose: TNoopDefine;
+	}) => ReactElement);
+	configProviderProps?: ConfigProviderWrapperProps;
+	okHidden?: boolean;
+	cancelHidden?: boolean;
+	okButtonProps?: Omit<ButtonWrapperProps, "hidden" | "children" | "onClick">;
+	cancelButtonProps?: Omit<ButtonWrapperProps, "hidden" | "children" | "onClick">;
+	/**
+	 * 设置modal body height 为当前窗口height的百分比，例如：30
+	 * @deprecated 已失效，可通过size属性设置
+	 * ```
+	 * 1. 最大值：80
+	 * 1. 设置bodyStyle.height 后，bodyHeightPercent失效
+	 * ```
+	 */
+	bodyHeightPercent?: number;
+	titleExtra?: ReactElement;
+	/**
+	 * null则隐藏footer
+	 * ```
+	 * extraData 为外部通过 useDialogModal.rerenderFooter 重新渲染footer携带的数据
+	 * ```
+	 */
+	footer?: null | ReactElement | ReactElement[] | ((form: FormInstance, extraData?: TPlainObject) => ReactElement);
+	/** 内容高度，为styles.body.height快捷配置，优先级低于styles.body.height */
+	bodyHeight?: number;
+};
+/**
+ * 居中弹框
+ * ```
+ * 1. 可嵌套使用
+ * 2. 为什么不推荐使用
+ *    dialogModal.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
+ *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）
+ * 3. 需要修改默认主题风格的场景，请使用
+ *    const { appDialogModal } = FbaApp.useDialogModal();
+ *    appDialogModal.open({})
+ * 4. size属性可使用预设的弹窗尺寸（默认值middle），如果不使用内置尺寸可设置 size = null
+ * ```
+ */
+export declare const dialogModal: {
+	open: (props: DialogModalProps) => {
+		close: () => void;
+	};
+	/**
+	 * ```
+	 * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个
+	 * 2. 多个弹框主动关闭，只能使用 dialogModal.open()返回值中的close
+	 * ```
+	 */
+	close: () => void;
+	/**
+	 * ```
+	 * 1. rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
+	 * ```
+	 */
+	useDialogModal: () => {
+		/** 重新渲染 footer， data为携带的数据，是footer的第二个参数  */
+		rerenderFooter: (data?: TPlainObject) => void;
+	};
+};
+
+export {};

package/dist/dialog-modal/index.js

@@ -0,0 +1,41 @@
+/* eslint-disable */
+import './../fba-hooks/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { d as dialogModal } from '../dialog-modal-DbTrsUc2.js';
+import '@dimjs/lang/is-string';
+import '@dimjs/utils/class-names/class-names';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@dimjs/lang/is-promise';
+import '@wove/react/hooks';
+import 'react';
+import 'react-dom/client';
+import 'ahooks';
+import 'antd';
+import '@flatbiz/utils';
+import '../button-wrapper-l9FUsrWl.js';
+import '@ant-design/icons/es/icons/LoadingOutlined.js';
+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 '../flex-layout-BaDncU_Z.js';
+import '@wove/react/create-ctx';
+//# sourceMappingURL=index.js.map

package/dist/dialog-modal/index.js.map

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

package/dist/dialog-modal-DbTrsUc2.js

@@ -0,0 +1,247 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { isString } from '@dimjs/lang/is-string';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { a as _slicedToArray, b as _objectSpread2, _ as _objectWithoutProperties } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { isPromise } from '@dimjs/lang/is-promise';
+import { hooks } from '@wove/react/hooks';
+import { useState, useMemo } from 'react';
+import { createRoot } from 'react-dom/client';
+import { useSize } from 'ahooks';
+import { Form, Modal } from 'antd';
+import { dom } from '@flatbiz/utils';
+import { B as ButtonWrapper } from './button-wrapper-l9FUsrWl.js';
+import { C as ConfigProviderWrapper } from './config-provider-wrapper-DDa_64Ce.js';
+import { fbaHooks } from './fba-hooks/index.js';
+import { F as FlexLayout } from './flex-layout-BaDncU_Z.js';
+import { createCtx } from '@wove/react/create-ctx';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var _createCtx = createCtx(),
+  _createCtx2 = _slicedToArray(_createCtx, 2),
+  useDialogModalCtx = _createCtx2[0],
+  DialogModalCtxProvider = _createCtx2[1];
+
+var _excluded = ["title", "titleExtra", "divElement", "elementId", "onOk", "onCancel", "okButtonProps", "cancelButtonProps", "content", "configProviderProps", "className", "okHidden", "cancelHidden", "footer", "cancelText", "okText", "size", "bodyHeight"];
+var ModalRender = function ModalRender(props) {
+  var _otherProps$styles, _otherProps$styles2;
+  var title = props.title,
+    titleExtra = props.titleExtra,
+    divElement = props.divElement,
+    elementId = props.elementId,
+    onOk = props.onOk,
+    onCancel = props.onCancel,
+    okButtonProps = props.okButtonProps,
+    cancelButtonProps = props.cancelButtonProps,
+    content = props.content,
+    configProviderProps = props.configProviderProps,
+    className = props.className,
+    okHidden = props.okHidden,
+    cancelHidden = props.cancelHidden,
+    footer = props.footer,
+    cancelText = props.cancelText,
+    okText = props.okText,
+    size = props.size,
+    bodyHeight = props.bodyHeight,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var htmlSize = useSize(document.querySelector('html'));
+  var screenType = fbaHooks.useResponsivePoint() || '';
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    footerExtraData = _useState4[0],
+    setFooterExtraData = _useState4[1];
+  var onClose = hooks.useCallbackRef(function () {
+    try {
+      delete window[elementId];
+    } catch (_error) {
+      //
+    }
+    setOpen(false);
+  });
+  fbaHooks.useEffectCustom(function () {
+    window[elementId] = onClose;
+  }, [onClose]);
+  var onCancelHandle = hooks.useCallbackRef(function (e) {
+    if (onCancel) {
+      var response = onCancel(form, e);
+      if (response && isPromise(response)) {
+        return response.then(onClose);
+      }
+    }
+    return onClose();
+  });
+  var onOkHandle = hooks.useCallbackRef(function (e) {
+    if (onOk) {
+      var response = onOk(form, e);
+      if (response && isPromise(response)) {
+        return response.then(onClose);
+      }
+    }
+    return onClose();
+  });
+  var onAfterClose = hooks.useCallbackRef(function () {
+    var _props$afterClose;
+    dom.removeBodyChild("#".concat(elementId));
+    (_props$afterClose = props.afterClose) === null || _props$afterClose === void 0 || _props$afterClose.call(props);
+  });
+  var footerNew = fbaHooks.useMemoCustom(function () {
+    if (footer) {
+      return typeof footer === 'function' ? footer(form, footerExtraData) : footer;
+    }
+    if (cancelHidden && okHidden) {
+      return null;
+    }
+    return [/*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({}, cancelButtonProps), {}, {
+      onClick: onCancelHandle,
+      hidden: cancelHidden,
+      children: cancelText || '取消'
+    }), "0"), /*#__PURE__*/jsx(ButtonWrapper, _objectSpread2(_objectSpread2({
+      type: "primary"
+    }, okButtonProps), {}, {
+      onClick: onOkHandle,
+      hidden: okHidden,
+      children: okText || '提交'
+    }), "1")].filter(Boolean);
+  }, [footerExtraData]);
+  var customSize = useMemo(function () {
+    if (!(htmlSize !== null && htmlSize !== void 0 && htmlSize.height) || !screenType) return undefined;
+    var isXsSm = ['xs', 'sm'].includes(screenType);
+    if (size == 'large') {
+      return {
+        height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.7,
+        width: isXsSm ? '90%' : htmlSize.width * 0.6
+      };
+    }
+    if (size == 'small') {
+      var width = htmlSize.width * 0.3;
+      return {
+        height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.4,
+        width: isXsSm ? '90%' : width < 470 ? 470 : width
+      };
+    }
+    if (size == 'middle') {
+      return {
+        height: (htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height) * 0.4,
+        width: isXsSm ? '90%' : htmlSize.width * 0.5
+      };
+    }
+    return undefined;
+  }, [htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.height, htmlSize === null || htmlSize === void 0 ? void 0 : htmlSize.width, screenType, size]);
+  var classNameNew = classNames('v-dialog-modal', {
+    'v-dialog-modal-title-extra': !!titleExtra
+  }, {
+    'v-dialog-modal-footer-empty': !footerNew
+  }, className);
+  var rerenderFooter = function rerenderFooter(data) {
+    setFooterExtraData(data);
+  };
+  var bodyHeightNew = ((_otherProps$styles = otherProps.styles) === null || _otherProps$styles === void 0 || (_otherProps$styles = _otherProps$styles.body) === null || _otherProps$styles === void 0 ? void 0 : _otherProps$styles.height) || bodyHeight;
+  return /*#__PURE__*/jsx(DialogModalCtxProvider, {
+    value: {
+      rerenderFooter: rerenderFooter
+    },
+    children: /*#__PURE__*/jsx(ConfigProviderWrapper, _objectSpread2(_objectSpread2({}, configProviderProps), {}, {
+      children: /*#__PURE__*/jsx(Modal, _objectSpread2(_objectSpread2({
+        title: titleExtra ? /*#__PURE__*/jsxs(FlexLayout, {
+          direction: "horizontal",
+          fullIndex: 0,
+          children: [/*#__PURE__*/jsx("span", {
+            children: title
+          }), titleExtra]
+        }) : title,
+        maskClosable: true,
+        centered: true,
+        onCancel: onClose,
+        destroyOnClose: true,
+        width: customSize === null || customSize === void 0 ? void 0 : customSize.width
+      }, otherProps), {}, {
+        footer: footerNew,
+        styles: _objectSpread2(_objectSpread2({}, otherProps.styles), {}, {
+          body: _objectSpread2({
+            height: bodyHeightNew || (customSize === null || customSize === void 0 ? void 0 : customSize.height),
+            maxHeight: 'calc(100vh - 200px)'
+          }, (_otherProps$styles2 = otherProps.styles) === null || _otherProps$styles2 === void 0 ? void 0 : _otherProps$styles2.body)
+        }),
+        className: classNameNew,
+        open: open,
+        afterClose: onAfterClose,
+        getContainer: divElement,
+        children: typeof content === 'function' ? content(form, {
+          onClose: onClose
+        }) : content
+      }))
+    }))
+  });
+};
+
+/**
+ * 居中弹框
+ * ```
+ * 1. 可嵌套使用
+ * 2. 为什么不推荐使用
+ *    dialogModal.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
+ *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）
+ * 3. 需要修改默认主题风格的场景，请使用
+ *    const { appDialogModal } = FbaApp.useDialogModal();
+ *    appDialogModal.open({})
+ * 4. size属性可使用预设的弹窗尺寸（默认值middle），如果不使用内置尺寸可设置 size = null
+ * ```
+ */
+var dialogModal = {
+  open: function open(props) {
+    var _dom$bodyAppendDivEle = dom.bodyAppendDivElement(),
+      divElement = _dom$bodyAppendDivEle.divElement,
+      elementId = _dom$bodyAppendDivEle.elementId;
+    window['__dialog_modal_elementId'] = elementId;
+    var root = createRoot(divElement);
+    root.render(/*#__PURE__*/jsx(ModalRender, _objectSpread2(_objectSpread2({}, props), {}, {
+      divElement: divElement,
+      elementId: elementId
+    })));
+    return {
+      close: function close() {
+        var _elementId, _ref;
+        (_elementId = (_ref = window)[elementId]) === null || _elementId === void 0 || _elementId.call(_ref);
+      }
+    };
+  },
+  /**
+   * ```
+   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个
+   * 2. 多个弹框主动关闭，只能使用 dialogModal.open()返回值中的close
+   * ```
+   */
+  close: function close() {
+    try {
+      var _window$elementId, _window;
+      var elementId = window['__dialog_modal_elementId'];
+      if (isString(elementId)) (_window$elementId = (_window = window)[elementId]) === null || _window$elementId === void 0 || _window$elementId.call(_window);
+    } catch (_error) {
+      //
+    }
+  },
+  /**
+   * ```
+   * 1. rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态
+   * ```
+   */
+  useDialogModal: function useDialogModal() {
+    var ctx = useDialogModalCtx();
+    return {
+      /** 重新渲染 footer， data为携带的数据，是footer的第二个参数  */
+      rerenderFooter: function rerenderFooter(data) {
+        ctx.rerenderFooter(data);
+      }
+    };
+  }
+};
+
+export { dialogModal as d };
+//# sourceMappingURL=dialog-modal-DbTrsUc2.js.map

package/dist/dialog-modal-DbTrsUc2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-modal-DbTrsUc2.js","sources":["@flatbiz/antd/src/dialog-modal/context.ts","@flatbiz/antd/src/dialog-modal/dialog-modal.tsx"],"sourcesContent":["import type { TPlainObject } from '@flatbiz/utils';\nimport { createCtx } from '@wove/react';\n\nexport const [useDialogModalCtx, DialogModalCtxProvider] = createCtx<{\n  /** 重新渲染footer */\n  rerenderFooter: (data?: TPlainObject) => void;\n}>();\n","import type { ReactElement } from 'react';\nimport { useMemo, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { useSize } from 'ahooks';\nimport type { FormInstance, ModalProps } from 'antd';\nimport { Form, Modal } from 'antd';\nimport { isNull, isPromise, isString } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport type {\n  BodyAppendDivElementProps,\n  TNoopDefine,\n  TPlainObject,\n} from '@flatbiz/utils';\nimport { dom } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport type { ButtonWrapperProps } from '../button-wrapper/button-wrapper.jsx';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport type { ConfigProviderWrapperProps } from '../config-provider-wrapper/config-provider-wrapper.jsx';\nimport { ConfigProviderWrapper } from '../config-provider-wrapper/config-provider-wrapper.jsx';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport { FlexLayout } from '../flex-layout/flex-layout.jsx';\nimport { DialogModalCtxProvider, useDialogModalCtx } from './context.js';\nimport './style.less';\n\nexport type DialogModalProps = Omit<\n  ModalProps,\n  | 'onOk'\n  | 'onCancel'\n  | 'getContainer'\n  | 'open'\n  | 'open'\n  | 'okButtonProps'\n  | 'cancelButtonProps'\n  | 'footer'\n> & {\n  /**\n   * 内置尺寸，根据比例固定高度、宽度，默认：无\n   * ```\n   * 1. 如果自定义了width、bodyHeight属性，size中的height、width将对应失效\n   * 2. 不传、传null值可取消内置尺寸\n   * ```\n   */\n  size?: 'small' | 'middle' | 'large' | null;\n  onOk?: (\n    form: FormInstance,\n    e: React.MouseEvent<HTMLElement>\n  ) => void | Promise<void>;\n  onCancel?: (\n    form: FormInstance,\n    e: React.MouseEvent<HTMLElement>\n  ) => void | Promise<void>;\n  content:\n    | string\n    | ReactElement\n    | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  okButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n  cancelButtonProps?: Omit<\n    ButtonWrapperProps,\n    'hidden' | 'children' | 'onClick'\n  >;\n  /**\n   * 设置modal body height 为当前窗口height的百分比，例如：30\n   * @deprecated 已失效，可通过size属性设置\n   * ```\n   * 1. 最大值：80\n   * 1. 设置bodyStyle.height 后，bodyHeightPercent失效\n   * ```\n   */\n  bodyHeightPercent?: number;\n  titleExtra?: ReactElement;\n  /**\n   * null则隐藏footer\n   * ```\n   * extraData 为外部通过 useDialogModal.rerenderFooter 重新渲染footer携带的数据\n   * ```\n   */\n  footer?:\n    | null\n    | ReactElement\n    | ReactElement[]\n    | ((form: FormInstance, extraData?: TPlainObject) => ReactElement);\n  /** 内容高度，为styles.body.height快捷配置，优先级低于styles.body.height */\n  bodyHeight?: number;\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogModalProps) => {\n  const {\n    title,\n    titleExtra,\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    okButtonProps,\n    cancelButtonProps,\n    content,\n    configProviderProps,\n    className,\n    okHidden,\n    cancelHidden,\n    footer,\n    cancelText,\n    okText,\n    size,\n    bodyHeight,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useState(true);\n  const [form] = Form.useForm();\n  const htmlSize = useSize(document.querySelector('html'));\n  const screenType = fbaHooks.useResponsivePoint() || '';\n  const [footerExtraData, setFooterExtraData] = useState<TPlainObject>({});\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (_error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    (window as any)[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onAfterClose = hooks.useCallbackRef(() => {\n    dom.removeBodyChild(`#${elementId}`);\n    props.afterClose?.();\n  });\n\n  const footerNew = fbaHooks.useMemoCustom(() => {\n    if (footer) {\n      return typeof footer === 'function'\n        ? footer(form, footerExtraData)\n        : footer;\n    }\n    if (cancelHidden && okHidden) {\n      return null;\n    }\n    return [\n      <ButtonWrapper\n        key=\"0\"\n        {...cancelButtonProps}\n        onClick={onCancelHandle}\n        hidden={cancelHidden}\n      >\n        {cancelText || '取消'}\n      </ButtonWrapper>,\n      <ButtonWrapper\n        key=\"1\"\n        type=\"primary\"\n        {...okButtonProps}\n        onClick={onOkHandle}\n        hidden={okHidden}\n      >\n        {okText || '提交'}\n      </ButtonWrapper>,\n    ].filter(Boolean);\n  }, [footerExtraData]);\n\n  const customSize = useMemo(() => {\n    if (!htmlSize?.height || !screenType) return undefined;\n    const isXsSm = ['xs', 'sm'].includes(screenType);\n    if (size == 'large') {\n      return {\n        height: htmlSize?.height * 0.7,\n        width: isXsSm ? '90%' : htmlSize.width * 0.6,\n      };\n    }\n    if (size == 'small') {\n      const width = htmlSize.width * 0.3;\n      return {\n        height: htmlSize?.height * 0.4,\n        width: isXsSm ? '90%' : width < 470 ? 470 : width,\n      };\n    }\n\n    if (size == 'middle') {\n      return {\n        height: htmlSize?.height * 0.4,\n        width: isXsSm ? '90%' : htmlSize.width * 0.5,\n      };\n    }\n\n    return undefined;\n  }, [htmlSize?.height, htmlSize?.width, screenType, size]);\n\n  const classNameNew = classNames(\n    'v-dialog-modal',\n    { 'v-dialog-modal-title-extra': !!titleExtra },\n    { 'v-dialog-modal-footer-empty': !footerNew },\n    className\n  );\n\n  const rerenderFooter = (data) => {\n    setFooterExtraData(data);\n  };\n\n  const bodyHeightNew = otherProps.styles?.body?.height || bodyHeight;\n\n  return (\n    <DialogModalCtxProvider value={{ rerenderFooter }}>\n      <ConfigProviderWrapper {...configProviderProps}>\n        <Modal\n          title={\n            titleExtra ? (\n              <FlexLayout direction=\"horizontal\" fullIndex={0}>\n                <span>{title}</span>\n                {titleExtra}\n              </FlexLayout>\n            ) : (\n              title\n            )\n          }\n          maskClosable={true}\n          centered={true}\n          onCancel={onClose}\n          destroyOnClose\n          width={customSize?.width}\n          {...otherProps}\n          footer={footerNew}\n          styles={{\n            ...otherProps.styles,\n            body: {\n              height: bodyHeightNew || customSize?.height,\n              maxHeight: 'calc(100vh - 200px)',\n              ...otherProps.styles?.body,\n            },\n          }}\n          className={classNameNew}\n          open={open}\n          afterClose={onAfterClose}\n          getContainer={divElement}\n        >\n          {typeof content === 'function' ? content(form, { onClose }) : content}\n        </Modal>\n      </ConfigProviderWrapper>\n    </DialogModalCtxProvider>\n  );\n};\n\n/**\n * 居中弹框\n * ```\n * 1. 可嵌套使用\n * 2. 为什么不推荐使用\n *    dialogModal.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 3. 需要修改默认主题风格的场景，请使用\n *    const { appDialogModal } = FbaApp.useDialogModal();\n *    appDialogModal.open({})\n * 4. size属性可使用预设的弹窗尺寸（默认值middle），如果不使用内置尺寸可设置 size = null\n * ```\n */\nexport const dialogModal = {\n  open: (props: DialogModalProps) => {\n    const { divElement, elementId } = dom.bodyAppendDivElement();\n    window['__dialog_modal_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(\n      <ModalRender {...props} divElement={divElement} elementId={elementId} />\n    );\n    return {\n      close: () => {\n        (window as any)[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogModal.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_modal_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (_error) {\n      //\n    }\n  },\n  /**\n   * ```\n   * 1. rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态\n   * ```\n   */\n  useDialogModal: () => {\n    const ctx = useDialogModalCtx();\n    return {\n      /** 重新渲染 footer， data为携带的数据，是footer的第二个参数  */\n      rerenderFooter: (data?: TPlainObject) => {\n        ctx.rerenderFooter(data);\n      },\n    };\n  },\n};\n"],"names":["_createCtx","_createCtx3","_createCtx2","_slicedToArray","useDialogModalCtx","DialogModalCtxProvider","ModalRender","props","_otherProps$styles","_otherProps$styles2","title","titleExtra","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","size","bodyHeight","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","open","setOpen","_Form$useForm","Form","useForm","_Form$useForm2","form","htmlSize","useSize","document","querySelector","screenType","fbaHooks","useResponsivePoint","_useState3","_useState4","footerExtraData","setFooterExtraData","onClose","_hooks","useCallbackRef","window","_error","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","onAfterClose","_props$afterClose","dom","removeBodyChild","concat","afterClose","call","footerNew","useMemoCustom","_jsx","ButtonWrapper","_objectSpread","onClick","hidden","children","type","filter","Boolean","customSize","useMemo","height","undefined","isXsSm","includes","width","classNameNew","_classNames","rerenderFooter","data","bodyHeightNew","styles","body","value","ConfigProviderWrapper","Modal","_jsxs","FlexLayout","direction","fullIndex","maskClosable","centered","destroyOnClose","maxHeight","getContainer","dialogModal","_dom$bodyAppendDivEle","bodyAppendDivElement","root","createRoot","render","close","_elementId","_ref","_window$elementId","_window","_isString","useDialogModal","ctx"],"mappings":"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"}

package/dist/dom-DJxTwF3J.js

@@ -0,0 +1,22 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+var bodyAppendDivElement = function bodyAppendDivElement() {
+  var div = document.createElement('div');
+  var id = "id_".concat(Date.now());
+  div.setAttribute('id', id);
+  document.body.append(div);
+  return {
+    divElement: div,
+    elementId: id
+  };
+};
+var removeBodyChild = function removeBodyChild(element) {
+  try {
+    document.body.removeChild(document.querySelector(element));
+  } catch (_error) {
+    //
+  }
+};
+
+export { bodyAppendDivElement as b, removeBodyChild as r };
+//# sourceMappingURL=dom-DJxTwF3J.js.map

package/dist/dom-DJxTwF3J.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-DJxTwF3J.js","sources":["@flatbiz/antd/src/_utils/dom.ts"],"sourcesContent":["export const bodyAppendDivElement = () => {\n  const div = document.createElement('div');\n  const id = `id_${Date.now()}`;\n  div.setAttribute('id', id);\n  document.body.append(div);\n  return {\n    divElement: div,\n    elementId: id,\n  };\n};\n\nexport const removeBodyChild = (element: string) => {\n  try {\n    document.body.removeChild(document.querySelector(element) as Node);\n  } catch (_error) {\n    //\n  }\n};\n\nexport interface BodyAppendDivElementProps {\n  divElement: HTMLDivElement;\n  elementId: string;\n}\n"],"names":["bodyAppendDivElement","div","document","createElement","id","concat","Date","now","setAttribute","body","append","divElement","elementId","removeBodyChild","element","removeChild","querySelector","_error"],"mappings":";;IAAaA,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAAS;AACxC,EAAA,IAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EACzC,IAAMC,EAAE,SAAAC,MAAA,CAASC,IAAI,CAACC,GAAG,EAAE,CAAE;AAC7BN,EAAAA,GAAG,CAACO,YAAY,CAAC,IAAI,EAAEJ,EAAE,CAAC;AAC1BF,EAAAA,QAAQ,CAACO,IAAI,CAACC,MAAM,CAACT,GAAG,CAAC;EACzB,OAAO;AACLU,IAAAA,UAAU,EAAEV,GAAG;AACfW,IAAAA,SAAS,EAAER;GACZ;AACH;IAEaS,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,OAAe,EAAK;EAClD,IAAI;IACFZ,QAAQ,CAACO,IAAI,CAACM,WAAW,CAACb,QAAQ,CAACc,aAAa,CAACF,OAAO,CAAS,CAAC;GACnE,CAAC,OAAOG,MAAM,EAAE;AACf;AAAA;AAEJ;;;;"}

package/dist/drag-BOT05TxF.js

@@ -0,0 +1,186 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { a as _slicedToArray, _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { Form } from 'antd';
+import { useSensors, useSensor, PointerSensor, DndContext } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { useSortable, SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable';
+import { E as EditableTablePro } from './editable-table-pro-B40tH9it.js';
+import { createCtx } from '@wove/react/create-ctx';
+import _DragOutlined from '@ant-design/icons/es/icons/DragOutlined.js';
+import { createElement, Children, cloneElement } from 'react';
+import { CSS } from '@dnd-kit/utilities';
+import { isUndefinedOrNull, noop } from '@flatbiz/utils';
+import { I as IconWrapper } from './icon-wrapper-CR3akisG.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _createCtx = createCtx(),
+  _createCtx2 = _slicedToArray(_createCtx, 2),
+  getCtx = _createCtx2[0],
+  CtxProvider = _createCtx2[1];
+
+var _excluded$1 = ["dragIcon"];
+var TableTrHandle = function TableTrHandle(props) {
+  var dragIcon = props.dragIcon,
+    innerProps = _objectWithoutProperties(props, _excluded$1);
+  var rowId = innerProps['data-row-key'];
+  var _useSortable = useSortable({
+      id: rowId
+    }),
+    setActivatorNodeRef = _useSortable.setActivatorNodeRef,
+    listeners = _useSortable.listeners,
+    setNodeRef = _useSortable.setNodeRef,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition,
+    isDragging = _useSortable.isDragging;
+  if (isUndefinedOrNull(rowId)) {
+    return /*#__PURE__*/jsx("tr", _objectSpread2({}, innerProps));
+  }
+  var style = _objectSpread2(_objectSpread2({}, innerProps.style), {}, {
+    transform: CSS.Transform.toString(transform && _objectSpread2(_objectSpread2({}, transform), {}, {
+      scaleY: 1
+    })),
+    transition: transition,
+    cursor: 'move'
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 9999,
+    boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',
+    backgroundColor: 'var(--block-bg-color)'
+  } : {});
+  var iconElement = dragIcon || /*#__PURE__*/jsx(_DragOutlined, {});
+  return /*#__PURE__*/createElement("tr", _objectSpread2(_objectSpread2({}, innerProps), {}, {
+    ref: setNodeRef,
+    style: style,
+    key: rowId
+  }), Children.map(props.children, function (child) {
+    if (child.key === '__sort') {
+      return /*#__PURE__*/cloneElement(child, {
+        children: /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
+          ref: setActivatorNodeRef,
+          style: {
+            touchAction: 'none',
+            cursor: 'move',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+          }
+        }, listeners), {}, {
+          children: /*#__PURE__*/jsx(IconWrapper, {
+            style: {
+              touchAction: 'none',
+              cursor: 'move',
+              padding: '1px 0px',
+              margin: 0,
+              justifyContent: 'center',
+              color: '#787878'
+            },
+            icon: iconElement,
+            onClick: noop,
+            size: "small"
+          })
+        }))
+      });
+    }
+    return child;
+  }));
+};
+
+var Row = function Row(props) {
+  var ctx = getCtx();
+  return /*#__PURE__*/jsx(TableTrHandle, _objectSpread2(_objectSpread2({}, props), {}, {
+    dragIcon: ctx.dragIcon
+  }));
+};
+
+var _excluded = ["dragIcon", "uidFieldKey", "onDragChange", "disabledDrag", "formListCompleteName", "formListName"];
+/**
+ * 可拖拽编辑表格
+ * ```
+ * 1. 表格数据必须有唯一值字段，通过参数 uidFieldKey 告诉组件
+ * 2. Table 参数 components.body.row 被组件内部使用
+ * 3. 不存在多级的情况下，可使用DragEditableTablePro组件实现拖拽排序
+ * 4. 存在多级的情况下，通过上移、下移操作按钮，调用 column.render.operation.move 方法实现同一级内移动
+ * ```
+ */
+var DragEditableTablePro = function DragEditableTablePro(props) {
+  var _otherProps$tableProp, _otherProps$tableProp2;
+  var dragIcon = props.dragIcon,
+    uidFieldKey = props.uidFieldKey,
+    onDragChange = props.onDragChange,
+    disabledDrag = props.disabledDrag,
+    formListCompleteName = props.formListCompleteName,
+    formListName = props.formListName,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var formListCompleteNameFt = formListCompleteName || formListName;
+  var form = Form.useFormInstance();
+  var dataList = Form.useWatch(formListCompleteNameFt, form);
+  var sensors = useSensors(useSensor(PointerSensor, {
+    activationConstraint: {
+      // 当拖拽触发区域有其他点击事件时，需要延迟触发拖拽动作
+      delay: 0,
+      tolerance: 0
+    }
+  }));
+  var onDragEnd = function onDragEnd(_ref) {
+    var active = _ref.active,
+      over = _ref.over;
+    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
+      var activeIndex = dataList.findIndex(function (i) {
+        return i[uidFieldKey] === active.id;
+      });
+      var overIndex = dataList.findIndex(function (i) {
+        return i[uidFieldKey] === (over === null || over === void 0 ? void 0 : over.id);
+      });
+      var dataListNew = arrayMove(dataList, activeIndex, overIndex);
+      form.setFields([{
+        name: formListCompleteNameFt,
+        value: dataListNew
+      }]);
+      onDragChange === null || onDragChange === void 0 || onDragChange(dataListNew, {
+        activeId: active.id,
+        overId: over === null || over === void 0 ? void 0 : over.id,
+        activeIndex: activeIndex,
+        overIndex: overIndex
+      });
+    }
+  };
+  var columns = disabledDrag ? otherProps.columns : [{
+    dataIndex: '__sort',
+    width: 40,
+    key: '__sort',
+    align: 'center'
+  }].concat(otherProps.columns || []);
+  return /*#__PURE__*/jsx(CtxProvider, {
+    value: {
+      dragIcon: dragIcon,
+      uidFieldKey: uidFieldKey
+    },
+    children: /*#__PURE__*/jsx(DndContext, {
+      sensors: sensors,
+      modifiers: [restrictToVerticalAxis],
+      onDragEnd: onDragEnd,
+      children: /*#__PURE__*/jsx(SortableContext, {
+        items: (dataList === null || dataList === void 0 ? void 0 : dataList.map(function (i) {
+          return i[uidFieldKey];
+        })) || [],
+        strategy: verticalListSortingStrategy,
+        children: /*#__PURE__*/jsx(EditableTablePro, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+          formListName: formListName,
+          uidFieldKey: uidFieldKey,
+          columns: columns,
+          tableProps: _objectSpread2(_objectSpread2({}, otherProps.tableProps), {}, {
+            components: _objectSpread2(_objectSpread2({}, (_otherProps$tableProp = otherProps.tableProps) === null || _otherProps$tableProp === void 0 ? void 0 : _otherProps$tableProp.components), {}, {
+              body: _objectSpread2(_objectSpread2({}, (_otherProps$tableProp2 = otherProps.tableProps) === null || _otherProps$tableProp2 === void 0 || (_otherProps$tableProp2 = _otherProps$tableProp2.components) === null || _otherProps$tableProp2 === void 0 ? void 0 : _otherProps$tableProp2.body), {}, {
+                row: disabledDrag ? undefined : Row
+              })
+            })
+          })
+        }))
+      })
+    })
+  });
+};
+
+export { DragEditableTablePro as D };
+//# sourceMappingURL=drag-BOT05TxF.js.map