@flatbiz/antd 4.5.25 → 5.0.0

package/dist/tag-list-C9_bM06E.js

@@ -0,0 +1,115 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { useMemo, Fragment } from 'react';
+import { Tag, Popover } from 'antd';
+import { toArray, isUndefinedOrNull, valueIsEqual } from '@flatbiz/utils';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+/**
+ * 在列表数据dataList中通过value匹配数据，以Tag形式展示
+ * ```
+ *  1. forceMatch: 是否强制匹配（默认值false）
+ *     - false: 匹配不到显示value值，
+ *     - true：匹配不到不显示
+ *  2. value 与 dataList中label、value任一相等，都可匹配
+ *
+ *  用法1：
+ *  <TagListRender
+ *    dataList=[{ label: '启用', value: 1 }]
+ *    colorMap={{ 1:'red', 2: 'blue'}}
+ *    value={1} />
+ *  =>
+ *  <Tag color={'red'}>启用</Tag>
+ *
+ *  用法2
+ *  <TagListRender
+ *    dataList=[{ label: '启用', value: 1. color: 'red' }]
+ *    value="启用" />
+ *  =>
+ *  <Tag color={'red'}>启用</Tag>
+ * ```
+ */
+var _TagListRender = function TagListRender(props) {
+  var valueList = toArray(props.value);
+  var maxShowCount = props.maxShowCount || 0;
+  var tagList = useMemo(function () {
+    if (isUndefinedOrNull(props.value)) {
+      return [];
+    }
+    return valueList.map(function (value) {
+      var _props$dataList;
+      var target = (_props$dataList = props.dataList) === null || _props$dataList === void 0 ? void 0 : _props$dataList.find(function (item) {
+        return valueIsEqual(item.value, value) || item.label === value;
+      });
+      if (target) {
+        var _props$colorMap;
+        return {
+          label: target.label || target.value,
+          color: ((_props$colorMap = props.colorMap) === null || _props$colorMap === void 0 ? void 0 : _props$colorMap[String(target.value)]) || target.color,
+          value: value
+        };
+      }
+      if (props.forceMatch) {
+        return undefined;
+      }
+      return {
+        label: "".concat(value),
+        color: undefined,
+        value: value
+      };
+    }).filter(Boolean);
+  }, [props.colorMap, props.dataList, props.forceMatch, props.value, valueList]);
+  if (tagList.length === 0) {
+    return /*#__PURE__*/jsx(Fragment, {
+      children: props.value
+    });
+  }
+  var hasColor = tagList.find(function (item) {
+    return !!(item !== null && item !== void 0 && item.color);
+  });
+  var newTagList = tagList.slice(0, maxShowCount || tagList.length);
+  var popoverTagList = newTagList.length < tagList.length ? props.foldShowAllTag ? tagList : tagList.slice(maxShowCount, tagList.length) : [];
+  if (hasColor || popoverTagList.length > 0) {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [newTagList.map(function (item, index) {
+        return /*#__PURE__*/jsx(Tag, {
+          color: item.color,
+          style: index === newTagList.length - 1 ? {
+            margin: '0'
+          } : {
+            marginRight: 5
+          },
+          children: item.label
+        }, index);
+      }), popoverTagList.length > 0 ? /*#__PURE__*/jsx(Popover, {
+        content: /*#__PURE__*/jsx(_TagListRender, _objectSpread2(_objectSpread2({}, props), {}, {
+          value: popoverTagList.map(function (item) {
+            return item.value;
+          }),
+          dataList: popoverTagList,
+          maxShowCount: undefined
+        })),
+        children: /*#__PURE__*/jsx(Tag, {
+          color: "blue",
+          style: {
+            marginLeft: 5,
+            cursor: 'pointer'
+          },
+          children: "..."
+        })
+      }) : null]
+    });
+  }
+  return /*#__PURE__*/jsx(Fragment, {
+    children: tagList.map(function (item) {
+      return item.label;
+    }).join(',')
+  });
+};
+_TagListRender.defaultProps = {
+  forceMatch: false
+};
+
+export { _TagListRender as _ };
+//# sourceMappingURL=tag-list-C9_bM06E.js.map

package/dist/tag-list-C9_bM06E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-list-C9_bM06E.js","sources":["@flatbiz/antd/src/tag-list-render/tag-list.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Fragment, useMemo } from 'react';\nimport { Popover, Tag } from 'antd';\nimport { isUndefinedOrNull, toArray, valueIsEqual } from '@flatbiz/utils';\n\nexport type TagListRenderValue = string | number | boolean;\nexport type TagListRenderDataItem = {\n  label: string;\n  value: TagListRenderValue;\n  color?: string;\n};\n\nexport type TagListRenderProps = {\n  dataList: TagListRenderDataItem[];\n  /** 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同 */\n  colorMap?: Record<string | number, string>;\n  value?: TagListRenderValue | TagListRenderValue[];\n  /** 是否强制匹配，默认值false */\n  forceMatch?: boolean;\n  /** 最大显示Tag数量，超出折叠隐藏 */\n  maxShowCount?: number;\n  /** 触发maxShowCount后，被折叠的内容是否显示完整tag，默认值：false */\n  foldShowAllTag?: boolean;\n  /** 所有tag背景匹配此颜色，在colorMap为空、dataList中未配置color的情况下有效果 */\n  tagColor?: string;\n};\n\n/**\n * 在列表数据dataList中通过value匹配数据，以Tag形式展示\n * ```\n *  1. forceMatch: 是否强制匹配（默认值false）\n *     - false: 匹配不到显示value值，\n *     - true：匹配不到不显示\n *  2. value 与 dataList中label、value任一相等，都可匹配\n *\n *  用法1：\n *  <TagListRender\n *    dataList=[{ label: '启用', value: 1 }]\n *    colorMap={{ 1:'red', 2: 'blue'}}\n *    value={1} />\n *  =>\n *  <Tag color={'red'}>启用</Tag>\n *\n *  用法2\n *  <TagListRender\n *    dataList=[{ label: '启用', value: 1. color: 'red' }]\n *    value=\"启用\" />\n *  =>\n *  <Tag color={'red'}>启用</Tag>\n * ```\n */\nexport const TagListRender: FC<TagListRenderProps> = (props) => {\n  const valueList = toArray<TagListRenderValue>(props.value);\n  const maxShowCount = props.maxShowCount || 0;\n  const tagList = useMemo(() => {\n    if (isUndefinedOrNull(props.value)) {\n      return [];\n    }\n    return valueList\n      .map((value) => {\n        const target = props.dataList?.find(\n          (item) => valueIsEqual(item.value, value) || item.label === value\n        );\n        if (target) {\n          return {\n            label: target.label || target.value,\n            color: props.colorMap?.[String(target.value)] || target.color,\n            value: value,\n          };\n        }\n        if (props.forceMatch) {\n          return undefined;\n        }\n        return { label: `${value}`, color: undefined, value: value };\n      })\n      .filter(Boolean) as TagListRenderDataItem[];\n  }, [\n    props.colorMap,\n    props.dataList,\n    props.forceMatch,\n    props.value,\n    valueList,\n  ]);\n\n  if (tagList.length === 0) {\n    return <Fragment>{props.value}</Fragment>;\n  }\n\n  const hasColor = tagList.find((item) => !!item?.color);\n\n  const newTagList = tagList.slice(0, maxShowCount || tagList.length);\n\n  const popoverTagList =\n    newTagList.length < tagList.length\n      ? props.foldShowAllTag\n        ? tagList\n        : tagList.slice(maxShowCount, tagList.length)\n      : [];\n\n  if (hasColor || popoverTagList.length > 0) {\n    return (\n      <Fragment>\n        {newTagList.map((item, index) => {\n          return (\n            <Tag\n              color={item.color}\n              style={\n                index === newTagList.length - 1\n                  ? { margin: '0' }\n                  : { marginRight: 5 }\n              }\n              key={index}\n            >\n              {item.label}\n            </Tag>\n          );\n        })}\n        {popoverTagList.length > 0 ? (\n          <Popover\n            content={\n              <TagListRender\n                {...props}\n                value={popoverTagList.map((item) => item.value)}\n                dataList={popoverTagList}\n                maxShowCount={undefined}\n              />\n            }\n          >\n            <Tag color=\"blue\" style={{ marginLeft: 5, cursor: 'pointer' }}>\n              ...\n            </Tag>\n          </Popover>\n        ) : null}\n      </Fragment>\n    );\n  }\n\n  return <Fragment>{tagList.map((item) => item.label).join(',')}</Fragment>;\n};\n\nTagListRender.defaultProps = {\n  forceMatch: false,\n};\n"],"names":["TagListRender","props","valueList","toArray","value","maxShowCount","tagList","useMemo","isUndefinedOrNull","map","_props$dataList","target","dataList","find","item","valueIsEqual","label","_props$colorMap","color","colorMap","String","forceMatch","undefined","concat","filter","Boolean","length","_jsx","Fragment","children","hasColor","newTagList","slice","popoverTagList","foldShowAllTag","_jsxs","index","Tag","style","margin","marginRight","Popover","content","_TagListRender","_objectSpread","marginLeft","cursor","join","defaultProps"],"mappings":"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"}

package/dist/tag-list-render/index.d.ts

@@ -0,0 +1,49 @@
+import { FC } from 'react';
+
+export type TagListRenderValue = string | number | boolean;
+export type TagListRenderDataItem = {
+	label: string;
+	value: TagListRenderValue;
+	color?: string;
+};
+export type TagListRenderProps = {
+	dataList: TagListRenderDataItem[];
+	/** 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同 */
+	colorMap?: Record<string | number, string>;
+	value?: TagListRenderValue | TagListRenderValue[];
+	/** 是否强制匹配，默认值false */
+	forceMatch?: boolean;
+	/** 最大显示Tag数量，超出折叠隐藏 */
+	maxShowCount?: number;
+	/** 触发maxShowCount后，被折叠的内容是否显示完整tag，默认值：false */
+	foldShowAllTag?: boolean;
+	/** 所有tag背景匹配此颜色，在colorMap为空、dataList中未配置color的情况下有效果 */
+	tagColor?: string;
+};
+/**
+ * 在列表数据dataList中通过value匹配数据，以Tag形式展示
+ * ```
+ *  1. forceMatch: 是否强制匹配（默认值false）
+ *     - false: 匹配不到显示value值，
+ *     - true：匹配不到不显示
+ *  2. value 与 dataList中label、value任一相等，都可匹配
+ *
+ *  用法1：
+ *  <TagListRender
+ *    dataList=[{ label: '启用', value: 1 }]
+ *    colorMap={{ 1:'red', 2: 'blue'}}
+ *    value={1} />
+ *  =>
+ *  <Tag color={'red'}>启用</Tag>
+ *
+ *  用法2
+ *  <TagListRender
+ *    dataList=[{ label: '启用', value: 1. color: 'red' }]
+ *    value="启用" />
+ *  =>
+ *  <Tag color={'red'}>启用</Tag>
+ * ```
+ */
+export declare const TagListRender: FC<TagListRenderProps>;
+
+export {};

package/dist/tag-list-render/index.js

@@ -0,0 +1,11 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { _ as TagListRender } from '../tag-list-C9_bM06E.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import 'react';
+import 'antd';
+import '@flatbiz/utils';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/tag-list-render/index.js.map

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

package/dist/tag-list-select/index.d.ts

@@ -0,0 +1,46 @@
+import { FC } from 'react';
+
+export type TagListSelectValue = string | number | boolean;
+export type TagListSelectDataItem = {
+	label: string;
+	value: TagListSelectValue;
+	color?: string;
+};
+export type TagListSelectProps = {
+	dataList: TagListSelectDataItem[];
+	/** 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同 */
+	colorMap?: Record<string | number, string>;
+	value?: TagListSelectValue | TagListSelectValue[];
+	/** 是否强制匹配，默认值false */
+	forceMatch?: boolean;
+};
+/**
+ * 在列表数据中通过value匹配数据，以Tag形式展示
+ * @deprecated 已过期，请使用 TagListRender 组件
+ * @param props
+ * @returns
+ * ```
+ *  1. forceMatch: 是否强制匹配（默认值false）
+ *     - false: 匹配不到显示value值，
+ *     - true：匹配不到不显示
+ *  2. value 与 dataList中label、value任一相等，都可匹配
+ *
+ *  用法1：
+ *  <TagListSelect
+ *    dataList=[{ label: '启用', value: 1 }]
+ *    colorMap={{ 1:'red', 2: 'blue'}}
+ *    value={1} />
+ *  =>
+ *  <Tag color={'red'}>启用</Tag>
+ *
+ *  用法2
+ *  <TagListSelect
+ *    dataList=[{ label: '启用', value: 1. color: 'red' }]
+ *    value="启用" />
+ *  =>
+ *  <Tag color={'red'}>启用</Tag>
+ * ```
+ */
+export declare const TagListSelect: FC<TagListSelectProps>;
+
+export {};

package/dist/tag-list-select/index.js

@@ -0,0 +1,10 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { T as TagListSelect } from '../tag-list-select-C8_X2SS-.js';
+import 'react';
+import 'antd';
+import '@flatbiz/utils';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/tag-list-select/index.js.map

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

package/dist/tag-list-select-C8_X2SS-.js

@@ -0,0 +1,96 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { useMemo, Fragment } from 'react';
+import { Tag } from 'antd';
+import { toArray, isUndefinedOrNull, valueIsEqual } from '@flatbiz/utils';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * 在列表数据中通过value匹配数据，以Tag形式展示
+ * @deprecated 已过期，请使用 TagListRender 组件
+ * @param props
+ * @returns
+ * ```
+ *  1. forceMatch: 是否强制匹配（默认值false）
+ *     - false: 匹配不到显示value值，
+ *     - true：匹配不到不显示
+ *  2. value 与 dataList中label、value任一相等，都可匹配
+ *
+ *  用法1：
+ *  <TagListSelect
+ *    dataList=[{ label: '启用', value: 1 }]
+ *    colorMap={{ 1:'red', 2: 'blue'}}
+ *    value={1} />
+ *  =>
+ *  <Tag color={'red'}>启用</Tag>
+ *
+ *  用法2
+ *  <TagListSelect
+ *    dataList=[{ label: '启用', value: 1. color: 'red' }]
+ *    value="启用" />
+ *  =>
+ *  <Tag color={'red'}>启用</Tag>
+ * ```
+ */
+var TagListSelect = function TagListSelect(props) {
+  var valueList = toArray(props.value);
+  var tagList = useMemo(function () {
+    if (isUndefinedOrNull(props.value)) {
+      return [];
+    }
+    return valueList.map(function (value) {
+      var _props$dataList;
+      var target = (_props$dataList = props.dataList) === null || _props$dataList === void 0 ? void 0 : _props$dataList.find(function (item) {
+        return valueIsEqual(item.value, value) || item.label === value;
+      });
+      if (target) {
+        var _props$colorMap;
+        return {
+          label: target.label || target.value,
+          color: ((_props$colorMap = props.colorMap) === null || _props$colorMap === void 0 ? void 0 : _props$colorMap[String(target.value)]) || target.color,
+          value: value
+        };
+      }
+      if (props.forceMatch) {
+        return undefined;
+      }
+      return {
+        label: "".concat(value),
+        color: undefined,
+        value: value
+      };
+    }).filter(Boolean);
+  }, [props.colorMap, props.dataList, props.forceMatch, props.value, valueList]);
+  if (tagList.length === 0) {
+    return /*#__PURE__*/jsx(Fragment, {
+      children: props.value
+    });
+  }
+  var hasColor = tagList.find(function (item) {
+    return !!(item !== null && item !== void 0 && item.color);
+  });
+  if (hasColor) {
+    return /*#__PURE__*/jsx(Fragment, {
+      children: tagList.map(function (item, index) {
+        return /*#__PURE__*/jsx(Tag, {
+          color: item.color,
+          style: index === tagList.length - 1 ? {
+            margin: '0'
+          } : undefined,
+          children: item.label
+        }, index);
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(Fragment, {
+    children: tagList.map(function (item) {
+      return item.label;
+    }).join(',')
+  });
+};
+TagListSelect.defaultProps = {
+  forceMatch: false
+};
+
+export { TagListSelect as T };
+//# sourceMappingURL=tag-list-select-C8_X2SS-.js.map

package/dist/tag-list-select-C8_X2SS-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-list-select-C8_X2SS-.js","sources":["@flatbiz/antd/src/tag-list-select/tag-list-select.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Fragment, useMemo } from 'react';\nimport { Tag } from 'antd';\nimport { isUndefinedOrNull, toArray, valueIsEqual } from '@flatbiz/utils';\n\nexport type TagListSelectValue = string | number | boolean;\nexport type TagListSelectDataItem = {\n  label: string;\n  value: TagListSelectValue;\n  color?: string;\n};\n\nexport type TagListSelectProps = {\n  dataList: TagListSelectDataItem[];\n  /** 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同 */\n  colorMap?: Record<string | number, string>;\n  value?: TagListSelectValue | TagListSelectValue[];\n  /** 是否强制匹配，默认值false */\n  forceMatch?: boolean;\n};\n\n/**\n * 在列表数据中通过value匹配数据，以Tag形式展示\n * @deprecated 已过期，请使用 TagListRender 组件\n * @param props\n * @returns\n * ```\n *  1. forceMatch: 是否强制匹配（默认值false）\n *     - false: 匹配不到显示value值，\n *     - true：匹配不到不显示\n *  2. value 与 dataList中label、value任一相等，都可匹配\n *\n *  用法1：\n *  <TagListSelect\n *    dataList=[{ label: '启用', value: 1 }]\n *    colorMap={{ 1:'red', 2: 'blue'}}\n *    value={1} />\n *  =>\n *  <Tag color={'red'}>启用</Tag>\n *\n *  用法2\n *  <TagListSelect\n *    dataList=[{ label: '启用', value: 1. color: 'red' }]\n *    value=\"启用\" />\n *  =>\n *  <Tag color={'red'}>启用</Tag>\n * ```\n */\nexport const TagListSelect: FC<TagListSelectProps> = (props) => {\n  const valueList = toArray<TagListSelectValue>(props.value);\n  const tagList = useMemo(() => {\n    if (isUndefinedOrNull(props.value)) {\n      return [];\n    }\n    return valueList\n      .map((value) => {\n        const target = props.dataList?.find(\n          (item) => valueIsEqual(item.value, value) || item.label === value\n        );\n        if (target) {\n          return {\n            label: target.label || target.value,\n            color: props.colorMap?.[String(target.value)] || target.color,\n            value: value,\n          };\n        }\n        if (props.forceMatch) {\n          return undefined;\n        }\n        return { label: `${value}`, color: undefined, value: value };\n      })\n      .filter(Boolean) as TagListSelectDataItem[];\n  }, [\n    props.colorMap,\n    props.dataList,\n    props.forceMatch,\n    props.value,\n    valueList,\n  ]);\n\n  if (tagList.length === 0) {\n    return <Fragment>{props.value}</Fragment>;\n  }\n\n  const hasColor = tagList.find((item) => !!item?.color);\n\n  if (hasColor) {\n    return (\n      <Fragment>\n        {tagList.map((item, index) => {\n          return (\n            <Tag\n              color={item.color}\n              style={index === tagList.length - 1 ? { margin: '0' } : undefined}\n              key={index}\n            >\n              {item.label}\n            </Tag>\n          );\n        })}\n      </Fragment>\n    );\n  }\n\n  return <Fragment>{tagList.map((item) => item.label).join(',')}</Fragment>;\n};\n\nTagListSelect.defaultProps = {\n  forceMatch: false,\n};\n"],"names":["TagListSelect","props","valueList","toArray","value","tagList","useMemo","isUndefinedOrNull","map","_props$dataList","target","dataList","find","item","valueIsEqual","label","_props$colorMap","color","colorMap","String","forceMatch","undefined","concat","filter","Boolean","length","_jsx","Fragment","children","hasColor","index","Tag","style","margin","join","defaultProps"],"mappings":"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"}

package/dist/tag-wrapper/index.d.ts

@@ -0,0 +1,14 @@
+import { TAny } from '@flatbiz/utils';
+import { TagProps } from 'antd';
+
+export type TagWrapperProps = Omit<TagProps, "onClick"> & {
+	onClick?: (e: React.MouseEvent<HTMLElement>) => Promise<TAny> | void;
+	loading?: boolean;
+	debounceDuration?: number;
+};
+/**
+ * 为 Tag 添加 loading 效果
+ */
+export declare const TagWrapper: (props: TagWrapperProps) => import("react").JSX.Element;
+
+export {};

package/dist/tag-wrapper/index.js

@@ -0,0 +1,17 @@
+/* eslint-disable */
+import './../fba-hooks/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { T as TagWrapper } from '../tag-wrapper-BmGPE1YG.js';
+import '@ant-design/icons/es/icons/LoadingOutlined.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@dimjs/lang/is-promise';
+import '@wove/react/hooks';
+import 'react';
+import 'antd';
+import '@flatbiz/utils';
+import '../fba-hooks/index.js';
+import '../use-responsive-point-Bp3D3lZT.js';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/tag-wrapper/index.js.map

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

package/dist/tag-wrapper-BmGPE1YG.js

@@ -0,0 +1,66 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import _LoadingOutlined from '@ant-design/icons/es/icons/LoadingOutlined.js';
+import { _ as _objectWithoutProperties, a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { isPromise } from '@dimjs/lang/is-promise';
+import { hooks } from '@wove/react/hooks';
+import { useState } from 'react';
+import { Tag } from 'antd';
+import { isUndefinedOrNull } from '@flatbiz/utils';
+import { fbaHooks } from './fba-hooks/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["loading", "children", "debounceDuration", "style"];
+/**
+ * 为 Tag 添加 loading 效果
+ */
+var TagWrapper = function TagWrapper(props) {
+  var loading = props.loading,
+    children = props.children,
+    debounceDuration = props.debounceDuration,
+    style = props.style,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerLoading = _useState2[0],
+    setLoading = _useState2[1];
+  var debounceDurationMew = isUndefinedOrNull(debounceDuration) ? 500 : debounceDuration;
+  fbaHooks.useEffectCustom(function () {
+    if (!isUndefinedOrNull(loading)) {
+      setLoading(loading || false);
+    }
+  }, [loading]);
+  var onClick = hooks.useDebounceClick(function (e) {
+    var onClick = props.onClick;
+    if (!onClick) {
+      return;
+    }
+    var result = onClick(e);
+    if (result && isPromise(result)) {
+      setLoading(true);
+      result.catch(function (error) {
+        console.error(error);
+      }).finally(function () {
+        setLoading(false);
+      });
+    }
+  }, debounceDurationMew);
+  return /*#__PURE__*/jsxs(Tag, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+    onClick: onClick,
+    style: _objectSpread2({
+      cursor: props.onClick ? 'pointer' : 'default'
+    }, style),
+    children: [innerLoading && /*#__PURE__*/jsx("div", {
+      className: "tw-center-loading",
+      children: /*#__PURE__*/jsx(_LoadingOutlined, {})
+    }), innerLoading ? /*#__PURE__*/jsx("div", {
+      style: {
+        opacity: 0.5
+      },
+      children: children
+    }) : children]
+  }));
+};
+
+export { TagWrapper as T };
+//# sourceMappingURL=tag-wrapper-BmGPE1YG.js.map

package/dist/tag-wrapper-BmGPE1YG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-wrapper-BmGPE1YG.js","sources":["@flatbiz/antd/src/tag-wrapper/tag-wrapper.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { TagProps } from 'antd';\nimport { Tag } from 'antd';\nimport { LoadingOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport type { TAny } from '@flatbiz/utils';\nimport { isUndefinedOrNull } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport './style.less';\n\nexport type TagWrapperProps = Omit<TagProps, 'onClick'> & {\n  onClick?: (e: React.MouseEvent<HTMLElement>) => Promise<TAny> | void;\n  loading?: boolean;\n  // 重复点击间隙，单位毫秒 默认值：500\n  debounceDuration?: number;\n};\n\n/**\n * 为 Tag 添加 loading 效果\n */\nexport const TagWrapper = (props: TagWrapperProps) => {\n  const { loading, children, debounceDuration, style, ...otherProps } = props;\n\n  const [innerLoading, setLoading] = useState(false);\n  const debounceDurationMew = isUndefinedOrNull(debounceDuration)\n    ? 500\n    : debounceDuration;\n\n  fbaHooks.useEffectCustom(() => {\n    if (!isUndefinedOrNull(loading)) {\n      setLoading(loading || false);\n    }\n  }, [loading]);\n\n  const onClick = hooks.useDebounceClick((e) => {\n    const onClick = props.onClick;\n    if (!onClick) {\n      return;\n    }\n    const result = onClick(e);\n    if (result && isPromise(result)) {\n      setLoading(true);\n      result\n        .catch((error) => {\n          console.error(error);\n        })\n        .finally(() => {\n          setLoading(false);\n        });\n    }\n  }, debounceDurationMew);\n\n  return (\n    <Tag\n      {...otherProps}\n      onClick={onClick}\n      style={{ cursor: props.onClick ? 'pointer' : 'default', ...style }}\n    >\n      {innerLoading && (\n        <div className=\"tw-center-loading\">\n          <LoadingOutlined />\n        </div>\n      )}\n      {innerLoading ? <div style={{ opacity: 0.5 }}>{children}</div> : children}\n    </Tag>\n  );\n};\n"],"names":["TagWrapper","props","loading","children","debounceDuration","style","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","innerLoading","setLoading","debounceDurationMew","isUndefinedOrNull","fbaHooks","useEffectCustom","onClick","_hooks","useDebounceClick","e","result","_isPromise","catch","error","console","finally","_jsxs","Tag","_objectSpread","cursor","_jsx","className","_LoadingOutlined","opacity"],"mappings":";;;;;;;;;;;;;AAkBA;AACA;AACA;IACaA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAsB,EAAK;AACpD,EAAA,IAAQC,OAAO,GAAuDD,KAAK,CAAnEC,OAAO;IAAEC,QAAQ,GAA6CF,KAAK,CAA1DE,QAAQ;IAAEC,gBAAgB,GAA2BH,KAAK,CAAhDG,gBAAgB;IAAEC,KAAK,GAAoBJ,KAAK,CAA9BI,KAAK;AAAKC,IAAAA,UAAU,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAE3E,EAAA,IAAAC,SAAA,GAAmCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA3CI,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,UAAA,CAAA,CAAA,CAAA;EAC/B,IAAMI,mBAAmB,GAAGC,iBAAiB,CAACZ,gBAAgB,CAAC,GAC3D,GAAG,GACHA,gBAAgB;EAEpBa,QAAQ,CAACC,eAAe,CAAC,YAAM;AAC7B,IAAA,IAAI,CAACF,iBAAiB,CAACd,OAAO,CAAC,EAAE;AAC/BY,MAAAA,UAAU,CAACZ,OAAO,IAAI,KAAK,CAAC;AAC9B;AACF,GAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,IAAMiB,OAAO,GAAGC,KAAA,CAAMC,gBAAgB,CAAC,UAACC,CAAC,EAAK;AAC5C,IAAA,IAAMH,OAAO,GAAGlB,KAAK,CAACkB,OAAO;IAC7B,IAAI,CAACA,OAAO,EAAE;AACZ,MAAA;AACF;AACA,IAAA,IAAMI,MAAM,GAAGJ,OAAO,CAACG,CAAC,CAAC;AACzB,IAAA,IAAIC,MAAM,IAAIC,SAAA,CAAUD,MAAM,CAAC,EAAE;MAC/BT,UAAU,CAAC,IAAI,CAAC;AAChBS,MAAAA,MAAM,CACHE,KAAK,CAAC,UAACC,KAAK,EAAK;AAChBC,QAAAA,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;AACtB,OAAC,CAAC,CACDE,OAAO,CAAC,YAAM;QACbd,UAAU,CAAC,KAAK,CAAC;AACnB,OAAC,CAAC;AACN;GACD,EAAEC,mBAAmB,CAAC;EAEvB,oBACEc,IAAA,CAACC,GAAG,EAAAC,cAAA,CAAAA,cAAA,KACEzB,UAAU,CAAA,EAAA,EAAA,EAAA;AACda,IAAAA,OAAO,EAAEA,OAAQ;AACjBd,IAAAA,KAAK,EAAA0B,cAAA,CAAA;AAAIC,MAAAA,MAAM,EAAE/B,KAAK,CAACkB,OAAO,GAAG,SAAS,GAAG;AAAS,KAAA,EAAKd,KAAK,CAAG;IAAAF,QAAA,EAAA,CAElEU,YAAY,iBACXoB,GAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,mBAAmB;AAAA/B,MAAAA,QAAA,eAChC8B,GAAA,CAAAE,gBAAA,EAAkB,EAAA;AAAC,KAChB,CACN,EACAtB,YAAY,gBAAGoB,GAAA,CAAA,KAAA,EAAA;AAAK5B,MAAAA,KAAK,EAAE;AAAE+B,QAAAA,OAAO,EAAE;OAAM;AAAAjC,MAAAA,QAAA,EAAEA;KAAc,CAAC,GAAGA,QAAQ;AAAA,GAAA,CACtE,CAAC;AAEV;;;;"}

package/dist/text-overflow/index.d.ts

@@ -0,0 +1,42 @@
+import { ReactElement } from 'react';
+
+export type TextOverflowProps = {
+	/** text 为ReactElement类型时，maxLength配置无效 */
+	text: string | ReactElement;
+	/** 最大显示宽度 */
+	maxWidth?: number;
+	/** 最大显示字数 */
+	maxLength?: number;
+	/**
+	 * 关闭tooltip功能
+	 * 文字超出后，鼠标移入，不展示全部文字
+	 */
+	hideTip?: boolean;
+	onClick?: (e: any) => void;
+};
+/**
+ * 内容溢出截取，并在尾部添加...，被截取的添加Tooltip显示完整数据
+ * ```
+ * 控制文本显示三种方式
+ * 1. 通过 maxLength 控制超长
+ * 2. 通过 maxWidth 控制超长
+ * 3. 与父节点宽度比较，控制超长
+ * 4. 优先级  maxLength > maxWidth
+ *
+ * 注意：
+ * 1. 当前节点父节点需要添加 overflow-x: hidden;
+ * 2. 如果父节点设置flex-shrink会有影响，可复写flex-shrink: initial;
+ * 3. 与 Table columns render结合使用，需要配置ellipsis=true
+ *    例如：<Table columns={[{
+			 ...
+			 render: (value) => {
+			   return <TextOverflow text={value} />;
+			 },
+			 ellipsis: true,
+		   }]} />
+	4. 与 Table columns render结合使用，如果Table配置了 scroll={{ x: 'max-content' }}后，不能与TextOverflow maxWidth结合使用
+ * ```
+ */
+export declare const TextOverflow: import("react").MemoExoticComponent<(props: TextOverflowProps) => import("react").JSX.Element>;
+
+export {};

package/dist/text-overflow/index.js

@@ -0,0 +1,18 @@
+/* eslint-disable */
+import './../fba-hooks/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { T as TextOverflow } from '../text-overflow-Bk9MC6Cg.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@dimjs/lang/is-string';
+import 'react';
+import '@dimjs/utils/class-names/class-names';
+import 'ahooks';
+import 'antd';
+import '../fba-hooks/index.js';
+import '@wove/react/hooks';
+import '@flatbiz/utils';
+import '../use-responsive-point-Bp3D3lZT.js';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/text-overflow/index.js.map

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