@flatbiz/antd 4.5.55 → 4.5.56

package/esm/table-scrollbar/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as r,_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{get as e}from"@dimjs/utils/cjs/get";import{useCreation as n,useInViewport as o,useSize as i,useEventListener as l}from"ahooks";import{Affix as a}from"antd";import{cloneElement as u,useRef as c,useState as s,useEffect as f}from"react";import{fbaHooks as d}from"../fba-hooks/index.js";import{jsxs as v,Fragment as m,jsx as p}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var h=["children","target"];var g=d.useEffectCustom;var y=function r(t){if(!t)return undefined;var e=getComputedStyle(t);if(e.overflowY==="scroll"||e.overflowY==="auto"){return t}return y(t.parentNode)};var b=function n(o){var i=o.children,l=o.target,a=r(o,h);var c=e(i,"props.summary");return u(i,t({},a,{summary:function r(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++){e[n]=arguments[n]}return v(m,{children:[c==null?void 0:c.apply(void 0,e),p(j,{target:l})]})}}))};var j=function r(t){var e=t.target;var u=c();var d=c();var v=s(false),m=v[0],h=v[1];var b=n((function(){var r;var t=function r(e){if(!e)return undefined;if(e.nodeName==="TABLE"){return e}return t(e.parentNode)};var e=t(u==null||(r=u.current)==null?void 0:r.parentElement);return{table:e,tableBox:e==null?void 0:e.parentElement}}),[u.current]),j=b.table,w=b.tableBox;var x=o(j==null?void 0:j.querySelector("tbody")),L=x[0];var N=i(w);var W=n((function(){if(e)return e;return y(j)||document.body}),[e,j,N]);g((function(){if(m&&u.current&&d.current){if(u.current.clientWidth!=(w==null?void 0:w.clientWidth)){u.current.style.width=((w==null?void 0:w.clientWidth)||0)+"px"}if(d.current.clientWidth!=(j==null?void 0:j.clientWidth)){d.current.style.width=((j==null?void 0:j.clientWidth)||0)+"px"}}}),[N,m]);l("scroll",(function(r){var t=r.target;if(u.current){u.current.scrollLeft=t.scrollLeft}}),{target:function r(){return w}});l("scroll",(function(r){var t=r.target;if(w)w.scrollLeft=t.scrollLeft}),{target:u});var B=s(0),k=B[0],E=B[1];var C=c(null);f((function(){var r;var t=(r=C.current)==null?void 0:r.parentNode;var e=false;while(t!=null){var n,o;if((n=t.classList)!=null&&n.contains("ant-modal-content")||(o=t.classList)!=null&&o.contains("ant-drawer-body")){e=true;break}t=t.parentNode}if(e){setTimeout((function(){E(Date.now())}),400)}else{E(Date.now())}}),[]);return p("div",{className:"scrollbar-main",ref:C,children:k?p(a,{offsetBottom:L?13:0,style:{opacity:m?1:0},onChange:function r(t){h(!!t)},target:function r(){return W},children:p("div",{ref:u,className:"scrollbar-box",children:p("div",{ref:d,style:{height:1}})})}):null})};export{b as TableScrollbar};
+import{a as r,_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{get as e}from"@dimjs/utils/cjs/get";import{useCreation as n,useInViewport as o,useSize as i,useEventListener as l}from"ahooks";import{Affix as a}from"antd";import{cloneElement as u,useRef as c,useState as s,useEffect as f}from"react";import{fbaHooks as d}from"../fba-hooks/index.js";import{jsxs as v,Fragment as m,jsx as p}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var h=["children","target"];var g=d.useEffectCustom;var y=function r(t){if(!t)return undefined;var e=getComputedStyle(t);if(e.overflowY==="scroll"||e.overflowY==="auto"){return t}return y(t.parentNode)};var b=function n(o){var i=o.children,l=o.target,a=r(o,h);var c=e(i,"props.summary");return u(i,t({},a,{summary:function r(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++){e[n]=arguments[n]}return v(m,{children:[c==null?void 0:c.apply(void 0,e),p(j,{target:l})]})}}))};var j=function r(t){var e=t.target;var u=c();var d=c();var v=s(false),m=v[0],h=v[1];var b=n(function(){var r;var t=function r(e){if(!e)return undefined;if(e.nodeName==="TABLE"){return e}return t(e.parentNode)};var e=t(u==null||(r=u.current)==null?void 0:r.parentElement);return{table:e,tableBox:e==null?void 0:e.parentElement}},[u.current]),j=b.table,w=b.tableBox;var x=o(j==null?void 0:j.querySelector("tbody")),L=x[0];var N=i(w);var W=n(function(){if(e)return e;return y(j)||document.body},[e,j,N]);g(function(){if(m&&u.current&&d.current){if(u.current.clientWidth!=(w==null?void 0:w.clientWidth)){u.current.style.width=((w==null?void 0:w.clientWidth)||0)+"px"}if(d.current.clientWidth!=(j==null?void 0:j.clientWidth)){d.current.style.width=((j==null?void 0:j.clientWidth)||0)+"px"}}},[N,m]);l("scroll",function(r){var t=r.target;if(u.current){u.current.scrollLeft=t.scrollLeft}},{target:function r(){return w}});l("scroll",function(r){var t=r.target;if(w)w.scrollLeft=t.scrollLeft},{target:u});var B=s(0),k=B[0],E=B[1];var C=c(null);f(function(){var r;var t=(r=C.current)==null?void 0:r.parentNode;var e=false;while(t!=null){var n,o;if((n=t.classList)!=null&&n.contains("ant-modal-content")||(o=t.classList)!=null&&o.contains("ant-drawer-body")){e=true;break}t=t.parentNode}if(e){setTimeout(function(){E(Date.now())},400)}else{E(Date.now())}},[]);return p("div",{className:"scrollbar-main",ref:C,children:k?p(a,{offsetBottom:L?13:0,style:{opacity:m?1:0},onChange:function r(t){h(!!t)},target:function r(){return W},children:p("div",{ref:u,className:"scrollbar-box",children:p("div",{ref:d,style:{height:1}})})}):null})};export{b as TableScrollbar};
 //# sourceMappingURL=index.js.map

package/esm/table-scrollbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/table-scrollbar/table-scrollbar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { get } from '@dimjs/utils';\nimport { useCreation, useEventListener, useInViewport, useSize } from 'ahooks';\nimport { Affix } from 'antd';\nimport { cloneElement, useEffect, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nimport './style.less';\nconst { useEffectCustom } = fbaHooks;\n\ntype TableScrollProps = {\n  children: React.ReactNode;\n  /**\n   * y轴的滚动条\n   */\n  target?: HTMLElement;\n};\n\nconst getParentNodeScroll = (parentNode: HTMLElement | null | undefined): HTMLElement | undefined => {\n  if (!parentNode) return undefined;\n  const computedStyle = getComputedStyle(parentNode);\n  if (computedStyle.overflowY === 'scroll' || computedStyle.overflowY === 'auto') {\n    return parentNode;\n  }\n  return getParentNodeScroll(parentNode.parentNode as HTMLElement);\n};\n/**\n * 表格x轴浮动滚动条\n * ```\n * 使用方法\n * <TableScrollbar>\n *    <Table/>\n * </TableScrollbar>\n * ```\n */\nexport const TableScrollbar = ({ children, target, ...props }: TableScrollProps) => {\n  const summary: any = get(children as any, 'props.summary');\n  return cloneElement(children as any, {\n    ...props,\n    summary: (...args) => (\n      <>\n        {summary?.(...args)}\n        <ScrollbarSummary target={target} />\n      </>\n    ),\n  });\n};\ntype ScrollbarSummaryProps = {\n  target?: HTMLElement;\n};\nconst ScrollbarSummary = ({ target }: ScrollbarSummaryProps) => {\n  const refScrollBox = useRef<HTMLDivElement>();\n  const refScroll = useRef<HTMLDivElement>();\n  // 控制滚动条的显示\n  const [show, setShow] = useState<boolean>(false);\n  // 获取表格和表格包裹框\n  const { table, tableBox } = useCreation(() => {\n    const getParentTable = (parentNode: HTMLElement | null | undefined): HTMLElement | undefined => {\n      if (!parentNode) return undefined;\n      if (parentNode.nodeName === 'TABLE') {\n        return parentNode;\n      }\n      return getParentTable(parentNode.parentNode as HTMLElement);\n    };\n    const table = getParentTable(refScrollBox?.current?.parentElement);\n    return {\n      table,\n      tableBox: table?.parentElement,\n    };\n  }, [refScrollBox.current]);\n  // 表格是否显示\n  const [inViewport] = useInViewport(table?.querySelector('tbody'));\n\n  // 监听左右滚动框的大小变化\n  const size = useSize(tableBox);\n  // 获取上下滚动事件的滚动条\n  const _target = useCreation(() => {\n    if (target) return target;\n    return getParentNodeScroll(table) || document.body;\n  }, [target, table, size]);\n\n  useEffectCustom(() => {\n    if (show && refScrollBox.current && refScroll.current) {\n      if (refScrollBox.current.clientWidth != tableBox?.clientWidth) {\n        refScrollBox.current.style.width = `${tableBox?.clientWidth || 0}px`;\n      }\n      if (refScroll.current.clientWidth != table?.clientWidth) {\n        refScroll.current.style.width = `${table?.clientWidth || 0}px`;\n      }\n    }\n  }, [size, show]);\n  // 注册原始滚动条事件\n  useEventListener(\n    'scroll',\n    ({ target }) => {\n      if (refScrollBox.current) {\n        refScrollBox.current.scrollLeft = target.scrollLeft;\n      }\n    },\n    { target: () => tableBox },\n  );\n  // 注册原始自定义滚动条时间\n  useEventListener(\n    'scroll',\n    ({ target }) => {\n      if (tableBox) tableBox.scrollLeft = target.scrollLeft;\n    },\n    { target: refScrollBox },\n  );\n\n  const [key, setKey] = useState<number>(0);\n  const rootRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    let parentNode = rootRef.current?.parentNode as HTMLElement;\n    let inModal = false;\n    while (parentNode != null) {\n      if (\n        parentNode.classList?.contains('ant-modal-content') ||\n        parentNode.classList?.contains('ant-drawer-body')\n      ) {\n        inModal = true;\n        break;\n      }\n      parentNode = parentNode.parentNode as HTMLElement;\n    }\n    if (inModal) {\n      setTimeout(() => {\n        setKey(Date.now());\n      }, 400);\n    } else {\n      setKey(Date.now());\n    }\n  }, []);\n\n  return (\n    <div className=\"scrollbar-main\" ref={rootRef}>\n      {key ? (\n        <Affix\n          offsetBottom={inViewport ? 13 : 0}\n          style={{ opacity: show ? 1 : 0 }}\n          onChange={(value) => {\n            setShow(!!value);\n          }}\n          target={() => _target}\n        >\n          <div ref={refScrollBox as any} className=\"scrollbar-box\">\n            <div ref={refScroll as any} style={{ height: 1 }}></div>\n          </div>\n        </Affix>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["useEffectCustom","fbaHooks","getParentNodeScroll","parentNode","undefined","computedStyle","getComputedStyle","overflowY","TableScrollbar","_ref","children","target","props","_objectWithoutPropertiesLoose","_excluded","summary","_get","cloneElement","_extends","_len","arguments","length","args","Array","_key","_jsxs","_Fragment","apply","_jsx","ScrollbarSummary","_ref2","refScrollBox","useRef","refScroll","_useState","useState","show","setShow","_useCreation","useCreation","_refScrollBox$current","getParentTable","nodeName","table","current","parentElement","tableBox","_useInViewport","useInViewport","querySelector","inViewport","size","useSize","_target","document","body","clientWidth","style","width","useEventListener","_ref3","scrollLeft","_ref4","_useState2","key","setKey","rootRef","useEffect","_rootRef$current","inModal","_parentNode$classList","_parentNode$classList2","classList","contains","setTimeout","Date","now","className","ref","Affix","offsetBottom","opacity","onChange","value","height"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/table-scrollbar/table-scrollbar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { get } from '@dimjs/utils';\nimport { useCreation, useEventListener, useInViewport, useSize } from 'ahooks';\nimport { Affix } from 'antd';\nimport { cloneElement, useEffect, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nimport './style.less';\nconst { useEffectCustom } = fbaHooks;\n\ntype TableScrollProps = {\n  children: React.ReactNode;\n  /**\n   * y轴的滚动条\n   */\n  target?: HTMLElement;\n};\n\nconst getParentNodeScroll = (parentNode: HTMLElement | null | undefined): HTMLElement | undefined => {\n  if (!parentNode) return undefined;\n  const computedStyle = getComputedStyle(parentNode);\n  if (computedStyle.overflowY === 'scroll' || computedStyle.overflowY === 'auto') {\n    return parentNode;\n  }\n  return getParentNodeScroll(parentNode.parentNode as HTMLElement);\n};\n/**\n * 表格x轴浮动滚动条\n * ```\n * 使用方法\n * <TableScrollbar>\n *    <Table/>\n * </TableScrollbar>\n * ```\n */\nexport const TableScrollbar = ({ children, target, ...props }: TableScrollProps) => {\n  const summary: any = get(children as any, 'props.summary');\n  return cloneElement(children as any, {\n    ...props,\n    summary: (...args) => (\n      <>\n        {summary?.(...args)}\n        <ScrollbarSummary target={target} />\n      </>\n    ),\n  });\n};\ntype ScrollbarSummaryProps = {\n  target?: HTMLElement;\n};\nconst ScrollbarSummary = ({ target }: ScrollbarSummaryProps) => {\n  const refScrollBox = useRef<HTMLDivElement>();\n  const refScroll = useRef<HTMLDivElement>();\n  // 控制滚动条的显示\n  const [show, setShow] = useState<boolean>(false);\n  // 获取表格和表格包裹框\n  const { table, tableBox } = useCreation(() => {\n    const getParentTable = (parentNode: HTMLElement | null | undefined): HTMLElement | undefined => {\n      if (!parentNode) return undefined;\n      if (parentNode.nodeName === 'TABLE') {\n        return parentNode;\n      }\n      return getParentTable(parentNode.parentNode as HTMLElement);\n    };\n    const table = getParentTable(refScrollBox?.current?.parentElement);\n    return {\n      table,\n      tableBox: table?.parentElement,\n    };\n  }, [refScrollBox.current]);\n  // 表格是否显示\n  const [inViewport] = useInViewport(table?.querySelector('tbody'));\n\n  // 监听左右滚动框的大小变化\n  const size = useSize(tableBox);\n  // 获取上下滚动事件的滚动条\n  const _target = useCreation(() => {\n    if (target) return target;\n    return getParentNodeScroll(table) || document.body;\n  }, [target, table, size]);\n\n  useEffectCustom(() => {\n    if (show && refScrollBox.current && refScroll.current) {\n      if (refScrollBox.current.clientWidth != tableBox?.clientWidth) {\n        refScrollBox.current.style.width = `${tableBox?.clientWidth || 0}px`;\n      }\n      if (refScroll.current.clientWidth != table?.clientWidth) {\n        refScroll.current.style.width = `${table?.clientWidth || 0}px`;\n      }\n    }\n  }, [size, show]);\n  // 注册原始滚动条事件\n  useEventListener(\n    'scroll',\n    ({ target }) => {\n      if (refScrollBox.current) {\n        refScrollBox.current.scrollLeft = target.scrollLeft;\n      }\n    },\n    { target: () => tableBox },\n  );\n  // 注册原始自定义滚动条时间\n  useEventListener(\n    'scroll',\n    ({ target }) => {\n      if (tableBox) tableBox.scrollLeft = target.scrollLeft;\n    },\n    { target: refScrollBox },\n  );\n\n  const [key, setKey] = useState<number>(0);\n  const rootRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    let parentNode = rootRef.current?.parentNode as HTMLElement;\n    let inModal = false;\n    while (parentNode != null) {\n      if (\n        parentNode.classList?.contains('ant-modal-content') ||\n        parentNode.classList?.contains('ant-drawer-body')\n      ) {\n        inModal = true;\n        break;\n      }\n      parentNode = parentNode.parentNode as HTMLElement;\n    }\n    if (inModal) {\n      setTimeout(() => {\n        setKey(Date.now());\n      }, 400);\n    } else {\n      setKey(Date.now());\n    }\n  }, []);\n\n  return (\n    <div className=\"scrollbar-main\" ref={rootRef}>\n      {key ? (\n        <Affix\n          offsetBottom={inViewport ? 13 : 0}\n          style={{ opacity: show ? 1 : 0 }}\n          onChange={(value) => {\n            setShow(!!value);\n          }}\n          target={() => _target}\n        >\n          <div ref={refScrollBox as any} className=\"scrollbar-box\">\n            <div ref={refScroll as any} style={{ height: 1 }}></div>\n          </div>\n        </Affix>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["useEffectCustom","fbaHooks","getParentNodeScroll","parentNode","undefined","computedStyle","getComputedStyle","overflowY","TableScrollbar","_ref","children","target","props","_objectWithoutPropertiesLoose","_excluded","summary","_get","cloneElement","_extends","_len","arguments","length","args","Array","_key","_jsxs","_Fragment","apply","_jsx","ScrollbarSummary","_ref2","refScrollBox","useRef","refScroll","_useState","useState","show","setShow","_useCreation","useCreation","_refScrollBox$current","getParentTable","nodeName","table","current","parentElement","tableBox","_useInViewport","useInViewport","querySelector","inViewport","size","useSize","_target","document","body","clientWidth","style","width","useEventListener","_ref3","scrollLeft","_ref4","_useState2","key","setKey","rootRef","useEffect","_rootRef$current","inModal","_parentNode$classList","_parentNode$classList2","classList","contains","setTimeout","Date","now","className","ref","Affix","offsetBottom","opacity","onChange","value","height"],"mappings":"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"}

package/esm/tabs-sticky/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{useSize as e}from"ahooks";import{Affix as t,Tabs as n}from"antd";import{useState as i,useRef as l,useEffect as a,useMemo as o}from"react";import{jsx as c,jsxs as u}from"react/jsx-runtime";var v=function v(s){var f=s.tabsProps;var h=i(f.defaultActiveKey),d=h[0],m=h[1];var p=l(null);var g=l(null);var y=l();var b=e(p);var K=l(null);var T=e(K);var k=e(g);a((function(){if(f.activeKey){m(f.activeKey)}}),[f.activeKey]);var C=function r(e){if(!f.activeKey){m(e)}f.onChange==null||f.onChange(e);var t=(b==null?void 0:b.height)||0;if(y.current){var n;(n=K.current)==null||n.scrollTo({top:t})}else{if(s.clickTabToTop!==false){var i;(i=K.current)==null||i.scrollTo({top:t})}}};var B=((T==null?void 0:T.height)||0)-((k==null?void 0:k.height)||0);var j=o((function(){var e;return(e=f.items)==null?void 0:e.map((function(e){return r({},e,{children:null})}))}),[f.items]);var x=o((function(){var e;return(e=f.items)==null?void 0:e.map((function(e){return r({},e,{children:c("div",{style:{minHeight:B},children:e.children})})}))}),[f.items,B]);return u("div",{ref:K,style:{height:"100%",overflowY:"auto"},children:[c("div",{ref:p,children:s.headerRender}),c(t,{offsetTop:0,target:function r(){return K.current},onChange:function r(e){y.current=e},children:c("div",{ref:g,children:c(n,r({},f,{activeKey:d,items:j,tabBarStyle:r({},f.tabBarStyle,{margin:0}),style:r({backgroundColor:"var(--block-bg-color)"},f.style),onChange:C}))})}),c(n,{activeKey:d,className:"tabs-sticky-contents",items:x})]})};export{v as TabsSticky};
+import{_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{useSize as e}from"ahooks";import{Affix as t,Tabs as n}from"antd";import{useState as i,useRef as l,useEffect as a,useMemo as o}from"react";import{jsx as c,jsxs as u}from"react/jsx-runtime";var v=function v(s){var f=s.tabsProps;var h=i(f.defaultActiveKey),d=h[0],m=h[1];var p=l(null);var g=l(null);var y=l();var b=e(p);var K=l(null);var T=e(K);var k=e(g);a(function(){if(f.activeKey){m(f.activeKey)}},[f.activeKey]);var C=function r(e){if(!f.activeKey){m(e)}f.onChange==null||f.onChange(e);var t=(b==null?void 0:b.height)||0;if(y.current){var n;(n=K.current)==null||n.scrollTo({top:t})}else{if(s.clickTabToTop!==false){var i;(i=K.current)==null||i.scrollTo({top:t})}}};var B=((T==null?void 0:T.height)||0)-((k==null?void 0:k.height)||0);var j=o(function(){var e;return(e=f.items)==null?void 0:e.map(function(e){return r({},e,{children:null})})},[f.items]);var x=o(function(){var e;return(e=f.items)==null?void 0:e.map(function(e){return r({},e,{children:c("div",{style:{minHeight:B},children:e.children})})})},[f.items,B]);return u("div",{ref:K,style:{height:"100%",overflowY:"auto"},children:[c("div",{ref:p,children:s.headerRender}),c(t,{offsetTop:0,target:function r(){return K.current},onChange:function r(e){y.current=e},children:c("div",{ref:g,children:c(n,r({},f,{activeKey:d,items:j,tabBarStyle:r({},f.tabBarStyle,{margin:0}),style:r({backgroundColor:"var(--block-bg-color)"},f.style),onChange:C}))})}),c(n,{activeKey:d,className:"tabs-sticky-contents",items:x})]})};export{v as TabsSticky};
 //# sourceMappingURL=index.js.map

package/esm/tabs-sticky/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tabs-sticky/tabs.tsx"],"sourcesContent":["import { useSize } from 'ahooks';\nimport { Affix, Tabs, type TabsProps } from 'antd';\nimport { useEffect, useMemo, useRef, useState, type ReactElement } from 'react';\nimport './style.less';\n\nexport type TabsStickyProps = {\n  tabsProps: Omit<TabsProps, 'tabPosition'>;\n  /** tabs头部布局 */\n  headerRender?: ReactElement;\n  /** 点击tabItem后，tab跳到顶部吸顶效果；默认值true */\n  clickTabToTop?: boolean;\n};\n\n/**\n * Tabs吸顶组件\n * ```\n * 1. 组件根节点设置了 height: 100%、overflow: auto；所以外部包裹元素必须要有高度\n * ```\n */\nexport const TabsSticky = (props: TabsStickyProps) => {\n  const tabsProps = props.tabsProps;\n\n  const [activeKey, setActiveKey] = useState(tabsProps.defaultActiveKey);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const affixRef = useRef<any>(null);\n  const affixedFlagRef = useRef<boolean>();\n\n  const headerSize = useSize(headerRef);\n\n  const scollNodeRef = useRef<any>(null);\n\n  const scollNodeSize = useSize(scollNodeRef);\n  const affixRefSize = useSize(affixRef);\n\n  useEffect(() => {\n    if (tabsProps.activeKey) {\n      setActiveKey(tabsProps.activeKey);\n    }\n  }, [tabsProps.activeKey]);\n\n  const onChange = (activeKey) => {\n    if (!tabsProps.activeKey) {\n      setActiveKey(activeKey);\n    }\n    tabsProps.onChange?.(activeKey);\n    const top = headerSize?.height || 0;\n    if (affixedFlagRef.current) {\n      scollNodeRef.current?.scrollTo({\n        top,\n      });\n    } else {\n      if (props.clickTabToTop !== false) {\n        scollNodeRef.current?.scrollTo({\n          top,\n        });\n      }\n    }\n  };\n\n  const minHeight = (scollNodeSize?.height || 0) - (affixRefSize?.height || 0);\n\n  const stickyTabItems = useMemo(() => {\n    return tabsProps.items?.map((item) => {\n      return {\n        ...item,\n        children: null,\n      };\n    });\n  }, [tabsProps.items]);\n\n  const contentTabItems = useMemo(() => {\n    return tabsProps.items?.map((item) => {\n      return {\n        ...item,\n        children: <div style={{ minHeight }}>{item.children}</div>,\n      };\n    });\n  }, [tabsProps.items, minHeight]);\n\n  return (\n    <div ref={scollNodeRef} style={{ height: '100%', overflowY: 'auto' }}>\n      <div ref={headerRef}>{props.headerRender}</div>\n      <Affix\n        offsetTop={0}\n        target={() => scollNodeRef.current as HTMLElement}\n        onChange={(affixed) => {\n          affixedFlagRef.current = affixed;\n        }}\n      >\n        <div ref={affixRef}>\n          <Tabs\n            {...tabsProps}\n            activeKey={activeKey}\n            items={stickyTabItems}\n            tabBarStyle={{ ...tabsProps.tabBarStyle, margin: 0 }}\n            style={{\n              backgroundColor: 'var(--block-bg-color)',\n              ...tabsProps.style,\n            }}\n            onChange={onChange}\n          />\n        </div>\n      </Affix>\n      <Tabs activeKey={activeKey} className=\"tabs-sticky-contents\" items={contentTabItems} />\n    </div>\n  );\n};\n"],"names":["TabsSticky","props","tabsProps","_useState","useState","defaultActiveKey","activeKey","setActiveKey","headerRef","useRef","affixRef","affixedFlagRef","headerSize","useSize","scollNodeRef","scollNodeSize","affixRefSize","useEffect","onChange","top","height","current","_scollNodeRef$current","scrollTo","clickTabToTop","_scollNodeRef$current2","minHeight","stickyTabItems","useMemo","_tabsProps$items","items","map","item","_extends","children","contentTabItems","_tabsProps$items2","_jsx","style","_jsxs","ref","overflowY","headerRender","Affix","offsetTop","target","affixed","Tabs","tabBarStyle","margin","backgroundColor","className"],"mappings":";oQAmBaA,EAAa,SAAbA,EAAcC,GACzB,IAAMC,EAAYD,EAAMC,UAExB,IAAAC,EAAkCC,EAASF,EAAUG,kBAA9CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9B,IAAMK,EAAYC,EAAuB,MACzC,IAAMC,EAAWD,EAAY,MAC7B,IAAME,EAAiBF,IAEvB,IAAMG,EAAaC,EAAQL,GAE3B,IAAMM,EAAeL,EAAY,MAEjC,IAAMM,EAAgBF,EAAQC,GAC9B,IAAME,EAAeH,EAAQH,GAE7BO,GAAU,WACR,GAAIf,EAAUI,UAAW,CACvBC,EAAaL,EAAUI,UACzB,CACF,GAAG,CAACJ,EAAUI,YAEd,IAAMY,EAAW,SAAXA,EAAYZ,GAChB,IAAKJ,EAAUI,UAAW,CACxBC,EAAaD,EACf,CACAJ,EAAUgB,UAAVhB,MAAAA,EAAUgB,SAAWZ,GACrB,IAAMa,GAAMP,eAAAA,EAAYQ,SAAU,EAClC,GAAIT,EAAeU,QAAS,CAAA,IAAAC,GAC1BA,EAAAR,EAAaO,UAAbC,MAAAA,EAAsBC,SAAS,CAC7BJ,IAAAA,GAEJ,KAAO,CACL,GAAIlB,EAAMuB,gBAAkB,MAAO,CAAA,IAAAC,GACjCA,EAAAX,EAAaO,UAAbI,MAAAA,EAAsBF,SAAS,CAC7BJ,IAAAA,GAEJ,CACF,GAGF,IAAMO,IAAaX,GAAAA,UAAAA,EAAAA,EAAeK,SAAU,KAAMJ,GAAAA,UAAAA,EAAAA,EAAcI,SAAU,GAE1E,IAAMO,EAAiBC,GAAQ,WAAM,IAAAC,EACnC,OAAAA,EAAO3B,EAAU4B,QAAK,UAAA,EAAfD,EAAiBE,KAAI,SAACC,GAC3B,OAAAC,KACKD,EAAI,CACPE,SAAU,MAEd,GACF,GAAG,CAAChC,EAAU4B,QAEd,IAAMK,EAAkBP,GAAQ,WAAM,IAAAQ,EACpC,OAAAA,EAAOlC,EAAU4B,QAAK,UAAA,EAAfM,EAAiBL,KAAI,SAACC,GAC3B,OAAAC,KACKD,EAAI,CACPE,SAAUG,EAAA,MAAA,CAAKC,MAAO,CAAEZ,UAAAA,GAAYQ,SAAEF,EAAKE,YAE/C,GACD,GAAE,CAAChC,EAAU4B,MAAOJ,IAErB,OACEa,EAAA,MAAA,CAAKC,IAAK1B,EAAcwB,MAAO,CAAElB,OAAQ,OAAQqB,UAAW,QAASP,UACnEG,EAAA,MAAA,CAAKG,IAAKhC,EAAU0B,SAAEjC,EAAMyC,eAC5BL,EAACM,EAAK,CACJC,UAAW,EACXC,OAAQ,SAARA,IAAM,OAAQ/B,EAAaO,OAAuB,EAClDH,SAAU,SAAVA,EAAW4B,GACTnC,EAAeU,QAAUyB,CACzB,EAAAZ,SAEFG,EAAA,MAAA,CAAKG,IAAK9B,EAASwB,SACjBG,EAACU,EAAId,KACC/B,EAAS,CACbI,UAAWA,EACXwB,MAAOH,EACPqB,YAAWf,EAAO/B,GAAAA,EAAU8C,YAAW,CAAEC,OAAQ,IACjDX,MAAKL,EAAA,CACHiB,gBAAiB,yBACdhD,EAAUoC,OAEfpB,SAAUA,SAIhBmB,EAACU,EAAI,CAACzC,UAAWA,EAAW6C,UAAU,uBAAuBrB,MAAOK,MAG1E"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tabs-sticky/tabs.tsx"],"sourcesContent":["import { useSize } from 'ahooks';\nimport { Affix, Tabs, type TabsProps } from 'antd';\nimport { useEffect, useMemo, useRef, useState, type ReactElement } from 'react';\nimport './style.less';\n\nexport type TabsStickyProps = {\n  tabsProps: Omit<TabsProps, 'tabPosition'>;\n  /** tabs头部布局 */\n  headerRender?: ReactElement;\n  /** 点击tabItem后，tab跳到顶部吸顶效果；默认值true */\n  clickTabToTop?: boolean;\n};\n\n/**\n * Tabs吸顶组件\n * ```\n * 1. 组件根节点设置了 height: 100%、overflow: auto；所以外部包裹元素必须要有高度\n * ```\n */\nexport const TabsSticky = (props: TabsStickyProps) => {\n  const tabsProps = props.tabsProps;\n\n  const [activeKey, setActiveKey] = useState(tabsProps.defaultActiveKey);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const affixRef = useRef<any>(null);\n  const affixedFlagRef = useRef<boolean>();\n\n  const headerSize = useSize(headerRef);\n\n  const scollNodeRef = useRef<any>(null);\n\n  const scollNodeSize = useSize(scollNodeRef);\n  const affixRefSize = useSize(affixRef);\n\n  useEffect(() => {\n    if (tabsProps.activeKey) {\n      setActiveKey(tabsProps.activeKey);\n    }\n  }, [tabsProps.activeKey]);\n\n  const onChange = (activeKey) => {\n    if (!tabsProps.activeKey) {\n      setActiveKey(activeKey);\n    }\n    tabsProps.onChange?.(activeKey);\n    const top = headerSize?.height || 0;\n    if (affixedFlagRef.current) {\n      scollNodeRef.current?.scrollTo({\n        top,\n      });\n    } else {\n      if (props.clickTabToTop !== false) {\n        scollNodeRef.current?.scrollTo({\n          top,\n        });\n      }\n    }\n  };\n\n  const minHeight = (scollNodeSize?.height || 0) - (affixRefSize?.height || 0);\n\n  const stickyTabItems = useMemo(() => {\n    return tabsProps.items?.map((item) => {\n      return {\n        ...item,\n        children: null,\n      };\n    });\n  }, [tabsProps.items]);\n\n  const contentTabItems = useMemo(() => {\n    return tabsProps.items?.map((item) => {\n      return {\n        ...item,\n        children: <div style={{ minHeight }}>{item.children}</div>,\n      };\n    });\n  }, [tabsProps.items, minHeight]);\n\n  return (\n    <div ref={scollNodeRef} style={{ height: '100%', overflowY: 'auto' }}>\n      <div ref={headerRef}>{props.headerRender}</div>\n      <Affix\n        offsetTop={0}\n        target={() => scollNodeRef.current as HTMLElement}\n        onChange={(affixed) => {\n          affixedFlagRef.current = affixed;\n        }}\n      >\n        <div ref={affixRef}>\n          <Tabs\n            {...tabsProps}\n            activeKey={activeKey}\n            items={stickyTabItems}\n            tabBarStyle={{ ...tabsProps.tabBarStyle, margin: 0 }}\n            style={{\n              backgroundColor: 'var(--block-bg-color)',\n              ...tabsProps.style,\n            }}\n            onChange={onChange}\n          />\n        </div>\n      </Affix>\n      <Tabs activeKey={activeKey} className=\"tabs-sticky-contents\" items={contentTabItems} />\n    </div>\n  );\n};\n"],"names":["TabsSticky","props","tabsProps","_useState","useState","defaultActiveKey","activeKey","setActiveKey","headerRef","useRef","affixRef","affixedFlagRef","headerSize","useSize","scollNodeRef","scollNodeSize","affixRefSize","useEffect","onChange","top","height","current","_scollNodeRef$current","scrollTo","clickTabToTop","_scollNodeRef$current2","minHeight","stickyTabItems","useMemo","_tabsProps$items","items","map","item","_extends","children","contentTabItems","_tabsProps$items2","_jsx","style","_jsxs","ref","overflowY","headerRender","Affix","offsetTop","target","affixed","Tabs","tabBarStyle","margin","backgroundColor","className"],"mappings":";oQAmBaA,EAAa,SAAbA,EAAcC,GACzB,IAAMC,EAAYD,EAAMC,UAExB,IAAAC,EAAkCC,EAASF,EAAUG,kBAA9CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GAC9B,IAAMK,EAAYC,EAAuB,MACzC,IAAMC,EAAWD,EAAY,MAC7B,IAAME,EAAiBF,IAEvB,IAAMG,EAAaC,EAAQL,GAE3B,IAAMM,EAAeL,EAAY,MAEjC,IAAMM,EAAgBF,EAAQC,GAC9B,IAAME,EAAeH,EAAQH,GAE7BO,EAAU,WACR,GAAIf,EAAUI,UAAW,CACvBC,EAAaL,EAAUI,UACzB,CACF,EAAG,CAACJ,EAAUI,YAEd,IAAMY,EAAW,SAAXA,EAAYZ,GAChB,IAAKJ,EAAUI,UAAW,CACxBC,EAAaD,EACf,CACAJ,EAAUgB,UAAVhB,MAAAA,EAAUgB,SAAWZ,GACrB,IAAMa,GAAMP,eAAAA,EAAYQ,SAAU,EAClC,GAAIT,EAAeU,QAAS,CAAA,IAAAC,GAC1BA,EAAAR,EAAaO,UAAbC,MAAAA,EAAsBC,SAAS,CAC7BJ,IAAAA,GAEJ,KAAO,CACL,GAAIlB,EAAMuB,gBAAkB,MAAO,CAAA,IAAAC,GACjCA,EAAAX,EAAaO,UAAbI,MAAAA,EAAsBF,SAAS,CAC7BJ,IAAAA,GAEJ,CACF,GAGF,IAAMO,IAAaX,GAAAA,UAAAA,EAAAA,EAAeK,SAAU,KAAMJ,GAAAA,UAAAA,EAAAA,EAAcI,SAAU,GAE1E,IAAMO,EAAiBC,EAAQ,WAAM,IAAAC,EACnC,OAAAA,EAAO3B,EAAU4B,QAAK,UAAA,EAAfD,EAAiBE,IAAI,SAACC,GAC3B,OAAAC,KACKD,EAAI,CACPE,SAAU,MAEd,EACF,EAAG,CAAChC,EAAU4B,QAEd,IAAMK,EAAkBP,EAAQ,WAAM,IAAAQ,EACpC,OAAAA,EAAOlC,EAAU4B,QAAK,UAAA,EAAfM,EAAiBL,IAAI,SAACC,GAC3B,OAAAC,KACKD,EAAI,CACPE,SAAUG,EAAA,MAAA,CAAKC,MAAO,CAAEZ,UAAAA,GAAYQ,SAAEF,EAAKE,YAE/C,EACD,EAAE,CAAChC,EAAU4B,MAAOJ,IAErB,OACEa,EAAA,MAAA,CAAKC,IAAK1B,EAAcwB,MAAO,CAAElB,OAAQ,OAAQqB,UAAW,QAASP,UACnEG,EAAA,MAAA,CAAKG,IAAKhC,EAAU0B,SAAEjC,EAAMyC,eAC5BL,EAACM,EAAK,CACJC,UAAW,EACXC,OAAQ,SAARA,IAAM,OAAQ/B,EAAaO,OAAuB,EAClDH,SAAU,SAAVA,EAAW4B,GACTnC,EAAeU,QAAUyB,CACzB,EAAAZ,SAEFG,EAAA,MAAA,CAAKG,IAAK9B,EAASwB,SACjBG,EAACU,EAAId,KACC/B,EAAS,CACbI,UAAWA,EACXwB,MAAOH,EACPqB,YAAWf,EAAO/B,GAAAA,EAAU8C,YAAW,CAAEC,OAAQ,IACjDX,MAAKL,EAAA,CACHiB,gBAAiB,yBACdhD,EAAUoC,OAEfpB,SAAUA,SAIhBmB,EAACU,EAAI,CAACzC,UAAWA,EAAW6C,UAAU,uBAAuBrB,MAAOK,MAG1E"}

package/esm/tabs-wrapper/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as a}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{hooks as t}from"@wove/react/cjs/hooks";import{isUndefined as i}from"@dimjs/lang/cjs/is-undefined";import{sessionStorageCache as c}from"@flatbiz/utils";import{Tabs as o}from"antd";import{useMemo as s}from"react";import{jsx as n}from"react/jsx-runtime";var v=["isSticky","isFixed","activeCacheKey","cancelActiveCache","hiddenTabHeader"];var l=function l(d){var f=d.isSticky,u=f===void 0?true:f,m=d.isFixed,p=m===void 0?true:m,y=d.activeCacheKey,b=d.cancelActiveCache,h=d.hiddenTabHeader,K=e(d,v);var j=Object.prototype.hasOwnProperty.call(d,"activeKey");var C=y||"tabs-wrapper-activeKey";var A=i(p)?u:p;var g=t.useCallbackRef((function(e){if(b!==true&&!j){c.set(C,{activeKey:e})}K.onChange==null||K.onChange(e)}));var w=s((function(){var e;if(b===true||j){return d.defaultActiveKey}var a=(e=c.get(C))==null?void 0:e.activeKey;return a||K.defaultActiveKey}),[C,b,j,K.defaultActiveKey,d.defaultActiveKey]);var x=r("fba-tabs-wrapper",{"fba-tabs-wrapper-fixed":A,"fba-tabs-wrapper-hidden-header":h},K.className);return n(o,a({},K,{className:x,defaultActiveKey:w,onChange:g}))};export{l as TabsWrapper};
+import{a as e,_ as a}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{hooks as t}from"@wove/react/cjs/hooks";import{isUndefined as i}from"@dimjs/lang/cjs/is-undefined";import{sessionStorageCache as c}from"@flatbiz/utils";import{Tabs as o}from"antd";import{useMemo as s}from"react";import{jsx as n}from"react/jsx-runtime";var v=["isSticky","isFixed","activeCacheKey","cancelActiveCache","hiddenTabHeader"];var l=function l(d){var f=d.isSticky,u=f===void 0?true:f,m=d.isFixed,p=m===void 0?true:m,y=d.activeCacheKey,b=d.cancelActiveCache,h=d.hiddenTabHeader,K=e(d,v);var j=Object.prototype.hasOwnProperty.call(d,"activeKey");var C=y||"tabs-wrapper-activeKey";var A=i(p)?u:p;var g=t.useCallbackRef(function(e){if(b!==true&&!j){c.set(C,{activeKey:e})}K.onChange==null||K.onChange(e)});var w=s(function(){var e;if(b===true||j){return d.defaultActiveKey}var a=(e=c.get(C))==null?void 0:e.activeKey;return a||K.defaultActiveKey},[C,b,j,K.defaultActiveKey,d.defaultActiveKey]);var x=r("fba-tabs-wrapper",{"fba-tabs-wrapper-fixed":A,"fba-tabs-wrapper-hidden-header":h},K.className);return n(o,a({},K,{className:x,defaultActiveKey:w,onChange:g}))};export{l as TabsWrapper};
 //# sourceMappingURL=index.js.map

package/esm/tabs-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tabs-wrapper/tabs-wrapper.tsx"],"sourcesContent":["import { isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { sessionStorageCache } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Tabs, TabsProps } from 'antd';\nimport { useMemo } from 'react';\nimport './style.less';\n\nexport type TabsWrapperProps = TabsProps & {\n  /**\n   * Tabs Header 提供 Sticky 效果，默认值：true\n   * @deprecated 已废弃 4.3.0版本移除，请使用 isFixed 属性\n   */\n  isSticky?: boolean;\n  /**\n   *  Tabs Header 提供 Fixed 效果，默认值：true\n   */\n  isFixed?: boolean;\n  /** 是否取消 active 缓存 */\n  cancelActiveCache?: boolean;\n  activeCacheKey?: string;\n  /** 隐藏头部 */\n  hiddenTabHeader?: boolean;\n};\n\n/**\n * Tabs 包装组件\n * ```\n * 1. Tabs Header 提供 Sticky 效果，默认值：true\n * 2. 使用时，父级必须要有高度，可置于Flex布局中\n * 3. 默认缓存激活的tab item（activeKey受控操作下缓存无效）\n *    当未设置activeKey，非受控操作时，组件内部会会话缓存activeKey，在刷新时，会显示上次的激活的tab item\n *    缓存Key：如果未设置 activeCacheKey，则使用默认的 cache key（tabs-wrapper-activeKey）\n *    缓存模式：会话缓存，在浏览器关闭后，会清除\n * ```\n */\nexport const TabsWrapper = (props: TabsWrapperProps) => {\n  const {\n    isSticky = true,\n    isFixed = true,\n    activeCacheKey,\n    cancelActiveCache,\n    hiddenTabHeader,\n    ...otherProps\n  } = props;\n  // 是否受控操作\n  const isControl = Object.prototype.hasOwnProperty.call(props, 'activeKey');\n  const cacheKey = activeCacheKey || 'tabs-wrapper-activeKey';\n  const isFixedNew = isUndefined(isFixed) ? isSticky : isFixed;\n\n  const onChange = hooks.useCallbackRef((activeKey: string) => {\n    if (cancelActiveCache !== true && !isControl) {\n      sessionStorageCache.set(cacheKey, { activeKey });\n    }\n    otherProps.onChange?.(activeKey);\n  });\n\n  const defaultActiveKey = useMemo(() => {\n    if (cancelActiveCache === true || isControl) {\n      return props.defaultActiveKey;\n    }\n    const chcheActiveKey = sessionStorageCache.get(cacheKey)?.activeKey as string | undefined;\n    return chcheActiveKey || otherProps.defaultActiveKey;\n  }, [cacheKey, cancelActiveCache, isControl, otherProps.defaultActiveKey, props.defaultActiveKey]);\n\n  const className = classNames(\n    'fba-tabs-wrapper',\n    { 'fba-tabs-wrapper-fixed': isFixedNew, 'fba-tabs-wrapper-hidden-header': hiddenTabHeader },\n    otherProps.className,\n  );\n\n  return (\n    <Tabs {...otherProps} className={className} defaultActiveKey={defaultActiveKey} onChange={onChange} />\n  );\n};\n"],"names":["TabsWrapper","props","_props$isSticky","isSticky","_props$isFixed","isFixed","activeCacheKey","cancelActiveCache","hiddenTabHeader","otherProps","_objectWithoutPropertiesLoose","_excluded","isControl","Object","prototype","hasOwnProperty","call","cacheKey","isFixedNew","_isUndefined","onChange","_hooks","useCallbackRef","activeKey","sessionStorageCache","set","defaultActiveKey","useMemo","_sessionStorageCache$","chcheActiveKey","get","className","_classNames","_jsx","Tabs","_extends"],"mappings":";wdAoCaA,EAAc,SAAdA,EAAeC,GAC1B,IAAAC,EAOID,EANFE,SAAAA,EAAQD,SAAG,EAAA,KAAIA,EAAAE,EAMbH,EALFI,QAAAA,EAAOD,SAAG,EAAA,KAAIA,EACdE,EAIEL,EAJFK,eACAC,EAGEN,EAHFM,kBACAC,EAEEP,EAFFO,gBACGC,EAAUC,EACXT,EAAKU,GAET,IAAMC,EAAYC,OAAOC,UAAUC,eAAeC,KAAKf,EAAO,aAC9D,IAAMgB,EAAWX,GAAkB,yBACnC,IAAMY,EAAaC,EAAYd,GAAWF,EAAWE,EAErD,IAAMe,EAAWC,EAAMC,gBAAe,SAACC,GACrC,GAAIhB,IAAsB,OAASK,EAAW,CAC5CY,EAAoBC,IAAIR,EAAU,CAAEM,UAAAA,GACtC,CACAd,EAAWW,UAAXX,MAAAA,EAAWW,SAAWG,EACxB,IAEA,IAAMG,EAAmBC,GAAQ,WAAM,IAAAC,EACrC,GAAIrB,IAAsB,MAAQK,EAAW,CAC3C,OAAOX,EAAMyB,gBACf,CACA,IAAMG,GAAcD,EAAGJ,EAAoBM,IAAIb,KAAxBW,UAAAA,EAAAA,EAAmCL,UAC1D,OAAOM,GAAkBpB,EAAWiB,gBACtC,GAAG,CAACT,EAAUV,EAAmBK,EAAWH,EAAWiB,iBAAkBzB,EAAMyB,mBAE/E,IAAMK,EAAYC,EAChB,mBACA,CAAE,yBAA0Bd,EAAY,iCAAkCV,GAC1EC,EAAWsB,WAGb,OACEE,EAACC,EAAIC,KAAK1B,EAAU,CAAEsB,UAAWA,EAAWL,iBAAkBA,EAAkBN,SAAUA,IAE9F"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tabs-wrapper/tabs-wrapper.tsx"],"sourcesContent":["import { isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { sessionStorageCache } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Tabs, TabsProps } from 'antd';\nimport { useMemo } from 'react';\nimport './style.less';\n\nexport type TabsWrapperProps = TabsProps & {\n  /**\n   * Tabs Header 提供 Sticky 效果，默认值：true\n   * @deprecated 已废弃 4.3.0版本移除，请使用 isFixed 属性\n   */\n  isSticky?: boolean;\n  /**\n   *  Tabs Header 提供 Fixed 效果，默认值：true\n   */\n  isFixed?: boolean;\n  /** 是否取消 active 缓存 */\n  cancelActiveCache?: boolean;\n  activeCacheKey?: string;\n  /** 隐藏头部 */\n  hiddenTabHeader?: boolean;\n};\n\n/**\n * Tabs 包装组件\n * ```\n * 1. Tabs Header 提供 Sticky 效果，默认值：true\n * 2. 使用时，父级必须要有高度，可置于Flex布局中\n * 3. 默认缓存激活的tab item（activeKey受控操作下缓存无效）\n *    当未设置activeKey，非受控操作时，组件内部会会话缓存activeKey，在刷新时，会显示上次的激活的tab item\n *    缓存Key：如果未设置 activeCacheKey，则使用默认的 cache key（tabs-wrapper-activeKey）\n *    缓存模式：会话缓存，在浏览器关闭后，会清除\n * ```\n */\nexport const TabsWrapper = (props: TabsWrapperProps) => {\n  const {\n    isSticky = true,\n    isFixed = true,\n    activeCacheKey,\n    cancelActiveCache,\n    hiddenTabHeader,\n    ...otherProps\n  } = props;\n  // 是否受控操作\n  const isControl = Object.prototype.hasOwnProperty.call(props, 'activeKey');\n  const cacheKey = activeCacheKey || 'tabs-wrapper-activeKey';\n  const isFixedNew = isUndefined(isFixed) ? isSticky : isFixed;\n\n  const onChange = hooks.useCallbackRef((activeKey: string) => {\n    if (cancelActiveCache !== true && !isControl) {\n      sessionStorageCache.set(cacheKey, { activeKey });\n    }\n    otherProps.onChange?.(activeKey);\n  });\n\n  const defaultActiveKey = useMemo(() => {\n    if (cancelActiveCache === true || isControl) {\n      return props.defaultActiveKey;\n    }\n    const chcheActiveKey = sessionStorageCache.get(cacheKey)?.activeKey as string | undefined;\n    return chcheActiveKey || otherProps.defaultActiveKey;\n  }, [cacheKey, cancelActiveCache, isControl, otherProps.defaultActiveKey, props.defaultActiveKey]);\n\n  const className = classNames(\n    'fba-tabs-wrapper',\n    { 'fba-tabs-wrapper-fixed': isFixedNew, 'fba-tabs-wrapper-hidden-header': hiddenTabHeader },\n    otherProps.className,\n  );\n\n  return (\n    <Tabs {...otherProps} className={className} defaultActiveKey={defaultActiveKey} onChange={onChange} />\n  );\n};\n"],"names":["TabsWrapper","props","_props$isSticky","isSticky","_props$isFixed","isFixed","activeCacheKey","cancelActiveCache","hiddenTabHeader","otherProps","_objectWithoutPropertiesLoose","_excluded","isControl","Object","prototype","hasOwnProperty","call","cacheKey","isFixedNew","_isUndefined","onChange","_hooks","useCallbackRef","activeKey","sessionStorageCache","set","defaultActiveKey","useMemo","_sessionStorageCache$","chcheActiveKey","get","className","_classNames","_jsx","Tabs","_extends"],"mappings":";wdAoCaA,EAAc,SAAdA,EAAeC,GAC1B,IAAAC,EAOID,EANFE,SAAAA,EAAQD,SAAG,EAAA,KAAIA,EAAAE,EAMbH,EALFI,QAAAA,EAAOD,SAAG,EAAA,KAAIA,EACdE,EAIEL,EAJFK,eACAC,EAGEN,EAHFM,kBACAC,EAEEP,EAFFO,gBACGC,EAAUC,EACXT,EAAKU,GAET,IAAMC,EAAYC,OAAOC,UAAUC,eAAeC,KAAKf,EAAO,aAC9D,IAAMgB,EAAWX,GAAkB,yBACnC,IAAMY,EAAaC,EAAYd,GAAWF,EAAWE,EAErD,IAAMe,EAAWC,EAAMC,eAAe,SAACC,GACrC,GAAIhB,IAAsB,OAASK,EAAW,CAC5CY,EAAoBC,IAAIR,EAAU,CAAEM,UAAAA,GACtC,CACAd,EAAWW,UAAXX,MAAAA,EAAWW,SAAWG,EACxB,GAEA,IAAMG,EAAmBC,EAAQ,WAAM,IAAAC,EACrC,GAAIrB,IAAsB,MAAQK,EAAW,CAC3C,OAAOX,EAAMyB,gBACf,CACA,IAAMG,GAAcD,EAAGJ,EAAoBM,IAAIb,KAAxBW,UAAAA,EAAAA,EAAmCL,UAC1D,OAAOM,GAAkBpB,EAAWiB,gBACtC,EAAG,CAACT,EAAUV,EAAmBK,EAAWH,EAAWiB,iBAAkBzB,EAAMyB,mBAE/E,IAAMK,EAAYC,EAChB,mBACA,CAAE,yBAA0Bd,EAAY,iCAAkCV,GAC1EC,EAAWsB,WAGb,OACEE,EAACC,EAAIC,KAAK1B,EAAU,CAAEsB,UAAWA,EAAWL,iBAAkBA,EAAkBN,SAAUA,IAE9F"}

package/esm/tag-group/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Space as o,Tag as i}from"antd";import{fbaHooks as t}from"../fba-hooks/index.js";import{jsx as e}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"react";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var a=function a(s){var l=t.useThemeToken();return e(o,r({wrap:true,size:5},s.spaceProps,{children:s.dataList.map((function(r,o){var t;var a=r.color||((t=s.colorMap)==null?void 0:t[r.value])||l.colorPrimary;return e(i,{color:a,children:r.label},o)}))}))};export{a as TagGroup};
+import{_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{Space as o,Tag as i}from"antd";import{fbaHooks as t}from"../fba-hooks/index.js";import{jsx as e}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"react";import"@flatbiz/utils";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var a=function a(s){var l=t.useThemeToken();return e(o,r({wrap:true,size:5},s.spaceProps,{children:s.dataList.map(function(r,o){var t;var a=r.color||((t=s.colorMap)==null?void 0:t[r.value])||l.colorPrimary;return e(i,{color:a,children:r.label},o)})}))};export{a as TagGroup};
 //# sourceMappingURL=index.js.map

package/esm/tag-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tag-group/tag-group.tsx"],"sourcesContent":["import { Space, SpaceProps, Tag } from 'antd';\nimport { FC } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\ntype TagGroupDataItem = { label: string; value: string | number; color?: string };\n\nexport type TagGroupProps = {\n  dataList: TagGroupDataItem[];\n  /**\n   * 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同\n   */\n  colorMap?: Record<string, string>;\n  spaceProps?: SpaceProps;\n};\n\n/**\n * Tag 列表显示\n */\nexport const TagGroup: FC<TagGroupProps> = (props) => {\n  const theme = fbaHooks.useThemeToken();\n  return (\n    <Space wrap size={5} {...props.spaceProps}>\n      {props.dataList.map((item, index) => {\n        const color = item.color || props.colorMap?.[item.value] || theme.colorPrimary;\n        return (\n          <Tag color={color} key={index}>\n            {item.label}\n          </Tag>\n        );\n      })}\n    </Space>\n  );\n};\n"],"names":["TagGroup","props","theme","fbaHooks","useThemeToken","_jsx","Space","_extends","wrap","size","spaceProps","children","dataList","map","item","index","_props$colorMap","color","colorMap","value","colorPrimary","Tag","label"],"mappings":";8WAkBaA,EAA8B,SAA9BA,EAA+BC,GAC1C,IAAMC,EAAQC,EAASC,gBACvB,OACEC,EAACC,EAAKC,EAAA,CAACC,KAAI,KAACC,KAAM,GAAOR,EAAMS,WAAU,CAAAC,SACtCV,EAAMW,SAASC,KAAI,SAACC,EAAMC,GAAU,IAAAC,EACnC,IAAMC,EAAQH,EAAKG,SAAKD,EAAIf,EAAMiB,WAANF,UAAAA,EAAAA,EAAiBF,EAAKK,SAAUjB,EAAMkB,aAClE,OACEf,EAACgB,EAAG,CAACJ,MAAOA,EAAMN,SACfG,EAAKQ,OADgBP,QAOlC"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tag-group/tag-group.tsx"],"sourcesContent":["import { Space, SpaceProps, Tag } from 'antd';\nimport { FC } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\ntype TagGroupDataItem = { label: string; value: string | number; color?: string };\n\nexport type TagGroupProps = {\n  dataList: TagGroupDataItem[];\n  /**\n   * 颜色配置数据，例如：{ 1:'red', 2: 'blue'} key值与 dataList中value相同\n   */\n  colorMap?: Record<string, string>;\n  spaceProps?: SpaceProps;\n};\n\n/**\n * Tag 列表显示\n */\nexport const TagGroup: FC<TagGroupProps> = (props) => {\n  const theme = fbaHooks.useThemeToken();\n  return (\n    <Space wrap size={5} {...props.spaceProps}>\n      {props.dataList.map((item, index) => {\n        const color = item.color || props.colorMap?.[item.value] || theme.colorPrimary;\n        return (\n          <Tag color={color} key={index}>\n            {item.label}\n          </Tag>\n        );\n      })}\n    </Space>\n  );\n};\n"],"names":["TagGroup","props","theme","fbaHooks","useThemeToken","_jsx","Space","_extends","wrap","size","spaceProps","children","dataList","map","item","index","_props$colorMap","color","colorMap","value","colorPrimary","Tag","label"],"mappings":";8WAkBaA,EAA8B,SAA9BA,EAA+BC,GAC1C,IAAMC,EAAQC,EAASC,gBACvB,OACEC,EAACC,EAAKC,EAAA,CAACC,KAAI,KAACC,KAAM,GAAOR,EAAMS,WAAU,CAAAC,SACtCV,EAAMW,SAASC,IAAI,SAACC,EAAMC,GAAU,IAAAC,EACnC,IAAMC,EAAQH,EAAKG,SAAKD,EAAIf,EAAMiB,WAANF,UAAAA,EAAAA,EAAiBF,EAAKK,SAAUjB,EAAMkB,aAClE,OACEf,EAACgB,EAAG,CAACJ,MAAOA,EAAMN,SACfG,EAAKQ,OADgBP,OAOlC"}

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

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{toArray as e,isUndefinedOrNull as l,valueIsEqual as n}from"@flatbiz/utils";import{Tag as a,Popover as t}from"antd";import{useMemo as o,Fragment as i}from"react";import{jsx as u,jsxs as c}from"react/jsx-runtime";var f=function v(d){var h=e(d.value);var m=d.maxShowCount||0;var s=o((function(){if(l(d.value)){return[]}return h.map((function(r){var e;var l=(e=d.dataList)==null?void 0:e.find((function(e){return n(e.value,r)||e.label===r}));if(l){var a;return{label:l.label||l.value,color:((a=d.colorMap)==null?void 0:a[String(l.value)])||l.color,value:r}}if(d.forceMatch){return undefined}return{label:""+r,color:undefined,value:r}})).filter(Boolean)}),[d.colorMap,d.dataList,d.forceMatch,d.value,h]);if(s.length===0){return u(i,{children:d.value})}var g=s.slice(0,m||s.length);var p=g.length<s.length?d.foldShowAllTag?s:s.slice(m,s.length):[];return c(i,{children:[g.map((function(r,e){var l=r.color;if(!l&&d.noColorShowTag===false){return u(i,{children:r.label},e)}return u(a,{color:l,style:e===g.length-1?{margin:"0"}:{marginRight:5},children:r.label},e)})),p.length>0?u(t,{content:u(f,r({},d,{value:p.map((function(r){return r.value})),dataList:p,maxShowCount:undefined})),children:u(a,{color:"blue",style:{marginLeft:5,cursor:"pointer"},children:"..."})}):null]})};f.defaultProps={forceMatch:false};export{f as TagListRender};
+import{_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{toArray as e,isUndefinedOrNull as l,valueIsEqual as n}from"@flatbiz/utils";import{Tag as a,Popover as t}from"antd";import{useMemo as o,Fragment as i}from"react";import{jsx as u,jsxs as c}from"react/jsx-runtime";var f=function v(d){var h=e(d.value);var m=d.maxShowCount||0;var s=o(function(){if(l(d.value)){return[]}return h.map(function(r){var e;var l=(e=d.dataList)==null?void 0:e.find(function(e){return n(e.value,r)||e.label===r});if(l){var a;return{label:l.label||l.value,color:((a=d.colorMap)==null?void 0:a[String(l.value)])||l.color,value:r}}if(d.forceMatch){return undefined}return{label:""+r,color:undefined,value:r}}).filter(Boolean)},[d.colorMap,d.dataList,d.forceMatch,d.value,h]);if(s.length===0){return u(i,{children:d.value})}var g=s.slice(0,m||s.length);var p=g.length<s.length?d.foldShowAllTag?s:s.slice(m,s.length):[];return c(i,{children:[g.map(function(r,e){var l=r.color;if(!l&&d.noColorShowTag===false){return u(i,{children:r.label},e)}return u(a,{color:l,style:e===g.length-1?{margin:"0"}:{marginRight:5},children:r.label},e)}),p.length>0?u(t,{content:u(f,r({},d,{value:p.map(function(r){return r.value}),dataList:p,maxShowCount:undefined})),children:u(a,{color:"blue",style:{marginLeft:5,cursor:"pointer"},children:"..."})}):null]})};f.defaultProps={forceMatch:false};export{f as TagListRender};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tag-list-render/tag-list.tsx"],"sourcesContent":["import { isUndefinedOrNull, toArray, valueIsEqual } from '@flatbiz/utils';\nimport { Popover, Tag } from 'antd';\nimport { FC, Fragment, useMemo } from 'react';\n\nexport type TagListRenderValue = string | number | boolean;\nexport type TagListRenderDataItem = { label: string; value: TagListRenderValue; color?: string };\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  /** 未匹配到color时，是否显示Tag效果，默认值：true */\n  noColorShowTag?: boolean;\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  }, [props.colorMap, props.dataList, props.forceMatch, props.value, valueList]);\n\n  if (tagList.length === 0) {\n    return <Fragment>{props.value}</Fragment>;\n  }\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  return (\n    <Fragment>\n      {newTagList.map((item, index) => {\n        const color = item.color;\n        if (!color && props.noColorShowTag === false) {\n          return <Fragment key={index}>{item.label}</Fragment>;\n        }\n        return (\n          <Tag\n            color={color}\n            style={index === newTagList.length - 1 ? { margin: '0' } : { marginRight: 5 }}\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\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","filter","Boolean","length","_jsx","Fragment","children","newTagList","slice","popoverTagList","foldShowAllTag","_jsxs","index","noColorShowTag","Tag","style","margin","marginRight","Popover","content","_TagListRender","_extends","marginLeft","cursor","defaultProps"],"mappings":";uRAgDO,IAAMA,EAAwC,SAAxCA,EAAyCC,GACpD,IAAMC,EAAYC,EAA4BF,EAAMG,OACpD,IAAMC,EAAeJ,EAAMI,cAAgB,EAC3C,IAAMC,EAAUC,GAAQ,WACtB,GAAIC,EAAkBP,EAAMG,OAAQ,CAClC,MAAO,EACT,CACA,OAAOF,EACJO,KAAI,SAACL,GAAU,IAAAM,EACd,IAAMC,GAAMD,EAAGT,EAAMW,WAAQ,UAAA,EAAdF,EAAgBG,MAC7B,SAACC,GAAI,OAAKC,EAAaD,EAAKV,MAAOA,IAAUU,EAAKE,QAAUZ,CAAK,IAEnE,GAAIO,EAAQ,CAAA,IAAAM,EACV,MAAO,CACLD,MAAOL,EAAOK,OAASL,EAAOP,MAC9Bc,QAAOD,EAAAhB,EAAMkB,uBAANF,EAAiBG,OAAOT,EAAOP,UAAWO,EAAOO,MACxDd,MAAOA,EAEX,CACA,GAAIH,EAAMoB,WAAY,CACpB,OAAOC,SACT,CACA,MAAO,CAAEN,SAAUZ,EAASc,MAAOI,UAAWlB,MAAOA,EACvD,IACCmB,OAAOC,QACX,GAAE,CAACvB,EAAMkB,SAAUlB,EAAMW,SAAUX,EAAMoB,WAAYpB,EAAMG,MAAOF,IAEnE,GAAII,EAAQmB,SAAW,EAAG,CACxB,OAAOC,EAACC,EAAQ,CAAAC,SAAE3B,EAAMG,OAC1B,CAEA,IAAMyB,EAAavB,EAAQwB,MAAM,EAAGzB,GAAgBC,EAAQmB,QAE5D,IAAMM,EACJF,EAAWJ,OAASnB,EAAQmB,OACxBxB,EAAM+B,eACJ1B,EACAA,EAAQwB,MAAMzB,EAAcC,EAAQmB,QACtC,GAEN,OACEQ,EAACN,EAAQ,CAAAC,SAAA,CACNC,EAAWpB,KAAI,SAACK,EAAMoB,GACrB,IAAMhB,EAAQJ,EAAKI,MACnB,IAAKA,GAASjB,EAAMkC,iBAAmB,MAAO,CAC5C,OAAOT,EAACC,EAAQ,CAAAC,SAAcd,EAAKE,OAAbkB,EACxB,CACA,OACER,EAACU,EAAG,CACFlB,MAAOA,EACPmB,MAAOH,IAAUL,EAAWJ,OAAS,EAAI,CAAEa,OAAQ,KAAQ,CAAEC,YAAa,GAAIX,SAG7Ed,EAAKE,OAFDkB,EAKV,IACAH,EAAeN,OAAS,EACvBC,EAACc,EAAO,CACNC,QACEf,EAACgB,EAAaC,KACR1C,EAAK,CACTG,MAAO2B,EAAetB,KAAI,SAACK,GAAI,OAAKA,EAAKV,SACzCQ,SAAUmB,EACV1B,aAAciB,aAEjBM,SAEDF,EAACU,EAAG,CAAClB,MAAM,OAAOmB,MAAO,CAAEO,WAAY,EAAGC,OAAQ,WAAYjB,SAAC,UAI/D,OAGV,EAEA5B,EAAc8C,aAAe,CAC3BzB,WAAY"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tag-list-render/tag-list.tsx"],"sourcesContent":["import { isUndefinedOrNull, toArray, valueIsEqual } from '@flatbiz/utils';\nimport { Popover, Tag } from 'antd';\nimport { FC, Fragment, useMemo } from 'react';\n\nexport type TagListRenderValue = string | number | boolean;\nexport type TagListRenderDataItem = { label: string; value: TagListRenderValue; color?: string };\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  /** 未匹配到color时，是否显示Tag效果，默认值：true */\n  noColorShowTag?: boolean;\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  }, [props.colorMap, props.dataList, props.forceMatch, props.value, valueList]);\n\n  if (tagList.length === 0) {\n    return <Fragment>{props.value}</Fragment>;\n  }\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  return (\n    <Fragment>\n      {newTagList.map((item, index) => {\n        const color = item.color;\n        if (!color && props.noColorShowTag === false) {\n          return <Fragment key={index}>{item.label}</Fragment>;\n        }\n        return (\n          <Tag\n            color={color}\n            style={index === newTagList.length - 1 ? { margin: '0' } : { marginRight: 5 }}\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\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","filter","Boolean","length","_jsx","Fragment","children","newTagList","slice","popoverTagList","foldShowAllTag","_jsxs","index","noColorShowTag","Tag","style","margin","marginRight","Popover","content","_TagListRender","_extends","marginLeft","cursor","defaultProps"],"mappings":";uRAgDO,IAAMA,EAAwC,SAAxCA,EAAyCC,GACpD,IAAMC,EAAYC,EAA4BF,EAAMG,OACpD,IAAMC,EAAeJ,EAAMI,cAAgB,EAC3C,IAAMC,EAAUC,EAAQ,WACtB,GAAIC,EAAkBP,EAAMG,OAAQ,CAClC,MAAO,EACT,CACA,OAAOF,EACJO,IAAI,SAACL,GAAU,IAAAM,EACd,IAAMC,GAAMD,EAAGT,EAAMW,WAAQ,UAAA,EAAdF,EAAgBG,KAC7B,SAACC,GAAI,OAAKC,EAAaD,EAAKV,MAAOA,IAAUU,EAAKE,QAAUZ,CAAK,GAEnE,GAAIO,EAAQ,CAAA,IAAAM,EACV,MAAO,CACLD,MAAOL,EAAOK,OAASL,EAAOP,MAC9Bc,QAAOD,EAAAhB,EAAMkB,uBAANF,EAAiBG,OAAOT,EAAOP,UAAWO,EAAOO,MACxDd,MAAOA,EAEX,CACA,GAAIH,EAAMoB,WAAY,CACpB,OAAOC,SACT,CACA,MAAO,CAAEN,SAAUZ,EAASc,MAAOI,UAAWlB,MAAOA,EACvD,GACCmB,OAAOC,QACX,EAAE,CAACvB,EAAMkB,SAAUlB,EAAMW,SAAUX,EAAMoB,WAAYpB,EAAMG,MAAOF,IAEnE,GAAII,EAAQmB,SAAW,EAAG,CACxB,OAAOC,EAACC,EAAQ,CAAAC,SAAE3B,EAAMG,OAC1B,CAEA,IAAMyB,EAAavB,EAAQwB,MAAM,EAAGzB,GAAgBC,EAAQmB,QAE5D,IAAMM,EACJF,EAAWJ,OAASnB,EAAQmB,OACxBxB,EAAM+B,eACJ1B,EACAA,EAAQwB,MAAMzB,EAAcC,EAAQmB,QACtC,GAEN,OACEQ,EAACN,EAAQ,CAAAC,SAAA,CACNC,EAAWpB,IAAI,SAACK,EAAMoB,GACrB,IAAMhB,EAAQJ,EAAKI,MACnB,IAAKA,GAASjB,EAAMkC,iBAAmB,MAAO,CAC5C,OAAOT,EAACC,EAAQ,CAAAC,SAAcd,EAAKE,OAAbkB,EACxB,CACA,OACER,EAACU,EAAG,CACFlB,MAAOA,EACPmB,MAAOH,IAAUL,EAAWJ,OAAS,EAAI,CAAEa,OAAQ,KAAQ,CAAEC,YAAa,GAAIX,SAG7Ed,EAAKE,OAFDkB,EAKV,GACAH,EAAeN,OAAS,EACvBC,EAACc,EAAO,CACNC,QACEf,EAACgB,EAAaC,KACR1C,EAAK,CACTG,MAAO2B,EAAetB,IAAI,SAACK,GAAI,OAAKA,EAAKV,QACzCQ,SAAUmB,EACV1B,aAAciB,aAEjBM,SAEDF,EAACU,EAAG,CAAClB,MAAM,OAAOmB,MAAO,CAAEO,WAAY,EAAGC,OAAQ,WAAYjB,SAAC,UAI/D,OAGV,EAEA5B,EAAc8C,aAAe,CAC3BzB,WAAY"}

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

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{toArray as r,isUndefinedOrNull as e,valueIsEqual as n}from"@flatbiz/utils";import{Tag as l}from"antd";import{useMemo as t,Fragment as a}from"react";import{jsx as o}from"react/jsx-runtime";var u=function u(i){var f=r(i.value);var c=t((function(){if(e(i.value)){return[]}return f.map((function(r){var e;var l=(e=i.dataList)==null?void 0:e.find((function(e){return n(e.value,r)||e.label===r}));if(l){var t;return{label:l.label||l.value,color:((t=i.colorMap)==null?void 0:t[String(l.value)])||l.color,value:r}}if(i.forceMatch){return undefined}return{label:""+r,color:undefined,value:r}})).filter(Boolean)}),[i.colorMap,i.dataList,i.forceMatch,i.value,f]);if(c.length===0){return o(a,{children:i.value})}var d=c.find((function(r){return!!(r!=null&&r.color)}));if(d){return o(a,{children:c.map((function(r,e){return o(l,{color:r.color,style:e===c.length-1?{margin:"0"}:undefined,children:r.label},e)}))})}return o(a,{children:c.map((function(r){return r.label})).join(",")})};u.defaultProps={forceMatch:false};export{u as TagListSelect};
+import{toArray as r,isUndefinedOrNull as e,valueIsEqual as n}from"@flatbiz/utils";import{Tag as l}from"antd";import{useMemo as t,Fragment as a}from"react";import{jsx as o}from"react/jsx-runtime";var u=function u(i){var f=r(i.value);var c=t(function(){if(e(i.value)){return[]}return f.map(function(r){var e;var l=(e=i.dataList)==null?void 0:e.find(function(e){return n(e.value,r)||e.label===r});if(l){var t;return{label:l.label||l.value,color:((t=i.colorMap)==null?void 0:t[String(l.value)])||l.color,value:r}}if(i.forceMatch){return undefined}return{label:""+r,color:undefined,value:r}}).filter(Boolean)},[i.colorMap,i.dataList,i.forceMatch,i.value,f]);if(c.length===0){return o(a,{children:i.value})}var d=c.find(function(r){return!!(r!=null&&r.color)});if(d){return o(a,{children:c.map(function(r,e){return o(l,{color:r.color,style:e===c.length-1?{margin:"0"}:undefined,children:r.label},e)})})}return o(a,{children:c.map(function(r){return r.label}).join(",")})};u.defaultProps={forceMatch:false};export{u as TagListSelect};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tag-list-select/tag-list-select.tsx"],"sourcesContent":["import { isUndefinedOrNull, toArray, valueIsEqual } from '@flatbiz/utils';\nimport { Tag } from 'antd';\nimport { FC, Fragment, useMemo } from 'react';\n\nexport type TagListSelectValue = string | number | boolean;\nexport type TagListSelectDataItem = { label: string; value: TagListSelectValue; color?: string };\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  }, [props.colorMap, props.dataList, props.forceMatch, props.value, valueList]);\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","filter","Boolean","length","_jsx","Fragment","children","hasColor","index","Tag","style","margin","join","defaultProps"],"mappings":";uMA2CaA,EAAwC,SAAxCA,EAAyCC,GACpD,IAAMC,EAAYC,EAA4BF,EAAMG,OACpD,IAAMC,EAAUC,GAAQ,WACtB,GAAIC,EAAkBN,EAAMG,OAAQ,CAClC,MAAO,EACT,CACA,OAAOF,EACJM,KAAI,SAACJ,GAAU,IAAAK,EACd,IAAMC,GAAMD,EAAGR,EAAMU,WAAQ,UAAA,EAAdF,EAAgBG,MAC7B,SAACC,GAAI,OAAKC,EAAaD,EAAKT,MAAOA,IAAUS,EAAKE,QAAUX,CAAK,IAEnE,GAAIM,EAAQ,CAAA,IAAAM,EACV,MAAO,CACLD,MAAOL,EAAOK,OAASL,EAAON,MAC9Ba,QAAOD,EAAAf,EAAMiB,uBAANF,EAAiBG,OAAOT,EAAON,UAAWM,EAAOO,MACxDb,MAAOA,EAEX,CACA,GAAIH,EAAMmB,WAAY,CACpB,OAAOC,SACT,CACA,MAAO,CAAEN,SAAUX,EAASa,MAAOI,UAAWjB,MAAOA,EACvD,IACCkB,OAAOC,QACX,GAAE,CAACtB,EAAMiB,SAAUjB,EAAMU,SAAUV,EAAMmB,WAAYnB,EAAMG,MAAOF,IAEnE,GAAIG,EAAQmB,SAAW,EAAG,CACxB,OAAOC,EAACC,EAAQ,CAAAC,SAAE1B,EAAMG,OAC1B,CAEA,IAAMwB,EAAWvB,EAAQO,MAAK,SAACC,GAAI,SAAOA,GAAAA,MAAAA,EAAMI,UAEhD,GAAIW,EAAU,CACZ,OACEH,EAACC,EAAQ,CAAAC,SACNtB,EAAQG,KAAI,SAACK,EAAMgB,GAClB,OACEJ,EAACK,EAAG,CACFb,MAAOJ,EAAKI,MACZc,MAAOF,IAAUxB,EAAQmB,OAAS,EAAI,CAAEQ,OAAQ,KAAQX,UAAUM,SAGjEd,EAAKE,OAFDc,OAQjB,CAEA,OAAOJ,EAACC,EAAQ,CAAAC,SAAEtB,EAAQG,KAAI,SAACK,GAAI,OAAKA,EAAKE,SAAOkB,KAAK,MAC3D,EAEAjC,EAAckC,aAAe,CAC3Bd,WAAY"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tag-list-select/tag-list-select.tsx"],"sourcesContent":["import { isUndefinedOrNull, toArray, valueIsEqual } from '@flatbiz/utils';\nimport { Tag } from 'antd';\nimport { FC, Fragment, useMemo } from 'react';\n\nexport type TagListSelectValue = string | number | boolean;\nexport type TagListSelectDataItem = { label: string; value: TagListSelectValue; color?: string };\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  }, [props.colorMap, props.dataList, props.forceMatch, props.value, valueList]);\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","filter","Boolean","length","_jsx","Fragment","children","hasColor","index","Tag","style","margin","join","defaultProps"],"mappings":";uMA2CaA,EAAwC,SAAxCA,EAAyCC,GACpD,IAAMC,EAAYC,EAA4BF,EAAMG,OACpD,IAAMC,EAAUC,EAAQ,WACtB,GAAIC,EAAkBN,EAAMG,OAAQ,CAClC,MAAO,EACT,CACA,OAAOF,EACJM,IAAI,SAACJ,GAAU,IAAAK,EACd,IAAMC,GAAMD,EAAGR,EAAMU,WAAQ,UAAA,EAAdF,EAAgBG,KAC7B,SAACC,GAAI,OAAKC,EAAaD,EAAKT,MAAOA,IAAUS,EAAKE,QAAUX,CAAK,GAEnE,GAAIM,EAAQ,CAAA,IAAAM,EACV,MAAO,CACLD,MAAOL,EAAOK,OAASL,EAAON,MAC9Ba,QAAOD,EAAAf,EAAMiB,uBAANF,EAAiBG,OAAOT,EAAON,UAAWM,EAAOO,MACxDb,MAAOA,EAEX,CACA,GAAIH,EAAMmB,WAAY,CACpB,OAAOC,SACT,CACA,MAAO,CAAEN,SAAUX,EAASa,MAAOI,UAAWjB,MAAOA,EACvD,GACCkB,OAAOC,QACX,EAAE,CAACtB,EAAMiB,SAAUjB,EAAMU,SAAUV,EAAMmB,WAAYnB,EAAMG,MAAOF,IAEnE,GAAIG,EAAQmB,SAAW,EAAG,CACxB,OAAOC,EAACC,EAAQ,CAAAC,SAAE1B,EAAMG,OAC1B,CAEA,IAAMwB,EAAWvB,EAAQO,KAAK,SAACC,GAAI,SAAOA,GAAAA,MAAAA,EAAMI,SAEhD,GAAIW,EAAU,CACZ,OACEH,EAACC,EAAQ,CAAAC,SACNtB,EAAQG,IAAI,SAACK,EAAMgB,GAClB,OACEJ,EAACK,EAAG,CACFb,MAAOJ,EAAKI,MACZc,MAAOF,IAAUxB,EAAQmB,OAAS,EAAI,CAAEQ,OAAQ,KAAQX,UAAUM,SAGjEd,EAAKE,OAFDc,MAQjB,CAEA,OAAOJ,EAACC,EAAQ,CAAAC,SAAEtB,EAAQG,IAAI,SAACK,GAAI,OAAKA,EAAKE,QAAOkB,KAAK,MAC3D,EAEAjC,EAAckC,aAAe,CAC3Bd,WAAY"}

package/esm/tag-wrapper/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import i from"@ant-design/icons/es/icons/LoadingOutlined";import{a as r,_ as o}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as n}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as t}from"@flatbiz/utils";import{Tag as s}from"antd";import{useState as a}from"react";import{fbaHooks as l}from"../fba-hooks/index.js";import{jsxs as c,jsx as m}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var u=["loading","children","debounceDuration","style"];var f=function f(d){var p=d.loading,v=d.children,j=d.debounceDuration,g=d.style,h=r(d,u);var y=a(false),b=y[0],k=y[1];var C=t(j)?500:j;l.useEffectCustom((function(){if(!t(p)){k(p||false)}}),[p]);var x=n.useDebounceClick((function(i){var r=d.onClick;if(!r){return}var o=r(i);if(o&&e(o)){k(true);o.catch((function(i){console.error(i)})).finally((function(){k(false)}))}}),C);return c(s,o({},h,{onClick:x,style:o({cursor:d.onClick?"pointer":"default"},g),children:[b&&m("div",{className:"tw-center-loading",children:m(i,{})}),b?m("div",{style:{opacity:.5},children:v}):v]}))};export{f as TagWrapper};
+import i from"@ant-design/icons/es/icons/LoadingOutlined";import{a as r,_ as o}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as n}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as t}from"@flatbiz/utils";import{Tag as s}from"antd";import{useState as a}from"react";import{fbaHooks as l}from"../fba-hooks/index.js";import{jsxs as c,jsx as m}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var u=["loading","children","debounceDuration","style"];var f=function f(d){var p=d.loading,v=d.children,j=d.debounceDuration,g=d.style,h=r(d,u);var y=a(false),b=y[0],k=y[1];var C=t(j)?500:j;l.useEffectCustom(function(){if(!t(p)){k(p||false)}},[p]);var x=n.useDebounceClick(function(i){var r=d.onClick;if(!r){return}var o=r(i);if(o&&e(o)){k(true);o.catch(function(i){console.error(i)}).finally(function(){k(false)})}},C);return c(s,o({},h,{onClick:x,style:o({cursor:d.onClick?"pointer":"default"},g),children:[b&&m("div",{className:"tw-center-loading",children:m(i,{})}),b?m("div",{style:{opacity:.5},children:v}):v]}))};export{f as TagWrapper};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tag-wrapper/tag-wrapper.tsx"],"sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Tag, TagProps } from 'antd';\nimport { useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\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) ? 500 : 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","_objectWithoutPropertiesLoose","_excluded","_useState","useState","innerLoading","setLoading","debounceDurationMew","isUndefinedOrNull","fbaHooks","useEffectCustom","onClick","_hooks","useDebounceClick","e","result","_isPromise","catch","error","console","finally","_jsxs","Tag","_extends","cursor","_jsx","className","_LoadingOutlined","opacity"],"mappings":";4lBAmBaA,EAAa,SAAbA,EAAcC,GACzB,IAAQC,EAA8DD,EAA9DC,QAASC,EAAqDF,EAArDE,SAAUC,EAA2CH,EAA3CG,iBAAkBC,EAAyBJ,EAAzBI,MAAUC,EAAUC,EAAKN,EAAKO,GAE3E,IAAAC,EAAmCC,EAAS,OAArCC,EAAYF,EAAA,GAAEG,EAAUH,EAAA,GAC/B,IAAMI,EAAsBC,EAAkBV,GAAoB,IAAMA,EAExEW,EAASC,iBAAgB,WACvB,IAAKF,EAAkBZ,GAAU,CAC/BU,EAAWV,GAAW,MACxB,CACF,GAAG,CAACA,IAEJ,IAAMe,EAAUC,EAAMC,kBAAiB,SAACC,GACtC,IAAMH,EAAUhB,EAAMgB,QACtB,IAAKA,EAAS,CACZ,MACF,CACA,IAAMI,EAASJ,EAAQG,GACvB,GAAIC,GAAUC,EAAUD,GAAS,CAC/BT,EAAW,MACXS,EACGE,OAAM,SAACC,GACNC,QAAQD,MAAMA,EAChB,IACCE,SAAQ,WACPd,EAAW,MACb,GACJ,CACD,GAAEC,GAEH,OACEc,EAACC,EAAGC,KACEvB,EAAU,CACdW,QAASA,EACTZ,MAAKwB,EAAA,CAAIC,OAAQ7B,EAAMgB,QAAU,UAAY,WAAcZ,GAAQF,SAAA,CAElEQ,GACCoB,EAAA,MAAA,CAAKC,UAAU,oBAAmB7B,SAChC4B,EAAAE,EAAkB,MAGrBtB,EAAeoB,EAAA,MAAA,CAAK1B,MAAO,CAAE6B,QAAS,IAAM/B,SAAEA,IAAkBA,KAGvE"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/tag-wrapper/tag-wrapper.tsx"],"sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Tag, TagProps } from 'antd';\nimport { useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\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) ? 500 : 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","_objectWithoutPropertiesLoose","_excluded","_useState","useState","innerLoading","setLoading","debounceDurationMew","isUndefinedOrNull","fbaHooks","useEffectCustom","onClick","_hooks","useDebounceClick","e","result","_isPromise","catch","error","console","finally","_jsxs","Tag","_extends","cursor","_jsx","className","_LoadingOutlined","opacity"],"mappings":";4lBAmBaA,EAAa,SAAbA,EAAcC,GACzB,IAAQC,EAA8DD,EAA9DC,QAASC,EAAqDF,EAArDE,SAAUC,EAA2CH,EAA3CG,iBAAkBC,EAAyBJ,EAAzBI,MAAUC,EAAUC,EAAKN,EAAKO,GAE3E,IAAAC,EAAmCC,EAAS,OAArCC,EAAYF,EAAA,GAAEG,EAAUH,EAAA,GAC/B,IAAMI,EAAsBC,EAAkBV,GAAoB,IAAMA,EAExEW,EAASC,gBAAgB,WACvB,IAAKF,EAAkBZ,GAAU,CAC/BU,EAAWV,GAAW,MACxB,CACF,EAAG,CAACA,IAEJ,IAAMe,EAAUC,EAAMC,iBAAiB,SAACC,GACtC,IAAMH,EAAUhB,EAAMgB,QACtB,IAAKA,EAAS,CACZ,MACF,CACA,IAAMI,EAASJ,EAAQG,GACvB,GAAIC,GAAUC,EAAUD,GAAS,CAC/BT,EAAW,MACXS,EACGE,MAAM,SAACC,GACNC,QAAQD,MAAMA,EAChB,GACCE,QAAQ,WACPd,EAAW,MACb,EACJ,CACD,EAAEC,GAEH,OACEc,EAACC,EAAGC,KACEvB,EAAU,CACdW,QAASA,EACTZ,MAAKwB,EAAA,CAAIC,OAAQ7B,EAAMgB,QAAU,UAAY,WAAcZ,GAAQF,SAAA,CAElEQ,GACCoB,EAAA,MAAA,CAAKC,UAAU,oBAAmB7B,SAChC4B,EAAAE,EAAkB,MAGrBtB,EAAeoB,EAAA,MAAA,CAAK1B,MAAO,CAAE6B,QAAS,IAAM/B,SAAEA,IAAkBA,KAGvE"}

package/esm/text-css-ellipsis/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{useSize as t}from"ahooks";import{Tooltip as i}from"antd";import{useRef as r,useState as e}from"react";import{fbaHooks as n}from"../fba-hooks/index.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var d=function d(a){var l=r();var u=e(0),f=u[0],m=u[1];var p=t(l);var c=n.useMemoCustom((function(){var t;if(a.hideTips)return false;if(a.width!==undefined){return f>a.width}var i=((t=l.current)==null||(t=t.parentElement)==null?void 0:t.offsetWidth)||0;return f>i}),[a.hideTips,a.width,f,p==null?void 0:p.width]);return s(i,{title:c?a.text:undefined,children:o("span",{className:"text-css-ellipsis",style:a.width?{width:a.width}:{},ref:function t(i){if(i){l.current=i}},children:[s("span",{className:"tce-hidden",children:s("span",{ref:function t(i){if(i){m(i.offsetWidth)}},children:a.text})}),a.text]})})};export{d as TextCssEllipsis};
+import{useSize as t}from"ahooks";import{Tooltip as i}from"antd";import{useRef as r,useState as e}from"react";import{fbaHooks as n}from"../fba-hooks/index.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var d=function d(a){var l=r();var u=e(0),f=u[0],m=u[1];var p=t(l);var c=n.useMemoCustom(function(){var t;if(a.hideTips)return false;if(a.width!==undefined){return f>a.width}var i=((t=l.current)==null||(t=t.parentElement)==null?void 0:t.offsetWidth)||0;return f>i},[a.hideTips,a.width,f,p==null?void 0:p.width]);return s(i,{title:c?a.text:undefined,children:o("span",{className:"text-css-ellipsis",style:a.width?{width:a.width}:{},ref:function t(i){if(i){l.current=i}},children:[s("span",{className:"tce-hidden",children:s("span",{ref:function t(i){if(i){m(i.offsetWidth)}},children:a.text})}),a.text]})})};export{d as TextCssEllipsis};
 //# sourceMappingURL=index.js.map

package/esm/text-css-ellipsis/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/text-css-ellipsis/text-css-ellipsis.tsx"],"sourcesContent":["import { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type CssTextEllipsisProps = {\n  text: string;\n  width?: number;\n  /** 隐藏tips */\n  hideTips?: boolean;\n};\n\n/**\n * 内容超过宽度截取，并在尾部添加...，被截取的添加Tooltip显示完整数据\n * @deprecated 已过期，请使用 TextOverflow 组件\n * ```\n * 1. 如果配置 width，则使用文本长度与width进行比较\n * 2. 如果没有配置 width，则使用文本长度与当前节点父节点宽度进行比较\n *\n * 注意：\n * 1. 当前节点父节点可能需要添加 overflow-x: hidden;\n * 2. 如果父节点设置flex-shrink会有影响，可复写flex-shrink: initial;\n * ```\n */\nexport const TextCssEllipsis = (props: CssTextEllipsisProps) => {\n  const rootRef = useRef<HTMLSpanElement>();\n  const [textNodeWidth, setTextNodeWidth] = useState(0);\n  const size = useSize(rootRef);\n\n  const showTips = fbaHooks.useMemoCustom(() => {\n    if (props.hideTips) return false;\n    if (props.width !== undefined) {\n      return textNodeWidth > props.width;\n    }\n    const parentNodeWidth = rootRef.current?.parentElement?.offsetWidth || 0;\n    return textNodeWidth > parentNodeWidth;\n  }, [props.hideTips, props.width, textNodeWidth, size?.width]);\n\n  return (\n    <Tooltip title={showTips ? props.text : undefined}>\n      <span\n        className=\"text-css-ellipsis\"\n        style={props.width ? { width: props.width } : {}}\n        ref={(node) => {\n          if (node) {\n            rootRef.current = node;\n          }\n        }}\n      >\n        <span className=\"tce-hidden\">\n          <span\n            ref={(node) => {\n              if (node) {\n                setTextNodeWidth(node.offsetWidth);\n              }\n            }}\n          >\n            {props.text}\n          </span>\n        </span>\n        {props.text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"names":["TextCssEllipsis","props","rootRef","useRef","_useState","useState","textNodeWidth","setTextNodeWidth","size","useSize","showTips","fbaHooks","useMemoCustom","_rootRef$current","hideTips","width","undefined","parentNodeWidth","current","parentElement","offsetWidth","_jsx","Tooltip","title","text","children","_jsxs","className","style","ref","node"],"mappings":";qaAyBaA,EAAkB,SAAlBA,EAAmBC,GAC9B,IAAMC,EAAUC,IAChB,IAAAC,EAA0CC,EAAS,GAA5CC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACtC,IAAMI,EAAOC,EAAQP,GAErB,IAAMQ,EAAWC,EAASC,eAAc,WAAM,IAAAC,EAC5C,GAAIZ,EAAMa,SAAU,OAAO,MAC3B,GAAIb,EAAMc,QAAUC,UAAW,CAC7B,OAAOV,EAAgBL,EAAMc,KAC/B,CACA,IAAME,IAAkBJ,EAAAX,EAAQgB,UAAO,OAAAL,EAAfA,EAAiBM,gBAAa,UAAA,EAA9BN,EAAgCO,cAAe,EACvE,OAAOd,EAAgBW,CACxB,GAAE,CAAChB,EAAMa,SAAUb,EAAMc,MAAOT,EAAeE,GAAI,UAAA,EAAJA,EAAMO,QAEtD,OACEM,EAACC,EAAO,CAACC,MAAOb,EAAWT,EAAMuB,KAAOR,UAAUS,SAChDC,EAAA,OAAA,CACEC,UAAU,oBACVC,MAAO3B,EAAMc,MAAQ,CAAEA,MAAOd,EAAMc,OAAU,CAAG,EACjDc,IAAK,SAALA,EAAMC,GACJ,GAAIA,EAAM,CACR5B,EAAQgB,QAAUY,CACpB,CACA,EAAAL,UAEFJ,EAAA,OAAA,CAAMM,UAAU,aAAYF,SAC1BJ,EAAA,OAAA,CACEQ,IAAK,SAALA,EAAMC,GACJ,GAAIA,EAAM,CACRvB,EAAiBuB,EAAKV,YACxB,CACA,EAAAK,SAEDxB,EAAMuB,SAGVvB,EAAMuB,SAIf"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/text-css-ellipsis/text-css-ellipsis.tsx"],"sourcesContent":["import { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type CssTextEllipsisProps = {\n  text: string;\n  width?: number;\n  /** 隐藏tips */\n  hideTips?: boolean;\n};\n\n/**\n * 内容超过宽度截取，并在尾部添加...，被截取的添加Tooltip显示完整数据\n * @deprecated 已过期，请使用 TextOverflow 组件\n * ```\n * 1. 如果配置 width，则使用文本长度与width进行比较\n * 2. 如果没有配置 width，则使用文本长度与当前节点父节点宽度进行比较\n *\n * 注意：\n * 1. 当前节点父节点可能需要添加 overflow-x: hidden;\n * 2. 如果父节点设置flex-shrink会有影响，可复写flex-shrink: initial;\n * ```\n */\nexport const TextCssEllipsis = (props: CssTextEllipsisProps) => {\n  const rootRef = useRef<HTMLSpanElement>();\n  const [textNodeWidth, setTextNodeWidth] = useState(0);\n  const size = useSize(rootRef);\n\n  const showTips = fbaHooks.useMemoCustom(() => {\n    if (props.hideTips) return false;\n    if (props.width !== undefined) {\n      return textNodeWidth > props.width;\n    }\n    const parentNodeWidth = rootRef.current?.parentElement?.offsetWidth || 0;\n    return textNodeWidth > parentNodeWidth;\n  }, [props.hideTips, props.width, textNodeWidth, size?.width]);\n\n  return (\n    <Tooltip title={showTips ? props.text : undefined}>\n      <span\n        className=\"text-css-ellipsis\"\n        style={props.width ? { width: props.width } : {}}\n        ref={(node) => {\n          if (node) {\n            rootRef.current = node;\n          }\n        }}\n      >\n        <span className=\"tce-hidden\">\n          <span\n            ref={(node) => {\n              if (node) {\n                setTextNodeWidth(node.offsetWidth);\n              }\n            }}\n          >\n            {props.text}\n          </span>\n        </span>\n        {props.text}\n      </span>\n    </Tooltip>\n  );\n};\n"],"names":["TextCssEllipsis","props","rootRef","useRef","_useState","useState","textNodeWidth","setTextNodeWidth","size","useSize","showTips","fbaHooks","useMemoCustom","_rootRef$current","hideTips","width","undefined","parentNodeWidth","current","parentElement","offsetWidth","_jsx","Tooltip","title","text","children","_jsxs","className","style","ref","node"],"mappings":";qaAyBaA,EAAkB,SAAlBA,EAAmBC,GAC9B,IAAMC,EAAUC,IAChB,IAAAC,EAA0CC,EAAS,GAA5CC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GACtC,IAAMI,EAAOC,EAAQP,GAErB,IAAMQ,EAAWC,EAASC,cAAc,WAAM,IAAAC,EAC5C,GAAIZ,EAAMa,SAAU,OAAO,MAC3B,GAAIb,EAAMc,QAAUC,UAAW,CAC7B,OAAOV,EAAgBL,EAAMc,KAC/B,CACA,IAAME,IAAkBJ,EAAAX,EAAQgB,UAAO,OAAAL,EAAfA,EAAiBM,gBAAa,UAAA,EAA9BN,EAAgCO,cAAe,EACvE,OAAOd,EAAgBW,CACxB,EAAE,CAAChB,EAAMa,SAAUb,EAAMc,MAAOT,EAAeE,GAAI,UAAA,EAAJA,EAAMO,QAEtD,OACEM,EAACC,EAAO,CAACC,MAAOb,EAAWT,EAAMuB,KAAOR,UAAUS,SAChDC,EAAA,OAAA,CACEC,UAAU,oBACVC,MAAO3B,EAAMc,MAAQ,CAAEA,MAAOd,EAAMc,OAAU,CAAG,EACjDc,IAAK,SAALA,EAAMC,GACJ,GAAIA,EAAM,CACR5B,EAAQgB,QAAUY,CACpB,CACA,EAAAL,UAEFJ,EAAA,OAAA,CAAMM,UAAU,aAAYF,SAC1BJ,EAAA,OAAA,CACEQ,IAAK,SAALA,EAAMC,GACJ,GAAIA,EAAM,CACRvB,EAAiBuB,EAAKV,YACxB,CACA,EAAAK,SAEDxB,EAAMuB,SAGVvB,EAAMuB,SAIf"}

package/esm/text-overflow/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isString as e}from"@dimjs/lang/cjs/is-string";import{useRef as r,useMemo as i,memo as n}from"react";import{classNames as l}from"@dimjs/utils/cjs/class-names";import{useSize as a}from"ahooks";import{Tooltip as o}from"antd";import{fbaHooks as s}from"../fba-hooks/index.js";import{jsxs as d,jsx as c}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var h=function t(e){var i=r(null);var n=a(i);var h=(n==null?void 0:n.width)||0;var u=r(null);var m=a(u);var v=s.useMemoCustom((function(){if(!(m!=null&&m.width)||!h)return false;return m.width>h}),[m==null?void 0:m.width,h]);return d("div",{className:l("text-overflow",{"tow-trigger":e.onClick}),ref:i,children:[c("span",{className:"tow-hidden",children:c("span",{className:"tow-inner-text",ref:u,children:e.text})}),c(o,{title:v&&!e.hideTip?e.text:undefined,children:c("span",{className:"tow-content",children:c("span",{className:"tow-show-text",onClick:e.onClick,children:e.text})})})]})};var u=function t(e){var i=r(null);var n=a(i);var s=e.maxLength;var h=(n==null?void 0:n.width)||0;var u=e.text;var m=r(null);var v=a(m);var f=u.length>s;var w=(v==null?void 0:v.width)||0;var p=f&&w<h;var x=h<w+1||f;var g=u.substring(0,e.maxLength);return d("div",{className:l("text-overflow",{"tow-trigger":e.onClick}),ref:i,children:[c("span",{className:"tow-hidden",children:c("span",{className:"tow-inner-text",ref:m,children:g})}),c(o,{title:x&&!e.hideTip?u:undefined,children:p?c("span",{className:"tow-cut-content",children:d("span",{className:"tow-show-text",onClick:e.onClick,children:[g,"..."]})}):c("span",{className:"tow-content",children:c("span",{className:"tow-show-text",onClick:e.onClick,children:u})})})]})};var m=function t(e){var n=r(null);var s=a(n);var h=e.maxWidth||0;var u=r(null);var m=a(u);var v=i((function(){if(!(m!=null&&m.width)||!(s!=null&&s.width))return undefined;if(s.width<h){if(m.width>s.width){return{isTextOverflow:true}}}if(m.width<h)return undefined;if(m.width>h){return{isTextOverflow:true,width:h}}return undefined}),[m==null?void 0:m.width,h]);var f=v==null?void 0:v.isTextOverflow;return d("div",{className:l("text-overflow",{"tow-trigger":e.onClick}),ref:n,children:[c("span",{className:"tow-hidden",children:c("span",{className:"tow-inner-text",ref:u,children:e.text})}),c(o,{title:f&&!e.hideTip?e.text:undefined,children:c("span",{className:"tow-content",style:{width:v==null?void 0:v.width},children:c("span",{className:"tow-show-text",onClick:e.onClick,children:e.text})})})]})};var v=function r(i){if(i.maxLength&&e(i.text)){return c(u,t({},i))}if(i.maxWidth){return c(m,t({},i))}return c(h,t({},i))};var f=n(v,(function(t,e){if(t.text!==e.text||t.maxLength!==e.maxLength||t.maxWidth!==t.maxWidth){return false}return true}));export{f as TextOverflow};
+import{_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isString as e}from"@dimjs/lang/cjs/is-string";import{useRef as r,useMemo as i,memo as n}from"react";import{classNames as l}from"@dimjs/utils/cjs/class-names";import{useSize as a}from"ahooks";import{Tooltip as o}from"antd";import{fbaHooks as s}from"../fba-hooks/index.js";import{jsxs as d,jsx as c}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";var h=function t(e){var i=r(null);var n=a(i);var h=(n==null?void 0:n.width)||0;var u=r(null);var m=a(u);var v=s.useMemoCustom(function(){if(!(m!=null&&m.width)||!h)return false;return m.width>h},[m==null?void 0:m.width,h]);return d("div",{className:l("text-overflow",{"tow-trigger":e.onClick}),ref:i,children:[c("span",{className:"tow-hidden",children:c("span",{className:"tow-inner-text",ref:u,children:e.text})}),c(o,{title:v&&!e.hideTip?e.text:undefined,children:c("span",{className:"tow-content",children:c("span",{className:"tow-show-text",onClick:e.onClick,children:e.text})})})]})};var u=function t(e){var i=r(null);var n=a(i);var s=e.maxLength;var h=(n==null?void 0:n.width)||0;var u=e.text;var m=r(null);var v=a(m);var f=u.length>s;var w=(v==null?void 0:v.width)||0;var p=f&&w<h;var x=h<w+1||f;var g=u.substring(0,e.maxLength);return d("div",{className:l("text-overflow",{"tow-trigger":e.onClick}),ref:i,children:[c("span",{className:"tow-hidden",children:c("span",{className:"tow-inner-text",ref:m,children:g})}),c(o,{title:x&&!e.hideTip?u:undefined,children:p?c("span",{className:"tow-cut-content",children:d("span",{className:"tow-show-text",onClick:e.onClick,children:[g,"..."]})}):c("span",{className:"tow-content",children:c("span",{className:"tow-show-text",onClick:e.onClick,children:u})})})]})};var m=function t(e){var n=r(null);var s=a(n);var h=e.maxWidth||0;var u=r(null);var m=a(u);var v=i(function(){if(!(m!=null&&m.width)||!(s!=null&&s.width))return undefined;if(s.width<h){if(m.width>s.width){return{isTextOverflow:true}}}if(m.width<h)return undefined;if(m.width>h){return{isTextOverflow:true,width:h}}return undefined},[m==null?void 0:m.width,h]);var f=v==null?void 0:v.isTextOverflow;return d("div",{className:l("text-overflow",{"tow-trigger":e.onClick}),ref:n,children:[c("span",{className:"tow-hidden",children:c("span",{className:"tow-inner-text",ref:u,children:e.text})}),c(o,{title:f&&!e.hideTip?e.text:undefined,children:c("span",{className:"tow-content",style:{width:v==null?void 0:v.width},children:c("span",{className:"tow-show-text",onClick:e.onClick,children:e.text})})})]})};var v=function r(i){if(i.maxLength&&e(i.text)){return c(u,t({},i))}if(i.maxWidth){return c(m,t({},i))}return c(h,t({},i))};var f=n(v,function(t,e){if(t.text!==e.text||t.maxLength!==e.maxLength||t.maxWidth!==t.maxWidth){return false}return true});export{f as TextOverflow};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/text-overflow/overflow-auto.tsx","@flatbiz/antd/src/text-overflow/overflow-length.tsx","@flatbiz/antd/src/text-overflow/overflow-width.tsx","@flatbiz/antd/src/text-overflow/text-overflow.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\nimport { TextOverflowProps } from './types';\n\nexport const OverflowAuto = (props: TextOverflowProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const size = useSize(rootRef);\n  const parentNodeWidth = size?.width || 0;\n  const hideTextRef = useRef<HTMLSpanElement>(null);\n\n  const hideTextSize = useSize(hideTextRef);\n\n  // 文本宽度是否溢出\n  const isTextOverflow = fbaHooks.useMemoCustom(() => {\n    if (!hideTextSize?.width || !parentNodeWidth) return false;\n    return hideTextSize.width > parentNodeWidth;\n  }, [hideTextSize?.width, parentNodeWidth]);\n\n  return (\n    <div\n      className={classNames('text-overflow', {\n        'tow-trigger': props.onClick,\n      })}\n      ref={rootRef}\n    >\n      <span className=\"tow-hidden\">\n        <span className=\"tow-inner-text\" ref={hideTextRef}>\n          {props.text}\n        </span>\n      </span>\n      <Tooltip title={isTextOverflow && !props.hideTip ? props.text : undefined}>\n        <span className=\"tow-content\">\n          <span className=\"tow-show-text\" onClick={props.onClick}>\n            {props.text}\n          </span>\n        </span>\n      </Tooltip>\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { useRef } from 'react';\nimport { TextOverflowProps } from './types';\n\nexport const OverflowLength = (props: Omit<TextOverflowProps, 'maxWidth'>) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const size = useSize(rootRef);\n  const maxLength = props.maxLength as number;\n  const parentNodeWidth = size?.width || 0;\n  const text = props.text as string;\n  const hideTextRef = useRef<HTMLSpanElement>(null);\n\n  const hideTextSize = useSize(hideTextRef);\n  const needCut = text.length > maxLength;\n\n  const cutedTextWidth = hideTextSize?.width || 0;\n\n  const showCustomEllipsis = needCut && cutedTextWidth < parentNodeWidth;\n\n  const isTextOverflow = parentNodeWidth < cutedTextWidth + 1 || needCut;\n\n  const cutValue = text.substring(0, props.maxLength);\n\n  return (\n    <div\n      className={classNames('text-overflow', {\n        'tow-trigger': props.onClick,\n      })}\n      ref={rootRef}\n    >\n      <span className=\"tow-hidden\">\n        <span className=\"tow-inner-text\" ref={hideTextRef}>\n          {cutValue}\n        </span>\n      </span>\n\n      <Tooltip title={isTextOverflow && !props.hideTip ? text : undefined}>\n        {showCustomEllipsis ? (\n          <span className=\"tow-cut-content\">\n            <span className=\"tow-show-text\" onClick={props.onClick}>\n              {cutValue}...\n            </span>\n          </span>\n        ) : (\n          <span className=\"tow-content\">\n            <span className=\"tow-show-text\" onClick={props.onClick}>\n              {text}\n            </span>\n          </span>\n        )}\n      </Tooltip>\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { useMemo, useRef } from 'react';\nimport { TextOverflowProps } from './types';\n\nexport const OverflowWidth = (props: Omit<TextOverflowProps, 'maxLength'>) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const rootSize = useSize(rootRef);\n  const maxWidth = props.maxWidth || 0;\n  const hideTextRef = useRef<HTMLSpanElement>(null);\n\n  const hideTextSize = useSize(hideTextRef);\n\n  const handleResult = useMemo(() => {\n    if (!hideTextSize?.width || !rootSize?.width) return undefined;\n    if (rootSize.width < maxWidth) {\n      if (hideTextSize.width > rootSize.width) {\n        return { isTextOverflow: true };\n      }\n    }\n    if (hideTextSize.width < maxWidth) return undefined;\n    if (hideTextSize.width > maxWidth) {\n      return { isTextOverflow: true, width: maxWidth };\n    }\n    return undefined;\n  }, [hideTextSize?.width, maxWidth]);\n\n  const isTextOverflow = handleResult?.isTextOverflow;\n\n  return (\n    <div\n      className={classNames('text-overflow', {\n        'tow-trigger': props.onClick,\n      })}\n      ref={rootRef}\n    >\n      <span className=\"tow-hidden\">\n        <span className=\"tow-inner-text\" ref={hideTextRef}>\n          {props.text}\n        </span>\n      </span>\n\n      <Tooltip title={isTextOverflow && !props.hideTip ? props.text : undefined}>\n        <span className=\"tow-content\" style={{ width: handleResult?.width }}>\n          <span className=\"tow-show-text\" onClick={props.onClick}>\n            {props.text}\n          </span>\n        </span>\n      </Tooltip>\n    </div>\n  );\n};\n","import { isString } from '@dimjs/lang';\nimport { memo } from 'react';\nimport { OverflowAuto } from './overflow-auto';\nimport { OverflowLength } from './overflow-length';\nimport { OverflowWidth } from './overflow-width';\nimport './style.less';\nimport { TextOverflowProps } from './types';\n\nconst InnerTextOverflow = (props: TextOverflowProps) => {\n  if (props.maxLength && isString(props.text)) {\n    return <OverflowLength {...props} />;\n  }\n  if (props.maxWidth) {\n    return <OverflowWidth {...props} />;\n  }\n  return <OverflowAuto {...props} />;\n};\n\n/**\n * 内容溢出截取，并在尾部添加...，被截取的添加Tooltip显示完整数据\n * ```\n * 控制文本显示三种方式\n * 1. 通过 maxLength 控制超长\n * 2. 通过 maxWidth 控制超长\n * 3. 与父节点宽度比较，控制超长\n * 4. 优先级  maxLength > maxWidth\n *\n * 注意：\n * 1. 当前节点父节点需要添加 overflow-x: hidden;\n * 2. 如果父节点设置flex-shrink会有影响，可复写flex-shrink: initial;\n * 3. 与 Table columns render结合使用，需要配置ellipsis=true\n *    例如：<Table columns={[{\n             ...\n             render: (value) => {\n               return <TextOverflow text={value} />;\n             },\n             ellipsis: true,\n           }]} />\n    4. 与 Table columns render结合使用，如果Table配置了 scroll={{ x: 'max-content' }}后，不能与TextOverflow maxWidth结合使用\n * ```\n */\nexport const TextOverflow = memo(InnerTextOverflow, (pre, next) => {\n  if (pre.text !== next.text || pre.maxLength !== next.maxLength || pre.maxWidth !== pre.maxWidth) {\n    return false;\n  }\n  return true;\n});\n"],"names":["OverflowAuto","props","rootRef","useRef","size","useSize","parentNodeWidth","width","hideTextRef","hideTextSize","isTextOverflow","fbaHooks","useMemoCustom","_jsxs","className","_classNames","onClick","ref","children","_jsx","text","Tooltip","title","hideTip","undefined","OverflowLength","maxLength","needCut","length","cutedTextWidth","showCustomEllipsis","cutValue","substring","OverflowWidth","rootSize","maxWidth","handleResult","useMemo","style","InnerTextOverflow","_isString","_extends","TextOverflow","memo","pre","next"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/text-overflow/overflow-auto.tsx","@flatbiz/antd/src/text-overflow/overflow-length.tsx","@flatbiz/antd/src/text-overflow/overflow-width.tsx","@flatbiz/antd/src/text-overflow/text-overflow.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\nimport { TextOverflowProps } from './types';\n\nexport const OverflowAuto = (props: TextOverflowProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const size = useSize(rootRef);\n  const parentNodeWidth = size?.width || 0;\n  const hideTextRef = useRef<HTMLSpanElement>(null);\n\n  const hideTextSize = useSize(hideTextRef);\n\n  // 文本宽度是否溢出\n  const isTextOverflow = fbaHooks.useMemoCustom(() => {\n    if (!hideTextSize?.width || !parentNodeWidth) return false;\n    return hideTextSize.width > parentNodeWidth;\n  }, [hideTextSize?.width, parentNodeWidth]);\n\n  return (\n    <div\n      className={classNames('text-overflow', {\n        'tow-trigger': props.onClick,\n      })}\n      ref={rootRef}\n    >\n      <span className=\"tow-hidden\">\n        <span className=\"tow-inner-text\" ref={hideTextRef}>\n          {props.text}\n        </span>\n      </span>\n      <Tooltip title={isTextOverflow && !props.hideTip ? props.text : undefined}>\n        <span className=\"tow-content\">\n          <span className=\"tow-show-text\" onClick={props.onClick}>\n            {props.text}\n          </span>\n        </span>\n      </Tooltip>\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { useRef } from 'react';\nimport { TextOverflowProps } from './types';\n\nexport const OverflowLength = (props: Omit<TextOverflowProps, 'maxWidth'>) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const size = useSize(rootRef);\n  const maxLength = props.maxLength as number;\n  const parentNodeWidth = size?.width || 0;\n  const text = props.text as string;\n  const hideTextRef = useRef<HTMLSpanElement>(null);\n\n  const hideTextSize = useSize(hideTextRef);\n  const needCut = text.length > maxLength;\n\n  const cutedTextWidth = hideTextSize?.width || 0;\n\n  const showCustomEllipsis = needCut && cutedTextWidth < parentNodeWidth;\n\n  const isTextOverflow = parentNodeWidth < cutedTextWidth + 1 || needCut;\n\n  const cutValue = text.substring(0, props.maxLength);\n\n  return (\n    <div\n      className={classNames('text-overflow', {\n        'tow-trigger': props.onClick,\n      })}\n      ref={rootRef}\n    >\n      <span className=\"tow-hidden\">\n        <span className=\"tow-inner-text\" ref={hideTextRef}>\n          {cutValue}\n        </span>\n      </span>\n\n      <Tooltip title={isTextOverflow && !props.hideTip ? text : undefined}>\n        {showCustomEllipsis ? (\n          <span className=\"tow-cut-content\">\n            <span className=\"tow-show-text\" onClick={props.onClick}>\n              {cutValue}...\n            </span>\n          </span>\n        ) : (\n          <span className=\"tow-content\">\n            <span className=\"tow-show-text\" onClick={props.onClick}>\n              {text}\n            </span>\n          </span>\n        )}\n      </Tooltip>\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { useMemo, useRef } from 'react';\nimport { TextOverflowProps } from './types';\n\nexport const OverflowWidth = (props: Omit<TextOverflowProps, 'maxLength'>) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const rootSize = useSize(rootRef);\n  const maxWidth = props.maxWidth || 0;\n  const hideTextRef = useRef<HTMLSpanElement>(null);\n\n  const hideTextSize = useSize(hideTextRef);\n\n  const handleResult = useMemo(() => {\n    if (!hideTextSize?.width || !rootSize?.width) return undefined;\n    if (rootSize.width < maxWidth) {\n      if (hideTextSize.width > rootSize.width) {\n        return { isTextOverflow: true };\n      }\n    }\n    if (hideTextSize.width < maxWidth) return undefined;\n    if (hideTextSize.width > maxWidth) {\n      return { isTextOverflow: true, width: maxWidth };\n    }\n    return undefined;\n  }, [hideTextSize?.width, maxWidth]);\n\n  const isTextOverflow = handleResult?.isTextOverflow;\n\n  return (\n    <div\n      className={classNames('text-overflow', {\n        'tow-trigger': props.onClick,\n      })}\n      ref={rootRef}\n    >\n      <span className=\"tow-hidden\">\n        <span className=\"tow-inner-text\" ref={hideTextRef}>\n          {props.text}\n        </span>\n      </span>\n\n      <Tooltip title={isTextOverflow && !props.hideTip ? props.text : undefined}>\n        <span className=\"tow-content\" style={{ width: handleResult?.width }}>\n          <span className=\"tow-show-text\" onClick={props.onClick}>\n            {props.text}\n          </span>\n        </span>\n      </Tooltip>\n    </div>\n  );\n};\n","import { isString } from '@dimjs/lang';\nimport { memo } from 'react';\nimport { OverflowAuto } from './overflow-auto';\nimport { OverflowLength } from './overflow-length';\nimport { OverflowWidth } from './overflow-width';\nimport './style.less';\nimport { TextOverflowProps } from './types';\n\nconst InnerTextOverflow = (props: TextOverflowProps) => {\n  if (props.maxLength && isString(props.text)) {\n    return <OverflowLength {...props} />;\n  }\n  if (props.maxWidth) {\n    return <OverflowWidth {...props} />;\n  }\n  return <OverflowAuto {...props} />;\n};\n\n/**\n * 内容溢出截取，并在尾部添加...，被截取的添加Tooltip显示完整数据\n * ```\n * 控制文本显示三种方式\n * 1. 通过 maxLength 控制超长\n * 2. 通过 maxWidth 控制超长\n * 3. 与父节点宽度比较，控制超长\n * 4. 优先级  maxLength > maxWidth\n *\n * 注意：\n * 1. 当前节点父节点需要添加 overflow-x: hidden;\n * 2. 如果父节点设置flex-shrink会有影响，可复写flex-shrink: initial;\n * 3. 与 Table columns render结合使用，需要配置ellipsis=true\n *    例如：<Table columns={[{\n             ...\n             render: (value) => {\n               return <TextOverflow text={value} />;\n             },\n             ellipsis: true,\n           }]} />\n    4. 与 Table columns render结合使用，如果Table配置了 scroll={{ x: 'max-content' }}后，不能与TextOverflow maxWidth结合使用\n * ```\n */\nexport const TextOverflow = memo(InnerTextOverflow, (pre, next) => {\n  if (pre.text !== next.text || pre.maxLength !== next.maxLength || pre.maxWidth !== pre.maxWidth) {\n    return false;\n  }\n  return true;\n});\n"],"names":["OverflowAuto","props","rootRef","useRef","size","useSize","parentNodeWidth","width","hideTextRef","hideTextSize","isTextOverflow","fbaHooks","useMemoCustom","_jsxs","className","_classNames","onClick","ref","children","_jsx","text","Tooltip","title","hideTip","undefined","OverflowLength","maxLength","needCut","length","cutedTextWidth","showCustomEllipsis","cutValue","substring","OverflowWidth","rootSize","maxWidth","handleResult","useMemo","style","InnerTextOverflow","_isString","_extends","TextOverflow","memo","pre","next"],"mappings":"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"}

package/esm/text-overflow-render/index.js

@@ -7,5 +7,5 @@ import './../fba-utils/index.css';
 import './../text-css-ellipsis/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{isEmpty as i}from"@dimjs/lang/cjs/is-empty";import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{getStrByteLen as t,cutString as n}from"@flatbiz/utils";import{Tooltip as l}from"antd";import{Fragment as o}from"react";import{ButtonWrapper as s}from"../button-wrapper/index.js";import{TextCssEllipsis as a}from"../text-css-ellipsis/index.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"@dimjs/utils/cjs/class-names";import"../index-83bede1b.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/model";import"ahooks";var d=["onClick","children","prefix"];var c=function i(t){var n=t.onClick,l=t.children,o=t.prefix,a=r(t,d);if(!!n){return m(s,e({type:"link",onClick:n,style:{padding:0,height:"initial",display:"inline-flex",alignItems:"center"}},a,{children:[o?p("span",{style:{marginRight:5},children:o}):null,l]}))}return m("span",e({},a,{style:e({display:"inline-flex"},a["style"]),children:[o?p("span",{style:{marginRight:5},children:o}):null,l]}))};var u=function r(e){var s=e.text,m=e.maxLength,d=e.placeholder,u=e.onClick,j=e.prefix;if(!s||i(s)||s==="")return p(o,{children:d});if(!!m){var f=t(s);if(f<=m*2){return p(c,{onClick:u,prefix:j,children:s})}else{var h=n(s,m*2);return p(l,{placement:"topLeft",title:s,children:p(c,{onClick:u,prefix:j,children:h})})}}if(e.width){return p(c,{onClick:u,prefix:j,children:p(a,{text:s,width:e.width})})}return p(c,{onClick:u,prefix:j,children:e.text})};export{u as TextOverflowRender};
+import{isEmpty as i}from"@dimjs/lang/cjs/is-empty";import{a as r,_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{getStrByteLen as t,cutString as n}from"@flatbiz/utils";import{Tooltip as l}from"antd";import{Fragment as o}from"react";import{ButtonWrapper as s}from"../button-wrapper/index.js";import{TextCssEllipsis as a}from"../text-css-ellipsis/index.js";import{jsx as p,jsxs as m}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"@dimjs/utils/cjs/class-names";import"../index-853b36e6.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-1e6d93d9.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/model";import"ahooks";var d=["onClick","children","prefix"];var c=function i(t){var n=t.onClick,l=t.children,o=t.prefix,a=r(t,d);if(!!n){return m(s,e({type:"link",onClick:n,style:{padding:0,height:"initial",display:"inline-flex",alignItems:"center"}},a,{children:[o?p("span",{style:{marginRight:5},children:o}):null,l]}))}return m("span",e({},a,{style:e({display:"inline-flex"},a["style"]),children:[o?p("span",{style:{marginRight:5},children:o}):null,l]}))};var u=function r(e){var s=e.text,m=e.maxLength,d=e.placeholder,u=e.onClick,j=e.prefix;if(!s||i(s)||s==="")return p(o,{children:d});if(!!m){var f=t(s);if(f<=m*2){return p(c,{onClick:u,prefix:j,children:s})}else{var h=n(s,m*2);return p(l,{placement:"topLeft",title:s,children:p(c,{onClick:u,prefix:j,children:h})})}}if(e.width){return p(c,{onClick:u,prefix:j,children:p(a,{text:s,width:e.width})})}return p(c,{onClick:u,prefix:j,children:e.text})};export{u as TextOverflowRender};
 //# sourceMappingURL=index.js.map

package/esm/text-symbol-wrapper/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{useMemo as s}from"react";import{jsx as t,jsxs as l}from"react/jsx-runtime";var a=function a(o){var m=o.gap===undefined?3:o.gap;var i=s((function(){if(o.symbol){return o.symbol}if(o.symbolType==="required"){return"*"}return undefined}),[o.symbolType,o.symbol]);var n=o.position||"before";if(o.hiddenSymbol){return t("span",{className:r("text-symbol-wrapper",o.className),style:o.style,children:o.text})}var p=r("text-symbol-wrapper",{"tsw-required":o.symbolType},o.className);var y=n==="before"?{left:-m}:{right:-m};var b=n==="before"?{left:0}:{right:0};var c=o.text?y:b;return l("span",{className:p,style:o.style,children:[i?t("span",{className:r("tsw-symbol","tsw-symbol-"+n),style:e({},y,c),onClick:o.onSymbolClick,children:i}):null,o.text]})};export{a as TextSymbolWrapper};
+import{_ as e}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{useMemo as s}from"react";import{jsx as t,jsxs as l}from"react/jsx-runtime";var a=function a(o){var m=o.gap===undefined?3:o.gap;var i=s(function(){if(o.symbol){return o.symbol}if(o.symbolType==="required"){return"*"}return undefined},[o.symbolType,o.symbol]);var n=o.position||"before";if(o.hiddenSymbol){return t("span",{className:r("text-symbol-wrapper",o.className),style:o.style,children:o.text})}var p=r("text-symbol-wrapper",{"tsw-required":o.symbolType},o.className);var y=n==="before"?{left:-m}:{right:-m};var b=n==="before"?{left:0}:{right:0};var c=o.text?y:b;return l("span",{className:p,style:o.style,children:[i?t("span",{className:r("tsw-symbol","tsw-symbol-"+n),style:e({},y,c),onClick:o.onSymbolClick,children:i}):null,o.text]})};export{a as TextSymbolWrapper};
 //# sourceMappingURL=index.js.map

package/esm/text-symbol-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/text-symbol-wrapper/symbol.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { ReactNode, useMemo, type CSSProperties, type ReactElement } from 'react';\nimport './style.less';\n\nexport type TextSymbolWrapperProps = {\n  className?: string;\n  style?: CSSProperties;\n  /** 内置图标类型 */\n  symbolType?: 'required';\n  /** 自定义标记符号，优先级大于 symbolType */\n  symbol?: ReactNode;\n  /** 标记位置，默认：brefore */\n  position?: 'before' | 'after';\n  /** 显示文本 */\n  text?: string | ReactElement;\n  symbolStyle?: CSSProperties;\n  onSymbolClick?: (event) => void;\n  /** 只隐藏符号，不隐藏文案 */\n  hiddenSymbol?: boolean;\n  /** 图标与文字之间的间距 */\n  gap?: number;\n};\n\n/**\n * 为文字添加符号，例如：必填符号\n * ```\n * 例如： <TextSymbolWrapper text={'用户名'} symbolType=\"required\" />\n * ```\n */\nexport const TextSymbolWrapper = (props: TextSymbolWrapperProps) => {\n  const gap = props.gap === undefined ? 3 : props.gap;\n  const symbol = useMemo(() => {\n    if (props.symbol) {\n      return props.symbol;\n    }\n    if (props.symbolType === 'required') {\n      return '*';\n    }\n    return undefined;\n  }, [props.symbolType, props.symbol]);\n\n  const position = props.position || 'before';\n\n  if (props.hiddenSymbol) {\n    return (\n      <span className={classNames('text-symbol-wrapper', props.className)} style={props.style}>\n        {props.text}\n      </span>\n    );\n  }\n\n  const cn = classNames('text-symbol-wrapper', { 'tsw-required': props.symbolType }, props.className);\n\n  const hasTextSymbolSyle = position === 'before' ? { left: -gap } : { right: -gap };\n  const noTextSymbolSyle = position === 'before' ? { left: 0 } : { right: 0 };\n  const symbolSyle = props.text ? hasTextSymbolSyle : noTextSymbolSyle;\n  return (\n    <span className={cn} style={props.style}>\n      {symbol ? (\n        <span\n          className={classNames('tsw-symbol', `tsw-symbol-${position}`)}\n          style={{\n            ...hasTextSymbolSyle,\n            ...symbolSyle,\n          }}\n          onClick={props.onSymbolClick}\n        >\n          {symbol}\n        </span>\n      ) : null}\n\n      {props.text}\n    </span>\n  );\n};\n"],"names":["TextSymbolWrapper","props","gap","undefined","symbol","useMemo","symbolType","position","hiddenSymbol","_jsx","className","_classNames","style","children","text","cn","hasTextSymbolSyle","left","right","noTextSymbolSyle","symbolSyle","_jsxs","_extends","onClick","onSymbolClick"],"mappings":";6MA6BaA,EAAoB,SAApBA,EAAqBC,GAChC,IAAMC,EAAMD,EAAMC,MAAQC,UAAY,EAAIF,EAAMC,IAChD,IAAME,EAASC,GAAQ,WACrB,GAAIJ,EAAMG,OAAQ,CAChB,OAAOH,EAAMG,MACf,CACA,GAAIH,EAAMK,aAAe,WAAY,CACnC,MAAO,GACT,CACA,OAAOH,SACR,GAAE,CAACF,EAAMK,WAAYL,EAAMG,SAE5B,IAAMG,EAAWN,EAAMM,UAAY,SAEnC,GAAIN,EAAMO,aAAc,CACtB,OACEC,EAAA,OAAA,CAAMC,UAAWC,EAAW,sBAAuBV,EAAMS,WAAYE,MAAOX,EAAMW,MAAMC,SACrFZ,EAAMa,MAGb,CAEA,IAAMC,EAAKJ,EAAW,sBAAuB,CAAE,eAAgBV,EAAMK,YAAcL,EAAMS,WAEzF,IAAMM,EAAoBT,IAAa,SAAW,CAAEU,MAAOf,GAAQ,CAAEgB,OAAQhB,GAC7E,IAAMiB,EAAmBZ,IAAa,SAAW,CAAEU,KAAM,GAAM,CAAEC,MAAO,GACxE,IAAME,EAAanB,EAAMa,KAAOE,EAAoBG,EACpD,OACEE,EAAA,OAAA,CAAMX,UAAWK,EAAIH,MAAOX,EAAMW,MAAMC,SAAA,CACrCT,EACCK,EAAA,OAAA,CACEC,UAAWC,EAAW,aAAY,cAAgBJ,GAClDK,MAAKU,EAAA,GACAN,EACAI,GAELG,QAAStB,EAAMuB,cAAcX,SAE5BT,IAED,KAEHH,EAAMa,OAGb"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/text-symbol-wrapper/symbol.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { ReactNode, useMemo, type CSSProperties, type ReactElement } from 'react';\nimport './style.less';\n\nexport type TextSymbolWrapperProps = {\n  className?: string;\n  style?: CSSProperties;\n  /** 内置图标类型 */\n  symbolType?: 'required';\n  /** 自定义标记符号，优先级大于 symbolType */\n  symbol?: ReactNode;\n  /** 标记位置，默认：brefore */\n  position?: 'before' | 'after';\n  /** 显示文本 */\n  text?: string | ReactElement;\n  symbolStyle?: CSSProperties;\n  onSymbolClick?: (event) => void;\n  /** 只隐藏符号，不隐藏文案 */\n  hiddenSymbol?: boolean;\n  /** 图标与文字之间的间距 */\n  gap?: number;\n};\n\n/**\n * 为文字添加符号，例如：必填符号\n * ```\n * 例如： <TextSymbolWrapper text={'用户名'} symbolType=\"required\" />\n * ```\n */\nexport const TextSymbolWrapper = (props: TextSymbolWrapperProps) => {\n  const gap = props.gap === undefined ? 3 : props.gap;\n  const symbol = useMemo(() => {\n    if (props.symbol) {\n      return props.symbol;\n    }\n    if (props.symbolType === 'required') {\n      return '*';\n    }\n    return undefined;\n  }, [props.symbolType, props.symbol]);\n\n  const position = props.position || 'before';\n\n  if (props.hiddenSymbol) {\n    return (\n      <span className={classNames('text-symbol-wrapper', props.className)} style={props.style}>\n        {props.text}\n      </span>\n    );\n  }\n\n  const cn = classNames('text-symbol-wrapper', { 'tsw-required': props.symbolType }, props.className);\n\n  const hasTextSymbolSyle = position === 'before' ? { left: -gap } : { right: -gap };\n  const noTextSymbolSyle = position === 'before' ? { left: 0 } : { right: 0 };\n  const symbolSyle = props.text ? hasTextSymbolSyle : noTextSymbolSyle;\n  return (\n    <span className={cn} style={props.style}>\n      {symbol ? (\n        <span\n          className={classNames('tsw-symbol', `tsw-symbol-${position}`)}\n          style={{\n            ...hasTextSymbolSyle,\n            ...symbolSyle,\n          }}\n          onClick={props.onSymbolClick}\n        >\n          {symbol}\n        </span>\n      ) : null}\n\n      {props.text}\n    </span>\n  );\n};\n"],"names":["TextSymbolWrapper","props","gap","undefined","symbol","useMemo","symbolType","position","hiddenSymbol","_jsx","className","_classNames","style","children","text","cn","hasTextSymbolSyle","left","right","noTextSymbolSyle","symbolSyle","_jsxs","_extends","onClick","onSymbolClick"],"mappings":";6MA6BaA,EAAoB,SAApBA,EAAqBC,GAChC,IAAMC,EAAMD,EAAMC,MAAQC,UAAY,EAAIF,EAAMC,IAChD,IAAME,EAASC,EAAQ,WACrB,GAAIJ,EAAMG,OAAQ,CAChB,OAAOH,EAAMG,MACf,CACA,GAAIH,EAAMK,aAAe,WAAY,CACnC,MAAO,GACT,CACA,OAAOH,SACR,EAAE,CAACF,EAAMK,WAAYL,EAAMG,SAE5B,IAAMG,EAAWN,EAAMM,UAAY,SAEnC,GAAIN,EAAMO,aAAc,CACtB,OACEC,EAAA,OAAA,CAAMC,UAAWC,EAAW,sBAAuBV,EAAMS,WAAYE,MAAOX,EAAMW,MAAMC,SACrFZ,EAAMa,MAGb,CAEA,IAAMC,EAAKJ,EAAW,sBAAuB,CAAE,eAAgBV,EAAMK,YAAcL,EAAMS,WAEzF,IAAMM,EAAoBT,IAAa,SAAW,CAAEU,MAAOf,GAAQ,CAAEgB,OAAQhB,GAC7E,IAAMiB,EAAmBZ,IAAa,SAAW,CAAEU,KAAM,GAAM,CAAEC,MAAO,GACxE,IAAME,EAAanB,EAAMa,KAAOE,EAAoBG,EACpD,OACEE,EAAA,OAAA,CAAMX,UAAWK,EAAIH,MAAOX,EAAMW,MAAMC,SAAA,CACrCT,EACCK,EAAA,OAAA,CACEC,UAAWC,EAAW,aAAY,cAAgBJ,GAClDK,MAAKU,EAAA,GACAN,EACAI,GAELG,QAAStB,EAAMuB,cAAcX,SAE5BT,IAED,KAEHH,EAAMa,OAGb"}

package/esm/time-ea73b2fb.js

@@ -0,0 +1,3 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+var r=function(r){r["YMDHms"]="YYYY-MM-DD HH:mm:ss";r["YMDHm"]="YYYY-MM-DD HH:mm";r["YMDH"]="YYYY-MM-DD HH";r["YMD"]="YYYY-MM-DD";return r}({});var i=function(r){r["Hms"]="HH:mm:ss";r["Hm"]="HH:mm";r["H"]="HH";r["ms"]="mm:ss";r["m"]="mm";r["s"]="ss";return r}({});var t=function r(i,t){var e=[];for(var n=i;n<=t;n++){e.push(n)}return e};var e=function i(e,n){var a,m;if(!n||!e)return[];var u=0;var f=23;if(((a=n.minDateTime)==null?void 0:a.format(r.YMD))===e.format(r.YMD)){u=n.minDateTime.get("hour")}if(((m=n.maxDateTime)==null?void 0:m.format(r.YMD))===e.format(r.YMD)){f=n.maxDateTime.get("hour")}var o=t(u,f);if(n.disabledHourList){o=o.filter(function(r){var i;return!((i=n.disabledHourList)!=null&&i.includes(r))})}return t(0,23).filter(function(r){return!o.includes(r)})};var n=function i(e,n){var a,m;if(!n||!e)return[];var u=0;var f=59;if(((a=n.minDateTime)==null?void 0:a.format(r.YMDH))===e.format(r.YMDH)){u=n.minDateTime.get("minute")}if(((m=n.maxDateTime)==null?void 0:m.format(r.YMDH))===e.format(r.YMDH)){f=n.maxDateTime.get("minute")}var o=t(u,f);if(n.disabledMinuteList){o=o.filter(function(r){var i;return!((i=n.disabledMinuteList)!=null&&i.includes(r))})}return t(0,59).filter(function(r){return!o.includes(r)})};var a=function i(e,n){var a,m;if(!n||!e)return[];var u=0;var f=59;if(((a=n.minDateTime)==null?void 0:a.format(r.YMDHm))===e.format(r.YMDHm)){u=n.minDateTime.get("second")}if(((m=n.maxDateTime)==null?void 0:m.format(r.YMDHm))===e.format(r.YMDHm)){f=n.maxDateTime.get("second")}var o=t(u,f);if(n.disabledSecondList){o=o.filter(function(r){var i;return!((i=n.disabledSecondList)!=null&&i.includes(r))})}return t(0,59).filter(function(r){return!o.includes(r)})};export{r as D,n as a,a as b,i as c,e as g};
+//# sourceMappingURL=time-ea73b2fb.js.map

package/esm/{time-53b3f55f.js.map → time-ea73b2fb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"time-53b3f55f.js","sources":["@flatbiz/antd/src/_utils/constants.ts","@flatbiz/antd/src/_utils/time.tsx"],"sourcesContent":["export enum DayjsDateTypeEnum {\n  YMDHms = 'YYYY-MM-DD HH:mm:ss',\n  YMDHm = 'YYYY-MM-DD HH:mm',\n  YMDH = 'YYYY-MM-DD HH',\n  YMD = 'YYYY-MM-DD',\n}\n\nexport enum DayjsTimeTypeEnum {\n  Hms = 'HH:mm:ss',\n  Hm = 'HH:mm',\n  H = 'HH',\n  ms = 'mm:ss',\n  m = 'mm',\n  s = 'ss',\n}\n\nexport type TDayjsDateType =\n  | 'YYYY-MM-DD HH:mm:ss'\n  | 'YYYY-MM-DD HH:mm'\n  | 'YYYY-MM-DD HH'\n  | 'YYYY-MM-DD'\n  | (string & {});\n\nexport type TDayjsTimeType = 'HH:mm:ss' | 'HH:mm' | 'HH' | 'mm:ss' | 'mm' | 'ss' | (string & {});\n","import { Dayjs } from 'dayjs';\nimport { DayjsDateTypeEnum } from './constants';\n\nconst range = (start: number, end: number) => {\n  const result: number[] = [];\n  for (let i = start; i <= end; i++) {\n    result.push(i);\n  }\n  return result;\n};\nexport const getDisabledHour = (\n  current?: Dayjs,\n  options?: {\n    minDateTime?: Dayjs;\n    maxDateTime?: Dayjs;\n    disabledHourList?: number[];\n  },\n) => {\n  if (!options || !current) return [];\n  let minTimeHour = 0;\n  let maxTimeHour = 23;\n\n  if (options.minDateTime?.format(DayjsDateTypeEnum.YMD) === current.format(DayjsDateTypeEnum.YMD)) {\n    minTimeHour = options.minDateTime.get('hour');\n  }\n  if (options.maxDateTime?.format(DayjsDateTypeEnum.YMD) === current.format(DayjsDateTypeEnum.YMD)) {\n    maxTimeHour = options.maxDateTime.get('hour');\n  }\n  let selectableMinute = range(minTimeHour, maxTimeHour);\n  if (options.disabledHourList) {\n    selectableMinute = selectableMinute.filter((item) => !options.disabledHourList?.includes(item));\n  }\n  return range(0, 23).filter((item) => !selectableMinute.includes(item));\n};\n\nexport const getDisabledMinute = (\n  current?: Dayjs,\n  options?: {\n    minDateTime?: Dayjs;\n    maxDateTime?: Dayjs;\n    disabledMinuteList?: number[];\n  },\n) => {\n  if (!options || !current) return [];\n  let minTimeMinute = 0;\n  let maxTimeMinute = 59;\n  if (options.minDateTime?.format(DayjsDateTypeEnum.YMDH) === current.format(DayjsDateTypeEnum.YMDH)) {\n    minTimeMinute = options.minDateTime.get('minute');\n  }\n  if (options.maxDateTime?.format(DayjsDateTypeEnum.YMDH) === current.format(DayjsDateTypeEnum.YMDH)) {\n    maxTimeMinute = options.maxDateTime.get('minute');\n  }\n  let selectableMinute = range(minTimeMinute, maxTimeMinute);\n  if (options.disabledMinuteList) {\n    selectableMinute = selectableMinute.filter((item) => !options.disabledMinuteList?.includes(item));\n  }\n  return range(0, 59).filter((item) => !selectableMinute.includes(item));\n};\n\nexport const getDisabledSecond = (\n  current?: Dayjs,\n  options?: {\n    minDateTime?: Dayjs;\n    maxDateTime?: Dayjs;\n    disabledSecondList?: number[];\n  },\n) => {\n  if (!options || !current) return [];\n  let minTimeSecond = 0;\n  let maxTimeSecond = 59;\n  if (options.minDateTime?.format(DayjsDateTypeEnum.YMDHm) === current.format(DayjsDateTypeEnum.YMDHm)) {\n    minTimeSecond = options.minDateTime.get('second');\n  }\n  if (options.maxDateTime?.format(DayjsDateTypeEnum.YMDHm) === current.format(DayjsDateTypeEnum.YMDHm)) {\n    maxTimeSecond = options.maxDateTime.get('second');\n  }\n  let selectableMinute = range(minTimeSecond, maxTimeSecond);\n  if (options.disabledSecondList) {\n    selectableMinute = selectableMinute.filter((item) => !options.disabledSecondList?.includes(item));\n  }\n  return range(0, 59).filter((item) => !selectableMinute.includes(item));\n};\n"],"names":["DayjsDateTypeEnum","DayjsTimeTypeEnum","range","start","end","result","i","push","getDisabledHour","current","options","_options$minDateTime","_options$maxDateTime","minTimeHour","maxTimeHour","minDateTime","format","YMD","get","maxDateTime","selectableMinute","disabledHourList","filter","item","_options$disabledHour","includes","getDisabledMinute","_options$minDateTime2","_options$maxDateTime2","minTimeMinute","maxTimeMinute","YMDH","disabledMinuteList","_options$disabledMinu","getDisabledSecond","_options$minDateTime3","_options$maxDateTime3","minTimeSecond","maxTimeSecond","YMDHm","disabledSecondList","_options$disabledSeco"],"mappings":";AAAYA,IAAAA,WAAAA,GAAAA,EAAiB,UAAA,sBAAjBA,EAAiB,SAAA,mBAAjBA,EAAiB,QAAA,gBAAjBA,EAAiB,OAAA,aAAA,OAAjBA,CAAiB,EAAA,IAOjBC,IAAAA,WAAAA,GAAAA,EAAiB,OAAA,WAAjBA,EAAiB,MAAA,QAAjBA,EAAiB,KAAA,KAAjBA,EAAiB,MAAA,QAAjBA,EAAiB,KAAA,KAAjBA,EAAiB,KAAA,KAAA,OAAjBA,CAAiB,EAAA,CAAA,GCJ7B,IAAMC,EAAQ,SAARA,EAASC,EAAeC,GAC5B,IAAMC,EAAmB,GACzB,IAAK,IAAIC,EAAIH,EAAOG,GAAKF,EAAKE,IAAK,CACjCD,EAAOE,KAAKD,EACd,CACA,OAAOD,CACT,EACO,IAAMG,EAAkB,SAAlBA,EACXC,EACAC,GAKG,IAAAC,EAAAC,EACH,IAAKF,IAAYD,EAAS,MAAO,GACjC,IAAII,EAAc,EAClB,IAAIC,EAAc,GAElB,KAAIH,EAAAD,EAAQK,cAARJ,UAAAA,EAAAA,EAAqBK,OAAOhB,EAAkBiB,QAASR,EAAQO,OAAOhB,EAAkBiB,KAAM,CAChGJ,EAAcH,EAAQK,YAAYG,IAAI,OACxC,CACA,KAAIN,EAAAF,EAAQS,cAARP,UAAAA,EAAAA,EAAqBI,OAAOhB,EAAkBiB,QAASR,EAAQO,OAAOhB,EAAkBiB,KAAM,CAChGH,EAAcJ,EAAQS,YAAYD,IAAI,OACxC,CACA,IAAIE,EAAmBlB,EAAMW,EAAaC,GAC1C,GAAIJ,EAAQW,iBAAkB,CAC5BD,EAAmBA,EAAiBE,QAAO,SAACC,GAAI,IAAAC,EAAA,SAAKA,EAACd,EAAQW,mBAARG,MAAAA,EAA0BC,SAASF,MAC3F,CACA,OAAOrB,EAAM,EAAG,IAAIoB,QAAO,SAACC,GAAI,OAAMH,EAAiBK,SAASF,KAClE,EAEO,IAAMG,EAAoB,SAApBA,EACXjB,EACAC,GAKG,IAAAiB,EAAAC,EACH,IAAKlB,IAAYD,EAAS,MAAO,GACjC,IAAIoB,EAAgB,EACpB,IAAIC,EAAgB,GACpB,KAAIH,EAAAjB,EAAQK,cAARY,UAAAA,EAAAA,EAAqBX,OAAOhB,EAAkB+B,SAAUtB,EAAQO,OAAOhB,EAAkB+B,MAAO,CAClGF,EAAgBnB,EAAQK,YAAYG,IAAI,SAC1C,CACA,KAAIU,EAAAlB,EAAQS,cAARS,UAAAA,EAAAA,EAAqBZ,OAAOhB,EAAkB+B,SAAUtB,EAAQO,OAAOhB,EAAkB+B,MAAO,CAClGD,EAAgBpB,EAAQS,YAAYD,IAAI,SAC1C,CACA,IAAIE,EAAmBlB,EAAM2B,EAAeC,GAC5C,GAAIpB,EAAQsB,mBAAoB,CAC9BZ,EAAmBA,EAAiBE,QAAO,SAACC,GAAI,IAAAU,EAAA,SAAKA,EAACvB,EAAQsB,qBAARC,MAAAA,EAA4BR,SAASF,MAC7F,CACA,OAAOrB,EAAM,EAAG,IAAIoB,QAAO,SAACC,GAAI,OAAMH,EAAiBK,SAASF,KAClE,EAEO,IAAMW,EAAoB,SAApBA,EACXzB,EACAC,GAKG,IAAAyB,EAAAC,EACH,IAAK1B,IAAYD,EAAS,MAAO,GACjC,IAAI4B,EAAgB,EACpB,IAAIC,EAAgB,GACpB,KAAIH,EAAAzB,EAAQK,cAARoB,UAAAA,EAAAA,EAAqBnB,OAAOhB,EAAkBuC,UAAW9B,EAAQO,OAAOhB,EAAkBuC,OAAQ,CACpGF,EAAgB3B,EAAQK,YAAYG,IAAI,SAC1C,CACA,KAAIkB,EAAA1B,EAAQS,cAARiB,UAAAA,EAAAA,EAAqBpB,OAAOhB,EAAkBuC,UAAW9B,EAAQO,OAAOhB,EAAkBuC,OAAQ,CACpGD,EAAgB5B,EAAQS,YAAYD,IAAI,SAC1C,CACA,IAAIE,EAAmBlB,EAAMmC,EAAeC,GAC5C,GAAI5B,EAAQ8B,mBAAoB,CAC9BpB,EAAmBA,EAAiBE,QAAO,SAACC,GAAI,IAAAkB,EAAA,SAAKA,EAAC/B,EAAQ8B,qBAARC,MAAAA,EAA4BhB,SAASF,MAC7F,CACA,OAAOrB,EAAM,EAAG,IAAIoB,QAAO,SAACC,GAAI,OAAMH,EAAiBK,SAASF,KAClE"}
+{"version":3,"file":"time-ea73b2fb.js","sources":["@flatbiz/antd/src/_utils/constants.ts","@flatbiz/antd/src/_utils/time.tsx"],"sourcesContent":["export enum DayjsDateTypeEnum {\n  YMDHms = 'YYYY-MM-DD HH:mm:ss',\n  YMDHm = 'YYYY-MM-DD HH:mm',\n  YMDH = 'YYYY-MM-DD HH',\n  YMD = 'YYYY-MM-DD',\n}\n\nexport enum DayjsTimeTypeEnum {\n  Hms = 'HH:mm:ss',\n  Hm = 'HH:mm',\n  H = 'HH',\n  ms = 'mm:ss',\n  m = 'mm',\n  s = 'ss',\n}\n\nexport type TDayjsDateType =\n  | 'YYYY-MM-DD HH:mm:ss'\n  | 'YYYY-MM-DD HH:mm'\n  | 'YYYY-MM-DD HH'\n  | 'YYYY-MM-DD'\n  | (string & {});\n\nexport type TDayjsTimeType = 'HH:mm:ss' | 'HH:mm' | 'HH' | 'mm:ss' | 'mm' | 'ss' | (string & {});\n","import { Dayjs } from 'dayjs';\nimport { DayjsDateTypeEnum } from './constants';\n\nconst range = (start: number, end: number) => {\n  const result: number[] = [];\n  for (let i = start; i <= end; i++) {\n    result.push(i);\n  }\n  return result;\n};\nexport const getDisabledHour = (\n  current?: Dayjs,\n  options?: {\n    minDateTime?: Dayjs;\n    maxDateTime?: Dayjs;\n    disabledHourList?: number[];\n  },\n) => {\n  if (!options || !current) return [];\n  let minTimeHour = 0;\n  let maxTimeHour = 23;\n\n  if (options.minDateTime?.format(DayjsDateTypeEnum.YMD) === current.format(DayjsDateTypeEnum.YMD)) {\n    minTimeHour = options.minDateTime.get('hour');\n  }\n  if (options.maxDateTime?.format(DayjsDateTypeEnum.YMD) === current.format(DayjsDateTypeEnum.YMD)) {\n    maxTimeHour = options.maxDateTime.get('hour');\n  }\n  let selectableMinute = range(minTimeHour, maxTimeHour);\n  if (options.disabledHourList) {\n    selectableMinute = selectableMinute.filter((item) => !options.disabledHourList?.includes(item));\n  }\n  return range(0, 23).filter((item) => !selectableMinute.includes(item));\n};\n\nexport const getDisabledMinute = (\n  current?: Dayjs,\n  options?: {\n    minDateTime?: Dayjs;\n    maxDateTime?: Dayjs;\n    disabledMinuteList?: number[];\n  },\n) => {\n  if (!options || !current) return [];\n  let minTimeMinute = 0;\n  let maxTimeMinute = 59;\n  if (options.minDateTime?.format(DayjsDateTypeEnum.YMDH) === current.format(DayjsDateTypeEnum.YMDH)) {\n    minTimeMinute = options.minDateTime.get('minute');\n  }\n  if (options.maxDateTime?.format(DayjsDateTypeEnum.YMDH) === current.format(DayjsDateTypeEnum.YMDH)) {\n    maxTimeMinute = options.maxDateTime.get('minute');\n  }\n  let selectableMinute = range(minTimeMinute, maxTimeMinute);\n  if (options.disabledMinuteList) {\n    selectableMinute = selectableMinute.filter((item) => !options.disabledMinuteList?.includes(item));\n  }\n  return range(0, 59).filter((item) => !selectableMinute.includes(item));\n};\n\nexport const getDisabledSecond = (\n  current?: Dayjs,\n  options?: {\n    minDateTime?: Dayjs;\n    maxDateTime?: Dayjs;\n    disabledSecondList?: number[];\n  },\n) => {\n  if (!options || !current) return [];\n  let minTimeSecond = 0;\n  let maxTimeSecond = 59;\n  if (options.minDateTime?.format(DayjsDateTypeEnum.YMDHm) === current.format(DayjsDateTypeEnum.YMDHm)) {\n    minTimeSecond = options.minDateTime.get('second');\n  }\n  if (options.maxDateTime?.format(DayjsDateTypeEnum.YMDHm) === current.format(DayjsDateTypeEnum.YMDHm)) {\n    maxTimeSecond = options.maxDateTime.get('second');\n  }\n  let selectableMinute = range(minTimeSecond, maxTimeSecond);\n  if (options.disabledSecondList) {\n    selectableMinute = selectableMinute.filter((item) => !options.disabledSecondList?.includes(item));\n  }\n  return range(0, 59).filter((item) => !selectableMinute.includes(item));\n};\n"],"names":["DayjsDateTypeEnum","DayjsTimeTypeEnum","range","start","end","result","i","push","getDisabledHour","current","options","_options$minDateTime","_options$maxDateTime","minTimeHour","maxTimeHour","minDateTime","format","YMD","get","maxDateTime","selectableMinute","disabledHourList","filter","item","_options$disabledHour","includes","getDisabledMinute","_options$minDateTime2","_options$maxDateTime2","minTimeMinute","maxTimeMinute","YMDH","disabledMinuteList","_options$disabledMinu","getDisabledSecond","_options$minDateTime3","_options$maxDateTime3","minTimeSecond","maxTimeSecond","YMDHm","disabledSecondList","_options$disabledSeco"],"mappings":";AAAYA,IAAAA,WAAAA,GAAAA,EAAiB,UAAA,sBAAjBA,EAAiB,SAAA,mBAAjBA,EAAiB,QAAA,gBAAjBA,EAAiB,OAAA,aAAA,OAAjBA,CAAiB,EAAA,IAOjBC,IAAAA,WAAAA,GAAAA,EAAiB,OAAA,WAAjBA,EAAiB,MAAA,QAAjBA,EAAiB,KAAA,KAAjBA,EAAiB,MAAA,QAAjBA,EAAiB,KAAA,KAAjBA,EAAiB,KAAA,KAAA,OAAjBA,CAAiB,EAAA,CAAA,GCJ7B,IAAMC,EAAQ,SAARA,EAASC,EAAeC,GAC5B,IAAMC,EAAmB,GACzB,IAAK,IAAIC,EAAIH,EAAOG,GAAKF,EAAKE,IAAK,CACjCD,EAAOE,KAAKD,EACd,CACA,OAAOD,CACT,EACO,IAAMG,EAAkB,SAAlBA,EACXC,EACAC,GAKG,IAAAC,EAAAC,EACH,IAAKF,IAAYD,EAAS,MAAO,GACjC,IAAII,EAAc,EAClB,IAAIC,EAAc,GAElB,KAAIH,EAAAD,EAAQK,cAARJ,UAAAA,EAAAA,EAAqBK,OAAOhB,EAAkBiB,QAASR,EAAQO,OAAOhB,EAAkBiB,KAAM,CAChGJ,EAAcH,EAAQK,YAAYG,IAAI,OACxC,CACA,KAAIN,EAAAF,EAAQS,cAARP,UAAAA,EAAAA,EAAqBI,OAAOhB,EAAkBiB,QAASR,EAAQO,OAAOhB,EAAkBiB,KAAM,CAChGH,EAAcJ,EAAQS,YAAYD,IAAI,OACxC,CACA,IAAIE,EAAmBlB,EAAMW,EAAaC,GAC1C,GAAIJ,EAAQW,iBAAkB,CAC5BD,EAAmBA,EAAiBE,OAAO,SAACC,GAAI,IAAAC,EAAA,SAAKA,EAACd,EAAQW,mBAARG,MAAAA,EAA0BC,SAASF,KAC3F,CACA,OAAOrB,EAAM,EAAG,IAAIoB,OAAO,SAACC,GAAI,OAAMH,EAAiBK,SAASF,IAClE,EAEO,IAAMG,EAAoB,SAApBA,EACXjB,EACAC,GAKG,IAAAiB,EAAAC,EACH,IAAKlB,IAAYD,EAAS,MAAO,GACjC,IAAIoB,EAAgB,EACpB,IAAIC,EAAgB,GACpB,KAAIH,EAAAjB,EAAQK,cAARY,UAAAA,EAAAA,EAAqBX,OAAOhB,EAAkB+B,SAAUtB,EAAQO,OAAOhB,EAAkB+B,MAAO,CAClGF,EAAgBnB,EAAQK,YAAYG,IAAI,SAC1C,CACA,KAAIU,EAAAlB,EAAQS,cAARS,UAAAA,EAAAA,EAAqBZ,OAAOhB,EAAkB+B,SAAUtB,EAAQO,OAAOhB,EAAkB+B,MAAO,CAClGD,EAAgBpB,EAAQS,YAAYD,IAAI,SAC1C,CACA,IAAIE,EAAmBlB,EAAM2B,EAAeC,GAC5C,GAAIpB,EAAQsB,mBAAoB,CAC9BZ,EAAmBA,EAAiBE,OAAO,SAACC,GAAI,IAAAU,EAAA,SAAKA,EAACvB,EAAQsB,qBAARC,MAAAA,EAA4BR,SAASF,KAC7F,CACA,OAAOrB,EAAM,EAAG,IAAIoB,OAAO,SAACC,GAAI,OAAMH,EAAiBK,SAASF,IAClE,EAEO,IAAMW,EAAoB,SAApBA,EACXzB,EACAC,GAKG,IAAAyB,EAAAC,EACH,IAAK1B,IAAYD,EAAS,MAAO,GACjC,IAAI4B,EAAgB,EACpB,IAAIC,EAAgB,GACpB,KAAIH,EAAAzB,EAAQK,cAARoB,UAAAA,EAAAA,EAAqBnB,OAAOhB,EAAkBuC,UAAW9B,EAAQO,OAAOhB,EAAkBuC,OAAQ,CACpGF,EAAgB3B,EAAQK,YAAYG,IAAI,SAC1C,CACA,KAAIkB,EAAA1B,EAAQS,cAARiB,UAAAA,EAAAA,EAAqBpB,OAAOhB,EAAkBuC,UAAW9B,EAAQO,OAAOhB,EAAkBuC,OAAQ,CACpGD,EAAgB5B,EAAQS,YAAYD,IAAI,SAC1C,CACA,IAAIE,EAAmBlB,EAAMmC,EAAeC,GAC5C,GAAI5B,EAAQ8B,mBAAoB,CAC9BpB,EAAmBA,EAAiBE,OAAO,SAACC,GAAI,IAAAkB,EAAA,SAAKA,EAAC/B,EAAQ8B,qBAARC,MAAAA,EAA4BhB,SAASF,KAC7F,CACA,OAAOrB,EAAM,EAAG,IAAIoB,OAAO,SAACC,GAAI,OAAMH,EAAiBK,SAASF,IAClE"}

package/esm/time-picker-wrapper/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable */
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as i}from"@wove/react/cjs/hooks";import{TimePicker as a}from"antd";import n from"dayjs";import t from"dayjs/plugin/isSameOrAfter";import o from"dayjs/plugin/isSameOrBefore";import{useMemo as s}from"react";import{c as d,D as m,g as u,a as f,b as l}from"../time-53b3f55f.js";import{jsx as c}from"react/jsx-runtime";var v=["onChange","disabledTimeConfig","format"];n.extend(o);n.extend(t);var b=function t(o){var b=o.onChange,p=o.disabledTimeConfig,g=o.format,j=e(o,v);var S=p||{},T=S.minTime,x=S.maxTime,C=S.disabledHourList,L=S.disabledMinuteList,h=S.disabledSecondList;var H=g||d.Hms;var D=i.useCallbackRef((function(e,r){if(e){b==null||b(r)}else{b==null||b(undefined)}}));var M=s((function(){var e=o.value;if(e){return n(e,H)}return undefined}),[H,o.value]);var O=function e(){var r=n().format(m.YMD);var i={minDateTime:T?n(r+" "+T):undefined,maxDateTime:x?n(r+" "+x):undefined,disabledHourList:C,disabledMinuteList:L,disabledSecondList:h};return{disabledHours:function e(){return u(n(),i)},disabledMinutes:function e(a){return f(n(r+" "+a),i)},disabledSeconds:function e(a,t){return l(n(r+" "+a+":"+t),i)}}};var w=s((function(){var e=n();return e.isSameOrAfter(n(T||"00:00:00",H))&&e.isSameOrBefore(n(x||"23:59:59",H))}),[H,x,T]);return c(a,r({showNow:w,disabledTime:O},j,{value:M,onChange:D,format:H}))};export{b as TimePickerWrapper};
+import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as i}from"@wove/react/cjs/hooks";import{TimePicker as a}from"antd";import n from"dayjs";import t from"dayjs/plugin/isSameOrAfter";import o from"dayjs/plugin/isSameOrBefore";import{useMemo as s}from"react";import{c as d,D as m,g as u,a as f,b as l}from"../time-ea73b2fb.js";import{jsx as c}from"react/jsx-runtime";var v=["onChange","disabledTimeConfig","format"];n.extend(o);n.extend(t);var b=function t(o){var b=o.onChange,p=o.disabledTimeConfig,g=o.format,j=e(o,v);var S=p||{},T=S.minTime,x=S.maxTime,C=S.disabledHourList,L=S.disabledMinuteList,h=S.disabledSecondList;var H=g||d.Hms;var D=i.useCallbackRef(function(e,r){if(e){b==null||b(r)}else{b==null||b(undefined)}});var M=s(function(){var e=o.value;if(e){return n(e,H)}return undefined},[H,o.value]);var O=function e(){var r=n().format(m.YMD);var i={minDateTime:T?n(r+" "+T):undefined,maxDateTime:x?n(r+" "+x):undefined,disabledHourList:C,disabledMinuteList:L,disabledSecondList:h};return{disabledHours:function e(){return u(n(),i)},disabledMinutes:function e(a){return f(n(r+" "+a),i)},disabledSeconds:function e(a,t){return l(n(r+" "+a+":"+t),i)}}};var w=s(function(){var e=n();return e.isSameOrAfter(n(T||"00:00:00",H))&&e.isSameOrBefore(n(x||"23:59:59",H))},[H,x,T]);return c(a,r({showNow:w,disabledTime:O},j,{value:M,onChange:D,format:H}))};export{b as TimePickerWrapper};
 //# sourceMappingURL=index.js.map