@flatbiz/antd 4.2.105 → 4.2.106

package/esm/label-value-layout/index.css

@@ -1 +1 @@
-.v-label-value-layout .ant-descriptions-item-label{color:rgba(0,0,0,.45);flex-shrink:0;width:var(--v-label-value-layout-Width)}.v-label-value-layout .ant-descriptions-item{padding-bottom:8px}.v-label-value-layout .ant-descriptions-item-content{color:rgba(0,0,0,.85);font-weight:400}.v-label-value-layout.ant-descriptions-bordered .ant-descriptions-item-content,.v-label-value-layout.ant-descriptions-bordered .ant-descriptions-item-label{padding:8px 10px}.v-label-value-layout-border{border:1px solid #dedede;border-radius:5px;margin-top:20px;padding:10px 10px 2px}.v-label-value-layout:not(.ant-descriptions-bordered) .ant-descriptions-item-label{display:inline-block;text-align:left}.lvl-bordered-padding.ant-descriptions-bordered .ant-descriptions-item-content,.lvl-bordered-padding.ant-descriptions-bordered .ant-descriptions-item-label{padding:var(--v-label-value-layout-row-padding)!important}
+.v-label-value-layout .ant-descriptions-item-label{color:rgba(0,0,0,.45);flex-shrink:0;width:var(--v-label-value-layout-Width)}.v-label-value-layout .ant-descriptions-item{padding-bottom:8px}.v-label-value-layout .ant-descriptions-item-content{color:rgba(0,0,0,.85);font-weight:400;overflow:hidden}.v-label-value-layout.ant-descriptions-bordered .ant-descriptions-item-content,.v-label-value-layout.ant-descriptions-bordered .ant-descriptions-item-label{padding:8px 10px}.v-label-value-layout-border{border:1px solid #dedede;border-radius:5px;margin-top:20px;padding:10px 10px 2px}.v-label-value-layout:not(.ant-descriptions-bordered) .ant-descriptions-item-label{display:inline-block;text-align:left}.lvl-bordered-padding.ant-descriptions-bordered .ant-descriptions-item-content,.lvl-bordered-padding.ant-descriptions-bordered .ant-descriptions-item-label{padding:var(--v-label-value-layout-row-padding)!important}

package/esm/text-overflow/index.css

@@ -1 +1 @@
-.text-overflow,.tow-content{overflow:hidden;width:100%}.tow-content{display:block;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tow-hidden{display:inline-block;height:0;left:0;overflow:hidden;position:absolute;top:0;width:0}.tow-hidden span{display:inline-block;white-space:nowrap}.tow-trigger .tow-text{color:#1677ff;cursor:pointer;transition:color .3s}.tow-trigger .tow-text:hover{color:#69b1ff}
+.text-overflow,.tow-content{overflow:hidden;width:100%}.tow-content{display:inline-block;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tow-hidden{display:inline-block;height:0;left:0;overflow:hidden;position:absolute;top:0;width:0}.tow-hidden span{white-space:nowrap}.tow-hidden span,.tow-inner-text{display:inline-block}.tow-trigger .tow-content,.tow-trigger .tow-cut-content{color:#1677ff;transition:color .3s}.tow-trigger .tow-show-text{cursor:pointer}.tow-trigger .tow-show-text:hover{color:#69b1ff}

package/esm/text-overflow/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as t}from"@dimjs/utils/cjs/class-names";import{getStrByteLen as r,subStringByBytes as i}from"@flatbiz/utils";import{useSize as e}from"ahooks";import{Tooltip as n}from"antd";import{useRef as a,useState as o,useMemo as s}from"react";import{fbaHooks as m}from"../fba-hooks/index.js";import{jsx as f,jsxs as d}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";var l=function l(u){var c=a();var h=o(0),x=h[0],p=h[1];var v=o(0),W=v[0],j=v[1];var w=e(c);var g=(w==null?void 0:w.width)||0;var k=s((function(){if(!u.maxLength)return false;return r(u.text)>u.maxLength*2}),[u.maxLength,u.text]);var N=s((function(){if(u.maxWidth)return true;return k}),[k,u.maxWidth]);var C=m.useMemoCustom((function(){if(u.hideTips)return false;if(N){if(W>=g){return true}return x>=W}return x>=g}),[x,g,W]);var L=function t(r){if(k){if(u.maxWidth){j(u.maxWidth>r?r:u.maxWidth);return}}if(u.maxWidth){j(u.maxWidth);return}j(r)};var b=k?i(u.text,u.maxLength*2):u.text;var y=W>g?g:W;return f("div",{ref:function t(r){if(r){c.current=r}},className:t("text-overflow",{"tow-trigger":u.onClick}),children:f(n,{title:C?u.text:undefined,children:d("span",{style:{width:N?y:undefined},className:"tow-content",children:[k?f("span",{className:"tow-hidden",children:f("span",{ref:function t(r){if(r){L(r.offsetWidth)}},children:b})}):null,f("span",{className:"tow-hidden",children:f("span",{ref:function t(r){if(r){p(r.offsetWidth);if(!k&&u.maxWidth){j(u.maxWidth)}}},children:b})}),f("span",{className:"tow-text",onClick:u.onClick,children:u.text})]})})})};export{l as TextOverflow};
+import{_ as t}from"../_rollupPluginBabelHelpers-a0769acd.js";import{useRef as e,Fragment as r,useMemo as n,memo as i}from"react";import{classNames as a}from"@dimjs/utils/cjs/class-names";import{useSize as o}from"ahooks";import{Tooltip as l}from"antd";import{fbaHooks as c}from"../fba-hooks/index.js";import{jsx as s,jsxs as u}from"react/jsx-runtime";import{getStrByteLen as d,subStringByBytes as m}from"@flatbiz/utils";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";var h=function t(n){var i=e(null);var d=o(i);var m=(d==null?void 0:d.width)||0;var h=c.useMemoCustom((function(){if(i.current){var t;var e=((t=i.current.querySelector(".tow-inner-text"))==null?void 0:t.clientWidth)||0;return e}return 0}),[i.current]);var v=h>m;return s(r,{children:u("div",{className:a("text-overflow",{"tow-trigger":n.onClick}),ref:i,children:[s("span",{className:"tow-hidden",children:s("span",{className:"tow-inner-text",children:n.text})}),s(l,{title:v?n.text:undefined,children:s("span",{className:"tow-content",children:s("span",{className:"tow-show-text",onClick:n.onClick,children:n.text})})})]})})};var v=function t(n){var i=e(null);var h=o(i);var v=n.maxLength;var f=(h==null?void 0:h.width)||0;var x=c.useMemoCustom((function(){return d(n.text)>v*2}),[v,n.text]);var w=c.useMemoCustom((function(){if(i.current){var t;var e=((t=i.current.querySelector(".tow-inner-text"))==null?void 0:t.clientWidth)||0;return e}return 0}),[i.current]);var p=x&&w<f;var N=f<w+1||x;return s(r,{children:u("div",{className:a("text-overflow",{"tow-trigger":n.onClick}),ref:i,children:[s("span",{className:"tow-hidden",children:s("span",{className:"tow-inner-text",children:m(n.text,n.maxLength*2)})}),s(l,{title:N?n.text:undefined,children:p?s("span",{className:"tow-cut-content",children:u("span",{className:"tow-show-text",onClick:n.onClick,children:[m(n.text,n.maxLength*2),"..."]})}):s("span",{className:"tow-content",children:s("span",{className:"tow-show-text",onClick:n.onClick,children:n.text})})})]})})};var f=function t(i){var d=e(null);var m=o(d);var h=(m==null?void 0:m.width)||0;var v=i.maxWidth||0;var f=c.useMemoCustom((function(){if(d.current){var t;var e=((t=d.current.querySelector(".tow-inner-text"))==null?void 0:t.clientWidth)||0;return e}return 0}),[d.current]);var x=n((function(){if(f<v)return undefined;var t=f>v?v:f;if(h>t){return t}return undefined}),[f,v,h]);var w=x||f>h;return s(r,{children:u("div",{className:a("text-overflow",{"tow-trigger":i.onClick}),ref:d,children:[s("span",{className:"tow-hidden",children:s("span",{className:"tow-inner-text",children:i.text})}),s(l,{title:w?i.text:undefined,children:s("span",{className:"tow-content",style:{width:x},children:s("span",{className:"tow-show-text",onClick:i.onClick,children:i.text})})})]})})};var x=function e(r){if(r.maxLength){return s(v,t({},r))}if(r.maxWidth){return s(f,t({},r))}return s(h,t({},r))};var w=i(x,(function(t,e){if(t.text!==e.text||t.maxLength!==e.maxLength||t.maxWidth!==t.maxWidth){return false}return true}));export{w 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/text-overflow.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { getStrByteLen, subStringByBytes } from '@flatbiz/utils';\nimport { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { useMemo, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type TextOverflowProps = {\n  text: string;\n  /** 最大显示宽度 */\n  maxWidth?: number;\n  /** 最大显示字数 */\n  maxLength?: number;\n  /** 隐藏tips */\n  hideTips?: boolean;\n  onClick?: (e) => void;\n};\n\n/**\n * 内容溢出截取，并在尾部添加...，被截取的添加Tooltip显示完整数据\n * ```\n * 控制文本显示三种方式\n * 1. 通过 maxLength 控制超长\n * 2. 通过 maxWidth 控制超长\n * 3. 与父节点宽度比较，控制超长\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功能失效\n * ```\n */\nexport const TextOverflow = (props: TextOverflowProps) => {\n  const rootRef = useRef<HTMLSpanElement>();\n  const [textNodeWidth, setTextNodeWidth] = useState(0);\n  /**\n   * 内部宽度（设置maxWidth或者maxLength后，会设置内部宽度）\n   */\n  const [innerWidth, setInnerWidth] = useState(0);\n  const size = useSize(rootRef);\n  const parentNodeWidth = size?.width || 0;\n\n  const hasMaxLengthOperate = useMemo(() => {\n    if (!props.maxLength) return false;\n    return getStrByteLen(props.text) > props.maxLength * 2;\n  }, [props.maxLength, props.text]);\n\n  const innerWidthOperate = useMemo(() => {\n    if (props.maxWidth) return true;\n    return hasMaxLengthOperate;\n  }, [hasMaxLengthOperate, props.maxWidth]);\n\n  const showTips = fbaHooks.useMemoCustom(() => {\n    if (props.hideTips) return false;\n    if (innerWidthOperate) {\n      if (innerWidth >= parentNodeWidth) {\n        return true;\n      }\n      return textNodeWidth >= innerWidth;\n    }\n\n    return textNodeWidth >= parentNodeWidth;\n  }, [textNodeWidth, parentNodeWidth, innerWidth]);\n\n  const onUpdateInnerWidth = (nodeWidth: number) => {\n    if (hasMaxLengthOperate) {\n      if (props.maxWidth) {\n        setInnerWidth(props.maxWidth > nodeWidth ? nodeWidth : props.maxWidth);\n        return;\n      }\n    }\n    if (props.maxWidth) {\n      setInnerWidth(props.maxWidth);\n      return;\n    }\n    setInnerWidth(nodeWidth);\n  };\n\n  const innerText = hasMaxLengthOperate\n    ? subStringByBytes(props.text, (props.maxLength as number) * 2)\n    : props.text;\n\n  const innerWidthBast = innerWidth > parentNodeWidth ? parentNodeWidth : innerWidth;\n\n  return (\n    <div\n      ref={(node) => {\n        if (node) {\n          rootRef.current = node;\n        }\n      }}\n      className={classNames('text-overflow', {\n        'tow-trigger': props.onClick,\n      })}\n    >\n      <Tooltip title={showTips ? props.text : undefined}>\n        <span style={{ width: innerWidthOperate ? innerWidthBast : undefined }} className=\"tow-content\">\n          {hasMaxLengthOperate ? (\n            <span className=\"tow-hidden\">\n              <span\n                ref={(node) => {\n                  if (node) {\n                    onUpdateInnerWidth(node.offsetWidth);\n                  }\n                }}\n              >\n                {innerText}\n              </span>\n            </span>\n          ) : null}\n          <span className=\"tow-hidden\">\n            <span\n              ref={(node) => {\n                if (node) {\n                  setTextNodeWidth(node.offsetWidth);\n                  if (!hasMaxLengthOperate && props.maxWidth) {\n                    setInnerWidth(props.maxWidth);\n                  }\n                }\n              }}\n            >\n              {innerText}\n            </span>\n          </span>\n          <span className=\"tow-text\" onClick={props.onClick}>\n            {props.text}\n          </span>\n        </span>\n      </Tooltip>\n    </div>\n  );\n};\n"],"names":["TextOverflow","props","rootRef","useRef","_useState","useState","textNodeWidth","setTextNodeWidth","_useState2","innerWidth","setInnerWidth","size","useSize","parentNodeWidth","width","hasMaxLengthOperate","useMemo","maxLength","getStrByteLen","text","innerWidthOperate","maxWidth","showTips","fbaHooks","useMemoCustom","hideTips","onUpdateInnerWidth","nodeWidth","innerText","subStringByBytes","innerWidthBast","_jsx","ref","node","current","className","_classNames","onClick","children","Tooltip","title","undefined","_jsxs","style","offsetWidth"],"mappings":";4fAyCaA,EAAe,SAAfA,EAAgBC,GAC3B,IAAMC,EAAUC,IAChB,IAAAC,EAA0CC,EAAS,GAA5CC,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAItC,IAAAI,EAAoCH,EAAS,GAAtCI,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAChC,IAAMG,EAAOC,EAAQV,GACrB,IAAMW,GAAkBF,eAAAA,EAAMG,QAAS,EAEvC,IAAMC,EAAsBC,GAAQ,WAClC,IAAKf,EAAMgB,UAAW,OAAO,MAC7B,OAAOC,EAAcjB,EAAMkB,MAAQlB,EAAMgB,UAAY,CACtD,GAAE,CAAChB,EAAMgB,UAAWhB,EAAMkB,OAE3B,IAAMC,EAAoBJ,GAAQ,WAChC,GAAIf,EAAMoB,SAAU,OAAO,KAC3B,OAAON,CACR,GAAE,CAACA,EAAqBd,EAAMoB,WAE/B,IAAMC,EAAWC,EAASC,eAAc,WACtC,GAAIvB,EAAMwB,SAAU,OAAO,MAC3B,GAAIL,EAAmB,CACrB,GAAIX,GAAcI,EAAiB,CACjC,OAAO,IACT,CACA,OAAOP,GAAiBG,CAC1B,CAEA,OAAOH,GAAiBO,CACzB,GAAE,CAACP,EAAeO,EAAiBJ,IAEpC,IAAMiB,EAAqB,SAArBA,EAAsBC,GAC1B,GAAIZ,EAAqB,CACvB,GAAId,EAAMoB,SAAU,CAClBX,EAAcT,EAAMoB,SAAWM,EAAYA,EAAY1B,EAAMoB,UAC7D,MACF,CACF,CACA,GAAIpB,EAAMoB,SAAU,CAClBX,EAAcT,EAAMoB,UACpB,MACF,CACAX,EAAciB,IAGhB,IAAMC,EAAYb,EACdc,EAAiB5B,EAAMkB,KAAOlB,EAAMgB,UAAuB,GAC3DhB,EAAMkB,KAEV,IAAMW,EAAiBrB,EAAaI,EAAkBA,EAAkBJ,EAExE,OACEsB,EAAA,MAAA,CACEC,IAAK,SAAAA,EAACC,GACJ,GAAIA,EAAM,CACR/B,EAAQgC,QAAUD,CACpB,CACA,EACFE,UAAWC,EAAW,gBAAiB,CACrC,cAAenC,EAAMoC,UACpBC,SAEHP,EAACQ,EAAO,CAACC,MAAOlB,EAAWrB,EAAMkB,KAAOsB,UAAUH,SAChDI,EAAA,OAAA,CAAMC,MAAO,CAAE7B,MAAOM,EAAoBU,EAAiBW,WAAaN,UAAU,cAAaG,SAAA,CAC5FvB,EACCgB,EAAA,OAAA,CAAMI,UAAU,aAAYG,SAC1BP,EAAA,OAAA,CACEC,IAAK,SAAAA,EAACC,GACJ,GAAIA,EAAM,CACRP,EAAmBO,EAAKW,YAC1B,CACA,EAAAN,SAEDV,MAGH,KACJG,EAAA,OAAA,CAAMI,UAAU,aAAYG,SAC1BP,EAAA,OAAA,CACEC,IAAK,SAAAA,EAACC,GACJ,GAAIA,EAAM,CACR1B,EAAiB0B,EAAKW,aACtB,IAAK7B,GAAuBd,EAAMoB,SAAU,CAC1CX,EAAcT,EAAMoB,SACtB,CACF,CACA,EAAAiB,SAEDV,MAGLG,EAAA,OAAA,CAAMI,UAAU,WAAWE,QAASpC,EAAMoC,QAAQC,SAC/CrC,EAAMkB,aAMnB"}
+{"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 { Fragment, 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\n  // 文本宽度\n  const textWidth = fbaHooks.useMemoCustom(() => {\n    if (rootRef.current) {\n      // 裁切后元素宽度\n      const textWidth = rootRef.current.querySelector('.tow-inner-text')?.clientWidth || 0;\n      return textWidth;\n    }\n    return 0;\n  }, [rootRef.current]);\n\n  const showTips = textWidth > parentNodeWidth;\n\n  return (\n    <Fragment>\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\">{props.text}</span>\n        </span>\n\n        <Tooltip title={showTips ? 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    </Fragment>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { getStrByteLen, subStringByBytes } from '@flatbiz/utils';\nimport { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { Fragment, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\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\n  const needCut = fbaHooks.useMemoCustom(() => {\n    return getStrByteLen(props.text) > maxLength * 2;\n  }, [maxLength, props.text]);\n\n  // 裁切后文本宽度\n  const cutedTextWidth = fbaHooks.useMemoCustom(() => {\n    if (rootRef.current) {\n      // 裁切后元素宽度\n      const cutContentWidth = rootRef.current.querySelector('.tow-inner-text')?.clientWidth || 0;\n\n      return cutContentWidth;\n    }\n    return 0;\n  }, [rootRef.current]);\n\n  const showCustomEllipsis = needCut && cutedTextWidth < parentNodeWidth;\n\n  const showTips = parentNodeWidth < cutedTextWidth + 1 || needCut;\n\n  return (\n    <Fragment>\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\">\n            {subStringByBytes(props.text, (props.maxLength as number) * 2)}\n          </span>\n        </span>\n\n        <Tooltip title={showTips ? props.text : undefined}>\n          {showCustomEllipsis ? (\n            <span className=\"tow-cut-content\">\n              <span className=\"tow-show-text\" onClick={props.onClick}>\n                {subStringByBytes(props.text, (props.maxLength as number) * 2)}\n                ...\n              </span>\n            </span>\n          ) : (\n            <span className=\"tow-content\">\n              <span className=\"tow-show-text\" onClick={props.onClick}>\n                {props.text}\n              </span>\n            </span>\n          )}\n        </Tooltip>\n      </div>\n    </Fragment>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { useSize } from 'ahooks';\nimport { Tooltip } from 'antd';\nimport { Fragment, useMemo, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { TextOverflowProps } from './types';\n\nexport const OverflowWidth = (props: Omit<TextOverflowProps, 'maxLength'>) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const size = useSize(rootRef);\n  const parentNodeWidth = size?.width || 0;\n  const maxWidth = props.maxWidth || 0;\n\n  // 文本宽度\n  const textWidth = fbaHooks.useMemoCustom(() => {\n    if (rootRef.current) {\n      // 裁切后元素宽度\n      const textWidth = rootRef.current.querySelector('.tow-inner-text')?.clientWidth || 0;\n      return textWidth;\n    }\n    return 0;\n  }, [rootRef.current]);\n\n  const showTextWidth = useMemo(() => {\n    if (textWidth < maxWidth) return undefined;\n    const textWidthBast = textWidth > maxWidth ? maxWidth : textWidth;\n    if (parentNodeWidth > textWidthBast) {\n      return textWidthBast;\n    }\n    return undefined;\n  }, [textWidth, maxWidth, parentNodeWidth]);\n  const showTips = showTextWidth || textWidth > parentNodeWidth;\n\n  return (\n    <Fragment>\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\">{props.text}</span>\n        </span>\n\n        <Tooltip title={showTips ? props.text : undefined}>\n          <span className=\"tow-content\" style={{ width: showTextWidth }}>\n            <span className=\"tow-show-text\" onClick={props.onClick}>\n              {props.text}\n            </span>\n          </span>\n        </Tooltip>\n      </div>\n    </Fragment>\n  );\n};\n","import { 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) {\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","textWidth","fbaHooks","useMemoCustom","current","_rootRef$current$quer","querySelector","clientWidth","showTips","_jsx","Fragment","children","_jsxs","className","_classNames","onClick","ref","text","Tooltip","title","undefined","OverflowLength","maxLength","needCut","getStrByteLen","cutedTextWidth","cutContentWidth","showCustomEllipsis","subStringByBytes","OverflowWidth","maxWidth","showTextWidth","useMemo","textWidthBast","style","InnerTextOverflow","_extends","TextOverflow","memo","pre","next"],"mappings":"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"}

package/index.d.ts

@@ -3613,8 +3613,6 @@ export type TextOverflowProps = {
 	maxWidth?: number;
 	/** 最大显示字数 */
 	maxLength?: number;
-	/** 隐藏tips */
-	hideTips?: boolean;
 	onClick?: (e: any) => void;
 };
 /**
@@ -3624,22 +3622,23 @@ export type TextOverflowProps = {
  * 1. 通过 maxLength 控制超长
  * 2. 通过 maxWidth 控制超长
  * 3. 与父节点宽度比较，控制超长
+ * 4. 优先级  maxLength > maxWidth
  *
  * 注意：
  * 1. 当前节点父节点需要添加 overflow-x: hidden;
  * 2. 如果父节点设置flex-shrink会有影响，可复写flex-shrink: initial;
  * 3. 与 Table columns render结合使用，需要配置ellipsis=true
  *    例如：<Table columns={[{
-			   ...
-			   render: (value) => {
-				 return <TextOverflow text={value} />;
-			   },
-			   ellipsis: true,
-			 }]} />
-	4. 与 Table columns render结合使用，如果Table配置了 scroll={{ x: 'max-content' }}后，TextOverflow功能失效
+			 ...
+			 render: (value) => {
+			   return <TextOverflow text={value} />;
+			 },
+			 ellipsis: true,
+		   }]} />
+	4. 与 Table columns render结合使用，如果Table配置了 scroll={{ x: 'max-content' }}后，不能与TextOverflow maxWidth结合使用
  * ```
  */
-export declare const TextOverflow: (props: TextOverflowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextOverflow: import("react").MemoExoticComponent<(props: TextOverflowProps) => import("react/jsx-runtime").JSX.Element>;
 export type TextOverflowRenderProps = {
 	/** width 宽度控制超长 */
 	width?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "4.2.105",
+  "version": "4.2.106",
   "description": "flat-biz ui components",
   "main": "index.js",
   "typings": "index.d.ts",