@flatbiz/antd 4.5.25 → 5.0.0

package/dist/box-grid/index.d.ts

@@ -0,0 +1,104 @@
+import { CSSProperties, ReactNode } from 'react';
+
+export type TBoxBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
+export interface ICommonReact {
+	children?: ReactNode;
+	className?: string;
+	style?: CSSProperties;
+}
+export type Gutter = number | undefined | Partial<Record<TBoxBreakpoint, number>>;
+export type GutterParams = Gutter | [
+	Gutter,
+	Gutter
+];
+/**
+ * 监听盒子大小变化，返回当前的断点
+ * @param dom
+ * @returns
+ */
+export declare const useBoxBreakpoint: (dom: any) => {
+	boxBreakpoint: TBoxBreakpoint;
+	/**
+	 * @deprecated
+	 * 使用 haveWidth 替代
+	 */
+	isInit: boolean;
+	/** width为0，或者不存在 */
+	haveWidth: boolean;
+};
+declare const PresetDefaultGrid: {
+	xs: number;
+	sm: number;
+	md: number;
+	lg: number;
+	xl: number;
+	xxl: number;
+};
+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 BoxColProps = {
+	/**
+	 * 栅格占位格数
+	 * span 优先级最高：配置了span后，其他的响应式配置将失效；
+	 * 范围 0 ～ 24
+	 * 为  0  相当于隐藏
+	 * 为  24  相当于独占一行
+	 */
+	span?: number;
+	/** 屏幕 < 576px  */
+	xs?: number;
+	/** 屏幕 ≥ 576px */
+	sm?: number;
+	/** 屏幕 ≥ 768px */
+	md?: number;
+	/** 屏幕 ≥ 992px */
+	lg?: number;
+	/** 屏幕 ≥ 1200px */
+	xl?: number;
+	/** 屏幕 ≥ 1600px */
+	xxl?: number;
+};
+export declare const BoxGrid: {
+	/**
+	 *  网格响应式布局
+	 *```
+	 * 1. 应用场景：根据盒子大小决定内部元素的布局
+	 * 2. 子元素只能是 BoxGrid.Col
+	 */
+	Row: import("react").FC<BoxRowProps & ICommonReact>;
+	/**
+	 * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+	 *```
+	 * 1. 设置 span 栅格占位格数，0 ～ 24
+	 * 2. grid 自定义响应式网格布局
+	 * xs: 容器尺寸 < 576px
+	 * sm: 容器尺寸 ≥ 576px
+	 * md: 容器尺寸 ≥ 768px
+	 * lg: 容器尺寸 ≥ 992px
+	 * xl: 容器尺寸 ≥ 1200px
+	 * xxl: 容器尺寸 ≥ 1600px
+	 * ```
+	 */
+	Col: import("react").FC<BoxColProps & ICommonReact>;
+	/**
+	 * 获取栅格响应式布局的配置
+	 * @param minSize 元素的最小可接受宽度
+	 * @returns { xs: num, sm: num, md: num, lg: num, xl: num, xxl: num }
+	 */
+	getGridMapByRange: (minSize: number) => Record<TBoxBreakpoint, number>;
+};
+
+export {};

package/dist/box-grid/index.js

@@ -0,0 +1,257 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { b as _objectSpread2, a as _slicedToArray } from '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import { createContext, useContext, useMemo, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { isNumber } from '@dimjs/lang/is-number';
+import { useSize } from 'ahooks';
+
+var PresetDefaultGrid = {
+  xs: 24,
+  sm: 12,
+  md: 12,
+  lg: 8,
+  xl: 8,
+  xxl: 6
+};
+var DefaultGutter = {
+  xs: 8,
+  sm: 16,
+  md: 16,
+  lg: 24,
+  xl: 24,
+  xxl: 32
+};
+var alignPropsMap = {
+  top: 'flex-start',
+  middle: 'center',
+  bottom: 'flex-end',
+  stretch: 'stretch'
+};
+var justifyPropsMap = {
+  start: 'flex-start',
+  end: 'flex-end',
+  center: 'center',
+  'space-around': 'space-around',
+  'space-between': 'space-between',
+  'space-evenly': 'space-evenly'
+};
+
+var defaultCtx = {
+  boxBreakpoint: 'lg',
+  defaultGrid: PresetDefaultGrid,
+  horizontalGap: 10,
+  verticalGap: 10
+};
+var BoxGridProviderCtx = /*#__PURE__*/createContext(defaultCtx);
+
+var Col = function Col(props) {
+  var children = props.children,
+    className = props.className,
+    style = props.style;
+  var _useContext = useContext(BoxGridProviderCtx),
+    defaultGrid = _useContext.defaultGrid,
+    horizontalGap = _useContext.horizontalGap,
+    boxBreakpoint = _useContext.boxBreakpoint;
+  var span = useMemo(function () {
+    return props.span || props[boxBreakpoint || 'lg'] || (defaultGrid === null || defaultGrid === void 0 ? void 0 : defaultGrid[boxBreakpoint || 'lg']) || 8;
+  }, [props, boxBreakpoint, defaultGrid]);
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(className, 'box-grad-col'),
+    style: _objectSpread2(_objectSpread2({}, style), {}, {
+      flex: "0 0 ".concat(span / 24 * 100, "%"),
+      maxWidth: "".concat(span / 24 * 100, "%"),
+      padding: "0 ".concat(horizontalGap / 2, "px")
+    }),
+    children: children
+  });
+};
+Col['domTypeName'] = 'BoxGridCol';
+
+/**
+ * 监听盒子大小变化，返回当前的断点
+ * @param dom
+ * @returns
+ */
+var useBoxBreakpoint = function useBoxBreakpoint(dom) {
+  var _ref = useSize(dom) || {},
+    width = _ref.width;
+  var boxBreakpoint = useMemo(function () {
+    var w = width || (dom === null || dom === void 0 ? void 0 : dom.clientWidth);
+    if (!w) {
+      return 'lg';
+    }
+    if (w >= 1600) {
+      return 'xxl';
+    } else if (w >= 1200) {
+      return 'xl';
+    } else if (w >= 992) {
+      return 'lg';
+    } else if (w >= 768) {
+      return 'md';
+    } else if (w >= 576) {
+      return 'sm';
+    } else {
+      return 'xs';
+    }
+  }, [width]);
+  return {
+    boxBreakpoint: boxBreakpoint,
+    /**
+     * @deprecated
+     * 使用 haveWidth 替代
+     */
+    isInit: !!width,
+    /** width为0，或者不存在 */
+    haveWidth: !!width
+  };
+};
+
+/**
+ * 处理间距
+ * @param gutter
+ * @param boxBreakpoint
+ * @returns
+ */
+var useGutter = function useGutter() {
+  var gutter = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DefaultGutter;
+  var boxBreakpoint = arguments.length > 1 ? arguments[1] : undefined;
+  return useMemo(function () {
+    var horizontalGap;
+    var verticalGap;
+    var getCommonGutter = function getCommonGutter(gutter) {
+      if (typeof gutter === 'number') {
+        return gutter;
+      }
+      if (typeof gutter === 'object') {
+        return _objectSpread2(_objectSpread2({}, DefaultGutter), gutter)[boxBreakpoint];
+      }
+    };
+    if (Array.isArray(gutter)) {
+      var _gutter = _slicedToArray(gutter, 2),
+        h = _gutter[0],
+        v = _gutter[1];
+      horizontalGap = getCommonGutter(h);
+      verticalGap = getCommonGutter(v);
+    } else {
+      horizontalGap = getCommonGutter(gutter);
+      verticalGap = defaultCtx.verticalGap;
+    }
+    return {
+      horizontalGap: isNumber(horizontalGap) ? horizontalGap : defaultCtx.horizontalGap,
+      verticalGap: isNumber(verticalGap) ? verticalGap : defaultCtx.verticalGap
+    };
+  }, [gutter, boxBreakpoint]);
+};
+
+var Row = function Row(props) {
+  var _props$defaultGrid = props.defaultGrid,
+    defaultGrid = _props$defaultGrid === void 0 ? PresetDefaultGrid : _props$defaultGrid,
+    children = props.children,
+    className = props.className,
+    style = props.style,
+    gutter = props.gutter,
+    align = props.align,
+    justify = props.justify,
+    onBoxBreakpointChange = props.onBoxBreakpointChange;
+  var comRef = useRef(null);
+  var _useBoxBreakpoint = useBoxBreakpoint(comRef),
+    boxBreakpoint = _useBoxBreakpoint.boxBreakpoint,
+    haveWidth = _useBoxBreakpoint.haveWidth;
+  var _useGutter = useGutter(gutter, boxBreakpoint),
+    horizontalGap = _useGutter.horizontalGap,
+    verticalGap = _useGutter.verticalGap;
+  useEffect(function () {
+    onBoxBreakpointChange === null || onBoxBreakpointChange === void 0 || onBoxBreakpointChange(boxBreakpoint);
+  }, [boxBreakpoint]);
+  return /*#__PURE__*/jsx(BoxGridProviderCtx.Provider, {
+    value: _objectSpread2(_objectSpread2({}, defaultCtx), {}, {
+      defaultGrid: _objectSpread2(_objectSpread2({}, PresetDefaultGrid), defaultGrid),
+      boxBreakpoint: boxBreakpoint,
+      horizontalGap: horizontalGap,
+      verticalGap: verticalGap
+    }),
+    children: /*#__PURE__*/jsx("div", {
+      className: classNames('box-grad-root', className),
+      ref: comRef,
+      style: style,
+      children: /*#__PURE__*/jsx("div", {
+        className: "box-grad-row",
+        style: {
+          alignItems: align ? alignPropsMap[align] : 'normal',
+          justifyContent: justify ? justifyPropsMap[justify] : 'normal',
+          marginLeft: "-".concat(horizontalGap / 2, "px"),
+          marginRight: "-".concat(horizontalGap / 2, "px"),
+          rowGap: "".concat(verticalGap, "px"),
+          /**
+           * fix: boxBreakpoint多次变化，闪一下的问题
+           * 子元素拿不到宽度，boxBreakpoint 会快速变化，导致元素闪烁
+           * 场景：
+           * 1. 使用 Tabs 组件时，任意父级元素disabled，子元素拿不到宽度
+           * 2. 初始渲染，拿不到宽度
+           */
+          opacity: haveWidth ? 1 : 0
+        },
+        children: children
+      })
+    })
+  });
+};
+
+/**
+ * 获取栅格响应式布局的配置
+ * @param minSize 元素的最小可接受宽度
+ * @returns
+ */
+var getGridMapByRange = function getGridMapByRange(minSize) {
+  var getSpan = function getSpan(threshold) {
+    var result = Math.ceil(minSize * 24 / threshold);
+    return [1, 2, 3, 4, 6, 8, 12, 24].find(function (item) {
+      return item >= result;
+    }) || 24;
+  };
+  return {
+    xxl: getSpan(1600),
+    xl: getSpan(1200),
+    lg: getSpan(992),
+    md: getSpan(768),
+    sm: getSpan(576),
+    xs: getSpan(200)
+  };
+};
+
+var BoxGrid = {
+  /**
+   *  网格响应式布局
+   *```
+   * 1. 应用场景：根据盒子大小决定内部元素的布局
+   * 2. 子元素只能是 BoxGrid.Col
+   */
+  Row: Row,
+  /**
+   * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+   *```
+   * 1. 设置 span 栅格占位格数，0 ～ 24
+   * 2. grid 自定义响应式网格布局
+   * xs: 容器尺寸 < 576px
+   * sm: 容器尺寸 ≥ 576px
+   * md: 容器尺寸 ≥ 768px
+   * lg: 容器尺寸 ≥ 992px
+   * xl: 容器尺寸 ≥ 1200px
+   * xxl: 容器尺寸 ≥ 1600px
+   * ```
+   */
+  Col: Col,
+  /**
+   * 获取栅格响应式布局的配置
+   * @param minSize 元素的最小可接受宽度
+   * @returns { xs: num, sm: num, md: num, lg: num, xl: num, xxl: num }
+   */
+  getGridMapByRange: getGridMapByRange
+};
+
+export { BoxGrid, useBoxBreakpoint };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/box-grid/constant.ts","@flatbiz/antd/src/box-grid/ctx.ts","@flatbiz/antd/src/box-grid/col.tsx","@flatbiz/antd/src/box-grid/hooks.ts","@flatbiz/antd/src/box-grid/row.tsx","@flatbiz/antd/src/box-grid/utils.ts","@flatbiz/antd/src/box-grid/index.ts"],"sourcesContent":["export const PresetDefaultGrid = {\n  xs: 24,\n  sm: 12,\n  md: 12,\n  lg: 8,\n  xl: 8,\n  xxl: 6,\n};\n\nexport const DefaultGutter = { xs: 8, sm: 16, md: 16, lg: 24, xl: 24, xxl: 32 };\n\nexport const RowAligns = ['top', 'middle', 'bottom', 'stretch'] as const;\nexport const RowJustify = [\n  'start',\n  'end',\n  'center',\n  'space-around',\n  'space-between',\n  'space-evenly',\n] as const;\n\nexport const alignPropsMap: Record<(typeof RowAligns)[number], string> = {\n  top: 'flex-start',\n  middle: 'center',\n  bottom: 'flex-end',\n  stretch: 'stretch',\n};\n\nexport const justifyPropsMap: Record<(typeof RowJustify)[number], string> = {\n  start: 'flex-start',\n  end: 'flex-end',\n  center: 'center',\n  'space-around': 'space-around',\n  'space-between': 'space-between',\n  'space-evenly': 'space-evenly',\n};\n","import { createContext } from 'react';\nimport { PresetDefaultGrid } from './constant.js';\nimport { type TBoxBreakpoint } from './type.js';\n\nexport type BoxGridProviderContextType = {\n  horizontalGap: number;\n  verticalGap: number;\n  boxBreakpoint: TBoxBreakpoint;\n  defaultGrid: {\n    xs: number;\n    sm: number;\n    md: number;\n    lg: number;\n    xl: number;\n    xxl: number;\n  };\n};\n\nexport const defaultCtx: BoxGridProviderContextType = {\n  boxBreakpoint: 'lg',\n  defaultGrid: PresetDefaultGrid,\n  horizontalGap: 10,\n  verticalGap: 10,\n};\n\nexport const BoxGridProviderCtx =\n  createContext<BoxGridProviderContextType>(defaultCtx);\n","import { type FC, useContext, useMemo } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport { BoxGridProviderCtx } from './ctx.js';\nimport { type ICommonReact } from './type.js';\n\nexport type BoxColProps = {\n  /**\n   * 栅格占位格数\n   * span 优先级最高：配置了span后，其他的响应式配置将失效；\n   * 范围 0 ～ 24\n   * 为  0  相当于隐藏\n   * 为  24  相当于独占一行\n   */\n  span?: number;\n  /** 屏幕 < 576px  */\n  xs?: number;\n  /** 屏幕 ≥ 576px */\n  sm?: number;\n  /** 屏幕 ≥ 768px */\n  md?: number;\n  /** 屏幕 ≥ 992px */\n  lg?: number;\n  /** 屏幕 ≥ 1200px */\n  xl?: number;\n  /** 屏幕 ≥ 1600px */\n  xxl?: number;\n};\n\nexport const Col: FC<BoxColProps & ICommonReact> = (props) => {\n  const { children, className, style } = props;\n  const { defaultGrid, horizontalGap, boxBreakpoint } =\n    useContext(BoxGridProviderCtx);\n\n  const span = useMemo(() => {\n    return (\n      props.span ||\n      props[boxBreakpoint || 'lg'] ||\n      defaultGrid?.[boxBreakpoint || 'lg'] ||\n      8\n    );\n  }, [props, boxBreakpoint, defaultGrid]);\n\n  return (\n    <div\n      className={classNames(className, 'box-grad-col')}\n      style={{\n        ...style,\n        flex: `0 0 ${(span / 24) * 100}%`,\n        maxWidth: `${(span / 24) * 100}%`,\n        padding: `0 ${horizontalGap / 2}px`,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n\nCol['domTypeName'] = 'BoxGridCol';\n","import { useMemo } from 'react';\nimport { useSize } from 'ahooks';\nimport { isNumber } from '@dimjs/lang';\nimport { DefaultGutter } from './constant.js';\nimport { defaultCtx } from './ctx.js';\nimport { type GutterParams, type TBoxBreakpoint } from './type.js';\n\n/**\n * 监听盒子大小变化，返回当前的断点\n * @param dom\n * @returns\n */\nexport const useBoxBreakpoint = (dom) => {\n  const { width } = useSize(dom) || {};\n\n  const boxBreakpoint = useMemo<TBoxBreakpoint>(() => {\n    const w = width || dom?.clientWidth;\n    if (!w) {\n      return 'lg';\n    }\n\n    if (w >= 1600) {\n      return 'xxl';\n    } else if (w >= 1200) {\n      return 'xl';\n    } else if (w >= 992) {\n      return 'lg';\n    } else if (w >= 768) {\n      return 'md';\n    } else if (w >= 576) {\n      return 'sm';\n    } else {\n      return 'xs';\n    }\n  }, [width]);\n\n  return {\n    boxBreakpoint,\n    /**\n     * @deprecated\n     * 使用 haveWidth 替代\n     */\n    isInit: !!width,\n    /** width为0，或者不存在 */\n    haveWidth: !!width,\n  };\n};\n\n/**\n * 处理间距\n * @param gutter\n * @param boxBreakpoint\n * @returns\n */\nexport const useGutter = (\n  gutter: GutterParams = DefaultGutter,\n  boxBreakpoint: TBoxBreakpoint\n) => {\n  return useMemo(() => {\n    let horizontalGap: number;\n    let verticalGap: number;\n\n    const getCommonGutter = (gutter) => {\n      if (typeof gutter === 'number') {\n        return gutter;\n      }\n      if (typeof gutter === 'object') {\n        return { ...DefaultGutter, ...gutter }[boxBreakpoint];\n      }\n    };\n\n    if (Array.isArray(gutter)) {\n      const [h, v] = gutter;\n      horizontalGap = getCommonGutter(h);\n      verticalGap = getCommonGutter(v);\n    } else {\n      horizontalGap = getCommonGutter(gutter);\n      verticalGap = defaultCtx.verticalGap;\n    }\n\n    return {\n      horizontalGap: isNumber(horizontalGap)\n        ? horizontalGap\n        : defaultCtx.horizontalGap,\n      verticalGap: isNumber(verticalGap) ? verticalGap : defaultCtx.verticalGap,\n    };\n  }, [gutter, boxBreakpoint]);\n};\n","import type { FC } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { classNames } from '@dimjs/utils';\nimport {\n  alignPropsMap,\n  justifyPropsMap,\n  PresetDefaultGrid,\n} from './constant.js';\nimport { BoxGridProviderCtx, defaultCtx } from './ctx.js';\nimport { useBoxBreakpoint, useGutter } from './hooks.js';\nimport type { TBoxBreakpoint } from './type.js';\nimport { type GutterParams, type ICommonReact } from './type.js';\n\nexport interface BoxRowProps {\n  /**\n   * 在不同响应尺寸下的元素占位格数\n   * 应用到所有Col子元素上\n   */\n  defaultGrid?: Partial<typeof PresetDefaultGrid>;\n  /** 间距 */\n  gutter?: GutterParams;\n  /** flex 布局的垂直对齐方式 */\n  align?: 'top' | 'middle' | 'bottom' | 'stretch';\n  /** flex 布局的水平排列方式 */\n  justify?:\n    | 'start'\n    | 'end'\n    | 'center'\n    | 'space-around'\n    | 'space-between'\n    | 'space-evenly';\n  /** 尺寸变化回调 */\n  onBoxBreakpointChange?: (breakpoint: TBoxBreakpoint) => void;\n}\n\nexport const Row: FC<BoxRowProps & ICommonReact> = (props) => {\n  const {\n    defaultGrid = PresetDefaultGrid,\n    children,\n    className,\n    style,\n    gutter,\n    align,\n    justify,\n    onBoxBreakpointChange,\n  } = props;\n  const comRef = useRef<HTMLDivElement>(null);\n  const { boxBreakpoint, haveWidth } = useBoxBreakpoint(comRef);\n  const { horizontalGap, verticalGap } = useGutter(gutter, boxBreakpoint);\n\n  useEffect(() => {\n    onBoxBreakpointChange?.(boxBreakpoint);\n  }, [boxBreakpoint]);\n\n  return (\n    <BoxGridProviderCtx.Provider\n      value={{\n        ...defaultCtx,\n        defaultGrid: {\n          ...PresetDefaultGrid,\n          ...defaultGrid,\n        },\n        boxBreakpoint,\n        horizontalGap,\n        verticalGap,\n      }}\n    >\n      <div\n        className={classNames('box-grad-root', className)}\n        ref={comRef}\n        style={style}\n      >\n        <div\n          className=\"box-grad-row\"\n          style={{\n            alignItems: align ? alignPropsMap[align] : 'normal',\n            justifyContent: justify ? justifyPropsMap[justify] : 'normal',\n            marginLeft: `-${horizontalGap / 2}px`,\n            marginRight: `-${horizontalGap / 2}px`,\n            rowGap: `${verticalGap}px`,\n            /**\n             * fix: boxBreakpoint多次变化，闪一下的问题\n             * 子元素拿不到宽度，boxBreakpoint 会快速变化，导致元素闪烁\n             * 场景：\n             * 1. 使用 Tabs 组件时，任意父级元素disabled，子元素拿不到宽度\n             * 2. 初始渲染，拿不到宽度\n             */\n            opacity: haveWidth ? 1 : 0,\n          }}\n        >\n          {children}\n        </div>\n      </div>\n    </BoxGridProviderCtx.Provider>\n  );\n};\n","import { type TBoxBreakpoint } from './type.js';\n\n/**\n * 获取栅格响应式布局的配置\n * @param minSize 元素的最小可接受宽度\n * @returns\n */\nexport const getGridMapByRange = (\n  minSize: number\n): Record<TBoxBreakpoint, number> => {\n  const getSpan = (threshold: number) => {\n    const result = Math.ceil((minSize * 24) / threshold);\n    return [1, 2, 3, 4, 6, 8, 12, 24].find((item) => item >= result) || 24;\n  };\n\n  return {\n    xxl: getSpan(1600),\n    xl: getSpan(1200),\n    lg: getSpan(992),\n    md: getSpan(768),\n    sm: getSpan(576),\n    xs: getSpan(200),\n  };\n};\n","import { Col } from './col.jsx';\nimport { Row } from './row.jsx';\nimport { getGridMapByRange } from './utils.js';\nimport './index.less';\n\nexport { useBoxBreakpoint } from './hooks.js';\n\nexport const BoxGrid = {\n  /**\n   *  网格响应式布局\n   *```\n   * 1. 应用场景：根据盒子大小决定内部元素的布局\n   * 2. 子元素只能是 BoxGrid.Col\n   */\n  Row,\n  /**\n   * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n   *```\n   * 1. 设置 span 栅格占位格数，0 ～ 24\n   * 2. grid 自定义响应式网格布局\n   * xs: 容器尺寸 < 576px\n   * sm: 容器尺寸 ≥ 576px\n   * md: 容器尺寸 ≥ 768px\n   * lg: 容器尺寸 ≥ 992px\n   * xl: 容器尺寸 ≥ 1200px\n   * xxl: 容器尺寸 ≥ 1600px\n   * ```\n   */\n  Col,\n  /**\n   * 获取栅格响应式布局的配置\n   * @param minSize 元素的最小可接受宽度\n   * @returns { xs: num, sm: num, md: num, lg: num, xl: num, xxl: num }\n   */\n  getGridMapByRange,\n};\n"],"names":["PresetDefaultGrid","xs","sm","md","lg","xl","xxl","DefaultGutter","alignPropsMap","top","middle","bottom","stretch","justifyPropsMap","start","end","center","defaultCtx","boxBreakpoint","defaultGrid","horizontalGap","verticalGap","BoxGridProviderCtx","createContext","Col","props","children","className","style","_useContext","useContext","span","useMemo","_jsx","_classNames","_objectSpread","flex","concat","maxWidth","padding","useBoxBreakpoint","dom","_ref","useSize","width","w","clientWidth","isInit","haveWidth","useGutter","gutter","arguments","length","undefined","getCommonGutter","Array","isArray","_gutter","_slicedToArray","h","v","_isNumber","Row","_props$defaultGrid","align","justify","onBoxBreakpointChange","comRef","useRef","_useBoxBreakpoint","_useGutter","useEffect","Provider","value","ref","alignItems","justifyContent","marginLeft","marginRight","rowGap","opacity","getGridMapByRange","minSize","getSpan","threshold","result","Math","ceil","find","item","BoxGrid"],"mappings":"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"}

package/dist/button-operate/index.css

@@ -0,0 +1 @@
+.table-operate{padding:0 5px}.table-operate .ant-btn-link{border-radius:4px;height:auto;padding:0 6px}.table-operate .ant-btn-link:hover{background-color:rgba(0,0,0,.03)!important}.table-operate .ant-btn-link:hover span{transform:scale(1.05);transition:all .1s ease-in}.table-operate .ant-btn-link .anticon{margin:0}.table-operate .ant-divider{margin:0 4px}.table-operate .dropdown-menu-wrapper{align-items:center;display:flex;justify-content:center}.fold-more-button .anticon-more{transform:rotate(90deg)}.fold-more-button:hover .anticon-more{transform:scale(1.3) rotate(90deg)!important}.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/button-operate/index.d.ts

@@ -0,0 +1,148 @@
+import { TAny, TNoopDefine, TPlainObject } from '@flatbiz/utils';
+import { ButtonProps, DropdownProps, FormInstance, ModalProps, PopconfirmProps, SpaceProps } from 'antd';
+import { ConfigProviderProps } from 'antd/es/config-provider';
+import { CSSProperties, FC, ReactElement, ReactNode } 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;
+}
+export interface ButtonOperateItem extends ButtonWrapperProps {
+	/** hover 提示文字，isFold=true无效 */
+	hoverTips?: string | ReactElement;
+	/** hover 提示类型 默认：'tooltip' */
+	tipsType?: "popover" | "tooltip";
+	/** 按钮文案 */
+	text?: string | ReactElement;
+	/** 自定义按钮颜色 */
+	color?: string;
+	/** 是否需要二次弹框确认 */
+	needConfirm?: boolean;
+	/** 二次弹框确认文案  */
+	confirmMessage?: string;
+	popconfirmProps?: Pick<PopconfirmProps, "placement" | "okText" | "cancelText" | "trigger">;
+	/** 是否折叠合拢 */
+	isFold?: boolean;
+	confirmModalProps?: DialogModalProps;
+}
+export interface ButtonOperateProps {
+	className?: string;
+	style?: CSSProperties;
+	/**
+	 * 如果数组中元素为ReactElement类型
+	 * 1. 一般为antd Button组件，如果组件存在属性hidden=true，则会隐藏
+	 * 2. 可配置 v-permission 权限值，例如 v-permission="add"
+	 * 3. 任何confirm、disabled等状态在外部控制
+	 * 3. 不支持fold效果
+	 */
+	operateList: Array<ButtonOperateItem | null | ReactElement>;
+	/** 是否换行，默认true */
+	wrap?: boolean;
+	/** 隐藏图标Icon */
+	foldIcon?: ReactElement;
+	/** 按钮之间是否添加分隔符 */
+	split?: boolean;
+	/** 多个按钮的包装组件Space属性 */
+	spaceProps?: SpaceProps;
+	/** 间距，默认：10；split=true配置下无效（可通过spaceProps设置间距） */
+	gap?: number;
+	/** 折叠合拢属性 */
+	dropdownMenuProps?: Omit<DropdownMenuWrapperProps, "menuList">;
+}
+export declare const ButtonOperateItemContent: (props: Pick<ButtonOperateItem, "hoverTips" | "tipsType"> & {
+	content: ReactNode;
+}) => import("react").JSX.Element;
+/**
+ * 按钮组合处理组件
+ * ```
+ * @flatbiz/antd@4.2.49
+ * 1. 替换 Fold 中 needConfirm交互，有 Popconfirm 改为 dialogConfirm组件实现二次弹框确认功能
+ * 2. 修改原因：升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框组合使用存在问题
+ * ```
+ */
+export declare const ButtonOperate: FC<ButtonOperateProps>;
+
+export {};

package/dist/button-operate/index.js

@@ -0,0 +1,50 @@
+/* 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 { a as ButtonOperate, B as ButtonOperateItemContent } from '../button-operate-CWu3PARq.js';
+import '@ant-design/icons/es/icons/MoreOutlined.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@dimjs/lang/is-undefined';
+import '@dimjs/utils/class-names/class-names';
+import '@dimjs/lang/is-plain-object';
+import '@dimjs/lang/is-string';
+import '@dimjs/lang/is-promise';
+import '@wove/react/hooks';
+import 'react';
+import 'antd';
+import '../button-wrapper-l9FUsrWl.js';
+import '@ant-design/icons/es/icons/LoadingOutlined.js';
+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 '../dropdown-menu-wrapper-F5A3o-Jt.js';
+import '@ant-design/icons/es/icons/ExclamationCircleFilled.js';
+import '../dialog-confirm-DQdfsMXv.js';
+import '../dialog-modal-DbTrsUc2.js';
+import 'react-dom/client';
+import 'ahooks';
+import '../flex-layout-BaDncU_Z.js';
+import '@wove/react/create-ctx';
+//# sourceMappingURL=index.js.map

package/dist/button-operate/index.js.map

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