@flatbiz/antd 4.5.25 → 5.0.0

package/dist/drag-table-By85hEGF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-table-By85hEGF.js","sources":["@flatbiz/antd/src/drag-table/context.ts","@flatbiz/antd/src/drag-table/table-tr.tsx","@flatbiz/antd/src/drag-table/table-tr-handle.tsx","@flatbiz/antd/src/drag-table/row.tsx","@flatbiz/antd/src/drag-table/drag-table.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\nimport { createCtx } from '@wove/react';\n\nexport const [getCtx, CtxProvider] = createCtx<{\n  dragIcon?: false | ReactElement;\n}>();\n","import { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport const TableTr = (props) => {\n  const { listeners, setNodeRef, transform, transition, isDragging } =\n    useSortable({\n      id: props['data-row-key'],\n    });\n\n  const style: React.CSSProperties = {\n    ...props.style,\n    transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n    transition,\n    cursor: 'move',\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n          boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n        }\n      : {}),\n  };\n\n  return <tr {...props} ref={setNodeRef} style={style} {...listeners} />;\n};\n","import {\n  Children,\n  cloneElement,\n  isValidElement,\n  type ReactElement,\n} from 'react';\nimport { type RowProps } from 'antd';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { noop } from '@flatbiz/utils';\nimport { IconWrapper } from '../icon-wrapper/icon-wrapper.jsx';\ntype TableTrHandleProps = RowProps & {\n  dragIcon?: false | ReactElement;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n  const { dragIcon, ...innerProps } = props;\n  const rowId = innerProps['data-row-key'];\n  const {\n    setActivatorNodeRef,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({\n    id: rowId,\n  });\n\n  if (!rowId) {\n    return <tr {...innerProps} />;\n  }\n  const style: React.CSSProperties = {\n    ...innerProps.style,\n    transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n    transition,\n    cursor: dragIcon === false ? 'move' : undefined,\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n          boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n          backgroundColor: 'var(--block-bg-color)',\n        }\n      : {}),\n  };\n  const iconElement = isValidElement(dragIcon) ? dragIcon : <DragOutlined />;\n  return (\n    <tr {...innerProps} ref={setNodeRef} style={style}>\n      {Children.map(props.children, (child) => {\n        if ((child as React.ReactElement).key === 'sort') {\n          return cloneElement(child as React.ReactElement, {\n            children: (\n              <span\n                ref={setActivatorNodeRef}\n                style={{\n                  touchAction: 'none',\n                  cursor: 'move',\n                  position: 'absolute',\n                  top: '50%',\n                  left: '50%',\n                  transform: 'translate(-50%, -50%)',\n                  display: 'inline-flex',\n                }}\n                {...listeners}\n              >\n                <IconWrapper\n                  style={{\n                    touchAction: 'none',\n                    cursor: 'move',\n                    padding: '1px 0px',\n                    margin: 0,\n                    justifyContent: 'center',\n                    color: '#787878',\n                  }}\n                  icon={iconElement}\n                  onClick={noop}\n                  size=\"small\"\n                />\n              </span>\n            ),\n          });\n        }\n        return child;\n      })}\n    </tr>\n  );\n};\n","import { getCtx } from './context.js';\nimport { TableTr } from './table-tr.jsx';\nimport { TableTrHandle } from './table-tr-handle.jsx';\n\nexport const Row = (props) => {\n  const ctx = getCtx();\n  return ctx.dragIcon === false ? (\n    <TableTr {...props} dragIcon={ctx.dragIcon} />\n  ) : (\n    <TableTrHandle {...props} dragIcon={ctx.dragIcon} />\n  );\n};\n","import { type ReactElement, useEffect, useMemo, useState } from 'react';\nimport { Table, type TableProps } from 'antd';\nimport {\n  DndContext,\n  type DragEndEvent,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport {\n  arrayMove,\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { CtxProvider } from './context.js';\nimport { Row } from './row.jsx';\n\ntype DragTableProps = Omit<TableProps<TPlainObject>, 'dataSource'> & {\n  /**\n   * ```\n   * 1. 可自定义拖拽图标\n   * 2. dragIcon = false，可设置表格行拖拽\n   * ```\n   */\n  dragIcon?: false | ReactElement;\n  /** 表格数据唯一值字段Key，未填或者无法唯一，都不能拖拽能力 */\n  uidFieldKey: string;\n  dataSource?: TPlainObject[];\n  /** 禁用拖拽 */\n  disabledDrag?: boolean;\n  /**\n   * 拖拽结束事件\n   * ```\n   * dataSource: 拖拽完成后的数据源\n   * dragData\n   * 1. activeId 拖拽ID\n   * 2. activeIndex 拖拽起始表格数组索引值\n   * 3. overIndex 拖拽结束表格数组索引值\n   * ```\n   */\n  onDragChange?: (\n    dataSource: TPlainObject[],\n    dragData: {\n      activeId: string | number;\n      activeIndex: number;\n      overIndex: number;\n    }\n  ) => void;\n};\n\n/**\n * 可拖拽表格\n * ```\n * 1. 必须设置唯一值字段 uidFieldKey\n * 2. 如果拖拽显示异常，请检查 uidFieldKey 是否正确\n * 3. Table 参数 components.body.row 被组件内部使用\n * ```\n */\nexport const DragTable = (props: DragTableProps) => {\n  const {\n    dragIcon,\n    uidFieldKey,\n    columns,\n    dataSource,\n    onDragChange,\n    disabledDrag,\n    ...otherProps\n  } = props;\n  const [dataList, setDataList] = useState<TAny[]>([]);\n\n  useEffect(() => {\n    setDataList(dataSource || []);\n  }, [dataSource]);\n\n  const onDragEnd = ({ active, over }: DragEndEvent) => {\n    if (active.id !== over?.id) {\n      const activeIndex = dataList.findIndex(\n        (i) => i[uidFieldKey] === active.id\n      );\n      const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n      const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n      setDataList([...dataListNew]);\n      onDragChange?.(dataListNew, {\n        activeId: active.id,\n        activeIndex,\n        overIndex,\n      });\n    }\n  };\n\n  const columnsList = useMemo(() => {\n    if (dragIcon === false || props.disabledDrag) return columns;\n    return [\n      {\n        key: 'sort',\n        dataIndex: 'sort',\n        align: 'center',\n        width: 50,\n      } as TAny,\n    ].concat(columns || []);\n  }, [columns, dragIcon, props.disabledDrag]);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        // 当拖拽触发区域有其他点击事件时，需要延迟触发拖拽动作\n        delay: dragIcon === false ? 150 : 0,\n        tolerance: 0,\n      },\n    })\n  );\n\n  return (\n    <CtxProvider value={{ dragIcon }}>\n      <DndContext\n        sensors={sensors}\n        modifiers={[restrictToVerticalAxis]}\n        onDragEnd={onDragEnd}\n      >\n        <SortableContext\n          items={dataList.map((i) => i[uidFieldKey])}\n          strategy={verticalListSortingStrategy}\n        >\n          <Table\n            pagination={false}\n            rowKey={uidFieldKey}\n            bordered\n            components={{\n              ...otherProps.components,\n              body: {\n                ...otherProps.components?.body,\n                row: disabledDrag ? undefined : Row,\n              },\n            }}\n            {...otherProps}\n            dataSource={dataList}\n            columns={columnsList}\n          />\n        </SortableContext>\n      </DndContext>\n    </CtxProvider>\n  );\n};\n"],"names":["_createCtx","_createCtx3","_createCtx2","_slicedToArray","getCtx","CtxProvider","TableTr","props","_useSortable","useSortable","id","listeners","setNodeRef","transform","transition","isDragging","style","_objectSpread","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","_jsx","ref","TableTrHandle","dragIcon","innerProps","_objectWithoutProperties","_excluded","rowId","setActivatorNodeRef","undefined","backgroundColor","iconElement","isValidElement","_DragOutlined","children","Children","map","child","key","cloneElement","touchAction","top","left","display","IconWrapper","padding","margin","justifyContent","color","icon","onClick","noop","size","Row","ctx","DragTable","_otherProps$component","uidFieldKey","columns","dataSource","onDragChange","disabledDrag","otherProps","_useState","useState","_useState2","dataList","setDataList","useEffect","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","_toConsumableArray","activeId","columnsList","useMemo","dataIndex","align","width","concat","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","value","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","Table","pagination","rowKey","bordered","components","body","row"],"mappings":"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"}

package/dist/dropdown-menu-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}.dropdown-menu-wrapper-popup.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item{padding:0}.dropdown-menu-wrapper-popup.ant-dropdown .ant-dropdown-menu.ant-dropdown-menu-item-active{background-color:none}.dropdown-menu-wrapper-popup.ant-dropdown .dmw-item-button{display:block;height:auto;padding:5px 12px;text-align:left;width:100%}.compact-theme .dropdown-menu-wrapper-popup.ant-dropdown .dmw-item-button{padding:3px 12px}

package/dist/dropdown-menu-wrapper/index.d.ts

@@ -0,0 +1,104 @@
+import { TAny, TNoopDefine, TPlainObject } from '@flatbiz/utils';
+import { ButtonProps, DropdownProps, 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;
+};
+export interface DropdownMenuItem extends Omit<ButtonProps, "color"> {
+	text?: string | ReactElement;
+	color?: string;
+	onClick?: (event: React.MouseEvent<HTMLElement>) => void | Promise<void>;
+	permission?: string;
+	needConfirm?: boolean;
+	confirmMessage?: string;
+	hidden?: boolean;
+	confirmModalProps?: DialogModalProps;
+	stopPropagation?: boolean;
+}
+export interface DropdownMenuWrapperProps extends Omit<DropdownProps, "menu"> {
+	menuList: Array<DropdownMenuItem | null>;
+	/** dropdown 设置弹框根节点在body下 */
+	isFixed?: boolean;
+}
+/**
+ * DropdownMenuWrapper
+ * 升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框使用存在问题，所以在 @flatbiz/antd@4.2.49版本修改为使用dialogConfirm组件实现二次弹框确认功能
+ * @param props
+ * @returns
+ * ```
+ * 1. Dropdown默认弹框根节点在组件内部，通过isFixed=true可设置弹框根节点在body下
+ * ```
+ */
+export declare const DropdownMenuWrapper: (props: DropdownMenuWrapperProps) => import("react").JSX.Element;
+
+export {};

package/dist/dropdown-menu-wrapper/index.js

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

package/dist/dropdown-menu-wrapper/index.js.map

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

package/dist/dropdown-menu-wrapper-F5A3o-Jt.js

@@ -0,0 +1,156 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import _ExclamationCircleFilled from '@ant-design/icons/es/icons/ExclamationCircleFilled.js';
+import { _ as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { hooks } from '@wove/react/hooks';
+import { Fragment, useMemo, createElement } from 'react';
+import { Dropdown } from 'antd';
+import { B as ButtonWrapper } from './button-wrapper-l9FUsrWl.js';
+import { d as dialogConfirm } from './dialog-confirm-DQdfsMXv.js';
+import { f as fbaUtils } from './fba-utils-Dfbczn1S.js';
+import { F as FlexLayout } from './flex-layout-BaDncU_Z.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function parentsHasSticky(node) {
+  var condition = true;
+  var result = false;
+  while (condition) {
+    if (node.tagName === 'HTML' || node.tagName === 'BODY') {
+      condition = false;
+      result = false;
+    } else {
+      var _window$getComputedSt = window.getComputedStyle(node),
+        position = _window$getComputedSt.position;
+      if (position === 'sticky') {
+        result = true;
+        condition = false;
+      } else {
+        if (!node || !node.parentNode) {
+          condition = false;
+        } else {
+          node = node.parentNode;
+        }
+      }
+    }
+  }
+  return result;
+}
+
+var _excluded = ["menuList"],
+  _excluded2 = ["text", "permission", "needConfirm", "confirmMessage", "hidden", "type", "confirmModalProps"];
+/**
+ * DropdownMenuWrapper
+ * 升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框使用存在问题，所以在 @flatbiz/antd@4.2.49版本修改为使用dialogConfirm组件实现二次弹框确认功能
+ * @param props
+ * @returns
+ * ```
+ * 1. Dropdown默认弹框根节点在组件内部，通过isFixed=true可设置弹框根节点在body下
+ * ```
+ */
+var DropdownMenuWrapper = function DropdownMenuWrapper(props) {
+  var menuList = props.menuList,
+    dropdownOtherProps = _objectWithoutProperties(props, _excluded);
+  var clsName = hooks.useId(undefined, 'DropdownMenuWrapper');
+  var onClick = hooks.useCallbackRef(function (item, event) {
+    var _item$onClick2;
+    if (item.needConfirm) {
+      var _item$onClick;
+      dialogConfirm.open(_objectSpread2({
+        title: /*#__PURE__*/jsxs(FlexLayout, {
+          direction: "horizontal",
+          fullIndex: 1,
+          gap: 8,
+          children: [/*#__PURE__*/jsx(_ExclamationCircleFilled, {
+            style: {
+              color: '#faad14'
+            }
+          }), /*#__PURE__*/jsx("span", {
+            children: item.title
+          })]
+        }),
+        content: /*#__PURE__*/jsx(Fragment, {
+          children: item.confirmMessage
+        }),
+        onOk: (_item$onClick = item.onClick) === null || _item$onClick === void 0 ? void 0 : _item$onClick.bind(null, event),
+        okButtonProps: {
+          loadingPosition: 'center'
+        }
+      }, item.confirmModalProps));
+      return Promise.resolve();
+    }
+    event.stopPropagation();
+    return (_item$onClick2 = item.onClick) === null || _item$onClick2 === void 0 ? void 0 : _item$onClick2.call(item, event);
+  });
+  var target = document.querySelector(".".concat(clsName));
+  var container = useMemo(function () {
+    if (props.isFixed || target && parentsHasSticky(target)) {
+      return undefined;
+    }
+    return target;
+  }, [props.isFixed, target]);
+  var menuItems = useMemo(function () {
+    var menuItemsNew = [];
+    menuList.filter(Boolean).forEach(function (item, index) {
+      if (!item) return;
+      var text = item.text,
+        permission = item.permission,
+        needConfirm = item.needConfirm,
+        confirmMessage = item.confirmMessage,
+        hidden = item.hidden,
+        type = item.type,
+        confirmModalProps = item.confirmModalProps,
+        otherProps = _objectWithoutProperties(item, _excluded2);
+      if (hidden) return;
+      if (permission && !fbaUtils.hasPermission(permission)) return;
+      var buttonType = type || 'link';
+      var danger = otherProps.color ? false : needConfirm;
+      menuItemsNew.push({
+        key: index,
+        label: /*#__PURE__*/createElement(ButtonWrapper, _objectSpread2(_objectSpread2({
+          loadingPosition: "center",
+          size: "small",
+          danger: danger
+        }, otherProps), {}, {
+          style: _objectSpread2({}, otherProps.style),
+          className: classNames('dmw-item-button', otherProps.className),
+          type: buttonType,
+          key: index,
+          onClick: onClick.bind(null, _objectSpread2(_objectSpread2({}, item), {}, {
+            needConfirm: needConfirm,
+            confirmMessage: confirmMessage,
+            confirmModalProps: confirmModalProps
+          }))
+        }), text)
+      });
+    });
+    return menuItemsNew;
+  }, [menuList, onClick]);
+  return /*#__PURE__*/jsx("div", {
+    className: classNames('dropdown-menu-wrapper', clsName),
+    style: {
+      position: 'relative'
+    },
+    children: /*#__PURE__*/jsx(Dropdown, _objectSpread2(_objectSpread2({
+      trigger: (dropdownOtherProps === null || dropdownOtherProps === void 0 ? void 0 : dropdownOtherProps.trigger) || ['hover'],
+      getPopupContainer: container ? function () {
+        return target;
+      } : undefined,
+      arrow: {
+        pointAtCenter: true
+      }
+    }, dropdownOtherProps), {}, {
+      overlayStyle: _objectSpread2({
+        zIndex: 9
+      }, dropdownOtherProps.overlayStyle),
+      menu: {
+        items: menuItems
+      },
+      rootClassName: "dropdown-menu-wrapper-popup",
+      children: props.children
+    }))
+  });
+};
+
+export { DropdownMenuWrapper as D };
+//# sourceMappingURL=dropdown-menu-wrapper-F5A3o-Jt.js.map

package/dist/dropdown-menu-wrapper-F5A3o-Jt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-wrapper-F5A3o-Jt.js","sources":["@flatbiz/antd/src/dropdown-menu-wrapper/utils.ts","@flatbiz/antd/src/dropdown-menu-wrapper/dropdown-menu-wrapper.tsx"],"sourcesContent":["export function parentsHasSticky(node: Element) {\n  let condition = true;\n  let result = false;\n  while (condition) {\n    if (node.tagName === 'HTML' || node.tagName === 'BODY') {\n      condition = false;\n      result = false;\n    } else {\n      const { position } = window.getComputedStyle(node);\n      if (position === 'sticky') {\n        result = true;\n        condition = false;\n      } else {\n        if (!node || !node.parentNode) {\n          condition = false;\n        } else {\n          node = node.parentNode as Element;\n        }\n      }\n    }\n  }\n  return result;\n}\n","import type { ReactElement } from 'react';\nimport { Fragment, useMemo } from 'react';\nimport type { ButtonProps, DropdownProps } from 'antd';\nimport { Dropdown } from 'antd';\nimport { type ItemType } from 'antd/es/menu/interface.js';\nimport { ExclamationCircleFilled } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { ButtonWrapper } from '../button-wrapper/button-wrapper.jsx';\nimport { dialogConfirm } from '../dialog-confirm/index.js';\nimport type { DialogModalProps } from '../dialog-modal/index.js';\nimport { fbaUtils } from '../fba-utils/index.js';\nimport { FlexLayout } from '../flex-layout/flex-layout.jsx';\nimport { parentsHasSticky } from './utils.js';\nimport './style.less';\n\nexport interface DropdownMenuItem extends Omit<ButtonProps, 'color'> {\n  text?: string | ReactElement;\n  color?: string;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  permission?: string;\n  needConfirm?: boolean;\n  confirmMessage?: string;\n  hidden?: boolean;\n  confirmModalProps?: DialogModalProps;\n  stopPropagation?: boolean;\n}\n\nexport interface DropdownMenuWrapperProps extends Omit<DropdownProps, 'menu'> {\n  menuList: Array<DropdownMenuItem | null>;\n  /** dropdown 设置弹框根节点在body下 */\n  isFixed?: boolean;\n}\n\n/**\n * DropdownMenuWrapper\n * 升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框使用存在问题，所以在 @flatbiz/antd@4.2.49版本修改为使用dialogConfirm组件实现二次弹框确认功能\n * @param props\n * @returns\n * ```\n * 1. Dropdown默认弹框根节点在组件内部，通过isFixed=true可设置弹框根节点在body下\n * ```\n */\nexport const DropdownMenuWrapper = (props: DropdownMenuWrapperProps) => {\n  const { menuList, ...dropdownOtherProps } = props;\n  const clsName = hooks.useId(undefined, 'DropdownMenuWrapper');\n\n  const onClick = hooks.useCallbackRef((item: DropdownMenuItem, event) => {\n    if (item.needConfirm) {\n      dialogConfirm.open({\n        title: (\n          <FlexLayout direction=\"horizontal\" fullIndex={1} gap={8}>\n            <ExclamationCircleFilled style={{ color: '#faad14' }} />\n            <span>{item.title}</span>\n          </FlexLayout>\n        ),\n        content: <Fragment>{item.confirmMessage}</Fragment>,\n        onOk: item.onClick?.bind(null, event),\n        okButtonProps: {\n          loadingPosition: 'center',\n        },\n        ...item.confirmModalProps,\n      });\n      return Promise.resolve();\n    }\n    event.stopPropagation();\n    return item.onClick?.(event);\n  });\n\n  const target = document.querySelector(`.${clsName}`);\n  const container = useMemo(() => {\n    if (props.isFixed || (target && parentsHasSticky(target))) {\n      return undefined;\n    }\n    return target;\n  }, [props.isFixed, target]);\n\n  const menuItems = useMemo(() => {\n    const menuItemsNew: ItemType[] = [];\n    menuList.filter(Boolean).forEach((item, index) => {\n      if (!item) return;\n      const {\n        text,\n        permission,\n        needConfirm,\n        confirmMessage,\n        hidden,\n        type,\n        confirmModalProps,\n        ...otherProps\n      } = item;\n      if (hidden) return;\n      if (permission && !fbaUtils.hasPermission(permission)) return;\n      const buttonType = type || 'link';\n      const danger = otherProps.color ? false : needConfirm;\n      menuItemsNew.push({\n        key: index,\n        label: (\n          <ButtonWrapper\n            loadingPosition=\"center\"\n            size=\"small\"\n            danger={danger}\n            {...otherProps}\n            style={{ ...otherProps.style }}\n            className={classNames('dmw-item-button', otherProps.className)}\n            type={buttonType}\n            key={index}\n            onClick={onClick.bind(null, {\n              ...item,\n              needConfirm,\n              confirmMessage,\n              confirmModalProps,\n            })}\n          >\n            {text}\n          </ButtonWrapper>\n        ),\n      });\n    });\n    return menuItemsNew;\n  }, [menuList, onClick]);\n\n  return (\n    <div\n      className={classNames('dropdown-menu-wrapper', clsName)}\n      style={{ position: 'relative' }}\n    >\n      <Dropdown\n        trigger={dropdownOtherProps?.trigger || ['hover']}\n        getPopupContainer={container ? () => target as HTMLElement : undefined}\n        arrow={{ pointAtCenter: true }}\n        {...dropdownOtherProps}\n        overlayStyle={{ zIndex: 9, ...dropdownOtherProps.overlayStyle }}\n        menu={{ items: menuItems }}\n        rootClassName=\"dropdown-menu-wrapper-popup\"\n      >\n        {props.children}\n      </Dropdown>\n    </div>\n  );\n};\n"],"names":["parentsHasSticky","node","condition","result","tagName","_window$getComputedSt","window","getComputedStyle","position","parentNode","DropdownMenuWrapper","props","menuList","dropdownOtherProps","_objectWithoutProperties","_excluded","clsName","_hooks","useId","undefined","onClick","useCallbackRef","item","event","_item$onClick2","needConfirm","_item$onClick","dialogConfirm","open","_objectSpread","title","_jsxs","FlexLayout","direction","fullIndex","gap","children","_jsx","_ExclamationCircleFilled","style","color","content","Fragment","confirmMessage","onOk","bind","okButtonProps","loadingPosition","confirmModalProps","Promise","resolve","stopPropagation","call","target","document","querySelector","concat","container","useMemo","isFixed","menuItems","menuItemsNew","filter","Boolean","forEach","index","text","permission","hidden","type","otherProps","_excluded2","fbaUtils","hasPermission","buttonType","danger","push","key","label","_createElement","ButtonWrapper","size","className","_classNames","Dropdown","trigger","getPopupContainer","arrow","pointAtCenter","overlayStyle","zIndex","menu","items","rootClassName"],"mappings":"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"}

package/dist/dynamic-node/index.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties, ReactElement } from 'react';
+
+export type TDynamicNodeProps = {
+	className?: string;
+	getContainer?: HTMLElement | (() => HTMLElement) | string;
+	content?: ReactElement;
+	fixed?: boolean;
+	style?: CSSProperties;
+};
+/**
+ * 动态添加 element 元素
+ * ```
+ * 1. 默认添加到 body 下
+ * 2. 可通过 getContainer 参数设置添加位置
+ * ```
+ */
+export declare const dynamicNode: {
+	append: (props?: TDynamicNodeProps) => {
+		elementId: string;
+	};
+	remove: (elementId?: string) => void;
+};
+
+export {};

package/dist/dynamic-node/index.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { d as dynamicNode } from '../dynamic-node-B_An5owN.js';
+import '@dimjs/utils/class-names/class-names';
+import 'react-dom/client';
+import '../dom-DJxTwF3J.js';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/dynamic-node/index.js.map

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

package/dist/dynamic-node-B_An5owN.js

@@ -0,0 +1,58 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { createRoot } from 'react-dom/client';
+import { b as bodyAppendDivElement } from './dom-DJxTwF3J.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * 动态添加 element 元素
+ * ```
+ * 1. 默认添加到 body 下
+ * 2. 可通过 getContainer 参数设置添加位置
+ * ```
+ */
+var dynamicNode = {
+  append: function append() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var container = function () {
+      var tempElement;
+      if (typeof props.getContainer === 'string') {
+        tempElement = document.querySelector(props.getContainer);
+      } else if (typeof props.getContainer === 'function') {
+        tempElement = props.getContainer();
+      } else {
+        tempElement = bodyAppendDivElement().divElement;
+      }
+      return tempElement;
+    }();
+    var className = classNames('v-dynamic-node', {
+      'v-dynamic-node-fixed': props.fixed
+    }, props.className);
+    var nodeElementId = "id_".concat(Date.now());
+    var root = createRoot(container);
+    root.render(/*#__PURE__*/jsx("div", {
+      className: className,
+      id: nodeElementId,
+      children: props.content
+    }));
+    window['_dynamic_node_element_id'] = nodeElementId;
+    return {
+      elementId: nodeElementId
+    };
+  },
+  remove: function remove(elementId) {
+    var dynamicElementId = elementId || window['_dynamic_node_element_id'];
+    if (dynamicElementId) {
+      try {
+        var _document$querySelect;
+        (_document$querySelect = document.querySelector("#".concat(dynamicElementId))) === null || _document$querySelect === void 0 || _document$querySelect.remove();
+      } catch (_error) {
+        //
+      }
+    }
+  }
+};
+
+export { dynamicNode as d };
+//# sourceMappingURL=dynamic-node-B_An5owN.js.map

package/dist/dynamic-node-B_An5owN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-node-B_An5owN.js","sources":["@flatbiz/antd/src/dynamic-node/dynamic-node.tsx"],"sourcesContent":["import type { CSSProperties, ReactElement } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { classNames } from '@dimjs/utils';\nimport { bodyAppendDivElement } from '../_utils/dom.js';\nimport './style.less';\n\nexport type TDynamicNodeProps = {\n  className?: string;\n  getContainer?: HTMLElement | (() => HTMLElement) | string;\n  content?: ReactElement;\n  fixed?: boolean;\n  style?: CSSProperties;\n};\n\n/**\n * 动态添加 element 元素\n * ```\n * 1. 默认添加到 body 下\n * 2. 可通过 getContainer 参数设置添加位置\n * ```\n */\nexport const dynamicNode = {\n  append: (props: TDynamicNodeProps = {}) => {\n    const container = (() => {\n      let tempElement;\n      if (typeof props.getContainer === 'string') {\n        tempElement = document.querySelector(props.getContainer) as Element;\n      } else if (typeof props.getContainer === 'function') {\n        tempElement = props.getContainer();\n      } else {\n        tempElement = bodyAppendDivElement().divElement;\n      }\n      return tempElement as Element;\n    })();\n\n    const className = classNames(\n      'v-dynamic-node',\n      { 'v-dynamic-node-fixed': props.fixed },\n      props.className\n    );\n    const nodeElementId = `id_${Date.now()}`;\n    const root = createRoot(container);\n    root.render(\n      <div className={className} id={nodeElementId}>\n        {props.content}\n      </div>\n    );\n    window['_dynamic_node_element_id'] = nodeElementId;\n    return { elementId: nodeElementId };\n  },\n  remove: (elementId?: string) => {\n    const dynamicElementId = elementId || window['_dynamic_node_element_id'];\n    if (dynamicElementId) {\n      try {\n        document.querySelector(`#${dynamicElementId}`)?.remove();\n      } catch (_error) {\n        //\n      }\n    }\n  },\n};\n"],"names":["dynamicNode","append","props","arguments","length","undefined","container","tempElement","getContainer","document","querySelector","bodyAppendDivElement","divElement","className","_classNames","fixed","nodeElementId","concat","Date","now","root","createRoot","render","_jsx","id","children","content","window","elementId","remove","dynamicElementId","_document$querySelect","_error"],"mappings":";;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,WAAW,GAAG;AACzBC,EAAAA,MAAM,EAAE,SAARA,MAAMA,GAAqC;AAAA,IAAA,IAAlCC,KAAwB,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;IACpC,IAAMG,SAAS,GAAI,YAAM;AACvB,MAAA,IAAIC,WAAW;AACf,MAAA,IAAI,OAAOL,KAAK,CAACM,YAAY,KAAK,QAAQ,EAAE;QAC1CD,WAAW,GAAGE,QAAQ,CAACC,aAAa,CAACR,KAAK,CAACM,YAAY,CAAY;OACpE,MAAM,IAAI,OAAON,KAAK,CAACM,YAAY,KAAK,UAAU,EAAE;AACnDD,QAAAA,WAAW,GAAGL,KAAK,CAACM,YAAY,EAAE;AACpC,OAAC,MAAM;AACLD,QAAAA,WAAW,GAAGI,oBAAoB,EAAE,CAACC,UAAU;AACjD;AACA,MAAA,OAAOL,WAAW;AACpB,KAAC,EAAG;AAEJ,IAAA,IAAMM,SAAS,GAAGC,UAAA,CAChB,gBAAgB,EAChB;MAAE,sBAAsB,EAAEZ,KAAK,CAACa;AAAM,KAAC,EACvCb,KAAK,CAACW,SACR,CAAC;IACD,IAAMG,aAAa,SAAAC,MAAA,CAASC,IAAI,CAACC,GAAG,EAAE,CAAE;AACxC,IAAA,IAAMC,IAAI,GAAGC,UAAU,CAACf,SAAS,CAAC;IAClCc,IAAI,CAACE,MAAM,cACTC,GAAA,CAAA,KAAA,EAAA;AAAKV,MAAAA,SAAS,EAAEA,SAAU;AAACW,MAAAA,EAAE,EAAER,aAAc;MAAAS,QAAA,EAC1CvB,KAAK,CAACwB;AAAO,KACX,CACP,CAAC;AACDC,IAAAA,MAAM,CAAC,0BAA0B,CAAC,GAAGX,aAAa;IAClD,OAAO;AAAEY,MAAAA,SAAS,EAAEZ;KAAe;GACpC;AACDa,EAAAA,MAAM,EAAE,SAARA,MAAMA,CAAGD,SAAkB,EAAK;AAC9B,IAAA,IAAME,gBAAgB,GAAGF,SAAS,IAAID,MAAM,CAAC,0BAA0B,CAAC;AACxE,IAAA,IAAIG,gBAAgB,EAAE;MACpB,IAAI;AAAA,QAAA,IAAAC,qBAAA;AACF,QAAA,CAAAA,qBAAA,GAAAtB,QAAQ,CAACC,aAAa,CAAA,GAAA,CAAAO,MAAA,CAAKa,gBAAgB,CAAE,CAAC,cAAAC,qBAAA,KAAA,KAAA,CAAA,IAA9CA,qBAAA,CAAgDF,MAAM,EAAE;OACzD,CAAC,OAAOG,MAAM,EAAE;AACf;AAAA;AAEJ;AACF;AACF;;;;"}

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

@@ -0,0 +1,147 @@
+import { FormProps } from 'antd';
+import { ReactNode } from 'react';
+
+declare const PresetDefaultGrid: {
+	xs: number;
+	sm: number;
+	md: number;
+	lg: number;
+	xl: number;
+	xxl: number;
+};
+export type TBoxBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+export type Gutter = number | undefined | Partial<Record<TBoxBreakpoint, number>>;
+export type GutterParams = Gutter | [
+	Gutter,
+	Gutter
+];
+export interface BoxRowProps {
+	/**
+	 * 在不同响应尺寸下的元素占位格数
+	 * 应用到所有Col子元素上
+	 */
+	defaultGrid?: Partial<typeof PresetDefaultGrid>;
+	/** 间距 */
+	gutter?: GutterParams;
+	/** flex 布局的垂直对齐方式 */
+	align?: "top" | "middle" | "bottom" | "stretch";
+	/** flex 布局的水平排列方式 */
+	justify?: "start" | "end" | "center" | "space-around" | "space-between" | "space-evenly";
+	/** 尺寸变化回调 */
+	onBoxBreakpointChange?: (breakpoint: TBoxBreakpoint) => void;
+}
+export type TFormLayoutPreClassNameProps = {
+	/**
+	 * 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";
+	/** formItem之间竖直间距，默认值：24 */
+	formItemGap?: "24" | "15" | "8" | "5" | "0";
+	/**
+	 * className 中可能会包含 preDefinedClassName.form.xx，优先级大于 labelWidth、labelItemVertical、labelAlign、formItemGap
+	 */
+	className?: string;
+};
+export type FormWrapperProps<Values = any> = TFormLayoutPreClassNameProps & FormProps<Values> & {
+	children: ReactNode;
+};
+export type EasyFormProps = Omit<FormWrapperProps, "children"> & {
+	/**
+	 * 定义一行显示几列（当外层宽度尺寸大于 992px（lg） 时，一行显示几列）, 默认值：3
+	 * ```
+	 * 1. 当外层宽度尺寸小于992px（lg），为xs、sm、md情况下不受column值影响（column=1除外）
+	 * 2. 宽度尺寸定义
+	 *    xs: 宽度 < 576px
+	 *    sm: 宽度 ≥ 576px
+	 *    md: 宽度 ≥ 768px
+	 *    lg: 宽度 ≥ 992px
+	 *    xl: 宽度 ≥ 1200px
+	 *    xxl: 宽度 ≥ 1600px
+	 * 3. 列数尺寸定义
+	 *  {
+	 *    1: { xs: 24, sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 },
+	 *    2: { xs: 24, sm: 12, md: 12, lg: 12, xl: 12, xxl: 12 },
+	 *    3: { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 8 },
+	 *    4: { xs: 24, sm: 12, md: 12, lg: 6, xl: 6, xxl: 6 },
+	 *  };
+	 * ```
+	 */
+	column?: 1 | 2 | 3 | 4;
+	/**
+	 * 强制定义一行显示几列，不考虑响应式
+	 * ```
+	 * 1. 优先级大于column
+	 * 2. 建议优先使用column配置
+	 * ```
+	 */
+	forceColumn?: 1 | 2 | 3 | 4;
+	/**
+	 * Form显示宽度，可数值、可百分比；在小屏幕尺寸（xs、sm）上无效
+	 */
+	width?: number | string;
+	/** 网格间距 */
+	gridGutter?: BoxRowProps["gutter"];
+	children: ReactNode;
+	/**
+	 * 是否为纯净模式，对EasyForm的子节点不做任何包装处理
+	 */
+	isPure?: boolean;
+	/**
+	 * true: 不使用Antd Form包裹，可在Form、EasyForm、FormWrapper内部使用
+	 */
+	nonuseFormWrapper?: boolean;
+};
+/**
+ * 简单Form布局，可自定义网格布局
+ * ```
+ * 1. demo：https://fex.qa.tcshuke.com/docs/admin/main/form/grid
+ * 2. EasyForm的children列表会进行网格化布局，可通过设置 isPure = true设置纯净模式（对EasyForm的子节点不做任何包装处理）
+ * 3. EasyForm可嵌套使用，嵌套内部的<EasyForm />节点Form相关属性失效，例如属性form、initialValues等都失效
+ *  <EasyForm form={form}>
+ *    ....
+ *    <EasyForm>...</EasyForm>
+ *    ....
+ *    <EasyForm>...</EasyForm>
+ *    ....
+ *  </EasyForm>
+ * 4. 布局网格以当前组件的宽度来计算的，不是屏幕宽度
+ * 5. EasyForm 子节点包含 hidden = true 会被忽略
+ * 6. 通过 column 可定义一行显示几列FormItem
+ * 7. 通过 labelItemVertical 可定义 formitem 竖直布局
+ * 8. 通过 formItemGap 可定义 formItem竖直方向间隙
+ * 9. 通过 forceColumn 可强制定义一行显示几列，不考虑响应式
+ * 10. 通过 labelWidth 可控制Form内部所有label的宽度（可实现整齐效果）
+ * 11. 自定义栅格占位格数，见下方`例如`
+
+ * 例如
+ * <EasyForm column={3}>
+ *	 <FormItemWrapper name="field1" label="条件1">
+ *	   <Input placeholder="请输入" allowClear={true} />
+ *	 </FormItemWrapper>
+ *	 <!-- ！！自定义栅格占位格数第一种方式：可通过使用 BoxGrid.Col 包裹元素来自定义网格占比 -->
+ *	 <BoxGrid.Col span={24}>
+ *	   <FormItemWrapper name="field5" label="条件5">
+ *	 	<Input placeholder="请输入" allowClear={true} />
+ *	   </FormItemWrapper>
+ *	 </BoxGrid.Col>
+ *	 <!-- ！！自定义栅格占位格数第二种方式：如果为FormItemWrapper组件，可设置span属性 -->
+ *	 <FormItemWrapper name="field6" label="条件6" span={24}>
+ *	   <Input placeholder="请输入" allowClear={true} />
+ *	 </FormItemWrapper>
+ *	 <FormItemWrapper noStyle span={24}>
+ *	   <Button>按钮</Buttone>
+ *	 </FormItemWrapper>
+ * </EasyForm>
+ * ```
+ */
+export declare const EasyForm: (props: EasyFormProps) => import("react").JSX.Element;
+
+export {};