@flatbiz/antd 4.5.47 → 4.5.49

package/esm/simple-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/simple-layout/simple-layout.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport { Space } from 'antd';\nimport { CSSProperties, Fragment, ReactElement, ReactNode } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type SimpleLayoutProps = {\n  className?: string;\n  style?: CSSProperties;\n  title?: string | ReactElement;\n  desc?: string | ReactElement | string[] | ReactElement[];\n  /**\n   * @deprecated 已过期，请使用form className 属性 preDefinedClassName.form.xxx\n   */\n  formLabelAlign?: 'left' | 'right';\n  /**\n   * layoutType 布局类型\n   * ```\n   * 1. layer：分层布局\n   * 2. tight：紧凑布局（没有外边距）\n   * ```\n   */\n  layoutType?: 'layer' | 'tight';\n  titleLeftLine?: boolean;\n  titleStyle?: CSSProperties;\n  contentStyle?: CSSProperties;\n  /** 优先级大于 style padding */\n  padding?: CSSProperties['padding'];\n  /** 优先级大于 style width */\n  width?: CSSProperties['width'];\n  children?: ReactNode | ReactNode[];\n  titleExtra?: string | ReactElement;\n  hidden?: boolean;\n  titleFixed?: boolean;\n  /**\n   * 间距尺寸\n   * 1. default = 15\n   * 2. small = 8\n   */\n  size?: 'default' | 'small';\n  onClick?: (event) => void;\n};\n\n/**\n * 简单布局\n * @deprecated 已过期，使用 CardLayout 组件替代\n * ```\n * 1. layoutType 布局类型\n *    layer：分层布局\n *    tight：紧凑布局（没有外边距）\n * ```\n */\nexport const SimpleLayout = (props: SimpleLayoutProps) => {\n  const labelAlign = props.formLabelAlign || 'right';\n  const className = classNames(\n    'simple-layout',\n    {\n      'simple-layout-tight': props.layoutType === 'tight',\n      'simple-layout-formlabel-left': labelAlign === 'left',\n      'simple-layout-title-fixed': props.titleFixed,\n      'simple-layout-small': props.size === 'small',\n    },\n    props.className,\n  );\n\n  const theme = fbaHooks.useThemeToken();\n  const style = extend({ '--simple-layout-colorPrimary': theme.colorPrimary }, props.style, {\n    padding: props.padding,\n    width: props.width,\n  });\n\n  if (props.hidden) return <Fragment />;\n\n  return (\n    <div className={className} style={style} onClick={props.onClick}>\n      {props.title && props.titleExtra ? (\n        <div\n          className={classNames({ 'simple-layout-title-sign': props.titleLeftLine })}\n          style={props.titleStyle}\n        >\n          <Space className=\"simple-layout-title-extra-space\">\n            <div className=\"simple-layout-title\">{props.title}</div>\n            <div className=\"simple-layout-title-extra\">{props.titleExtra}</div>\n          </Space>\n        </div>\n      ) : null}\n      {props.title && !props.titleExtra ? (\n        <div\n          className={classNames('simple-layout-title', {\n            'simple-layout-title-sign': props.titleLeftLine,\n          })}\n          style={props.titleStyle}\n        >\n          {props.title}\n        </div>\n      ) : null}\n      {props.desc && !isArray(props.desc) ? <div className=\"simple-layout-desc\">{props.desc}</div> : null}\n      {props.desc && isArray(props.desc) ? (\n        <div className=\"simple-layout-desc\">\n          <Space direction=\"vertical\" size={5}>\n            {(props.desc as string[]).map((item, index) => {\n              return <Fragment key={index}>{item}</Fragment>;\n            })}\n          </Space>\n        </div>\n      ) : null}\n      {props.children ? (\n        <div className=\"simple-layout-content\" style={props.contentStyle}>\n          {props.children}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSimpleLayout.defaultProps = {\n  titleLeftLine: true,\n  layoutType: 'layer',\n};\n"],"names":["SimpleLayout","props","labelAlign","formLabelAlign","className","_classNames","layoutType","titleFixed","size","theme","fbaHooks","useThemeToken","style","_extend","colorPrimary","padding","width","hidden","_jsx","Fragment","_jsxs","onClick","children","title","titleExtra","titleLeftLine","titleStyle","Space","desc","_isArray","direction","map","item","index","contentStyle","defaultProps"],"mappings":";qdAqDaA,EAAe,SAAfA,EAAgBC,GAC3B,IAAMC,EAAaD,EAAME,gBAAkB,QAC3C,IAAMC,EAAYC,EAChB,gBACA,CACE,sBAAuBJ,EAAMK,aAAe,QAC5C,+BAAgCJ,IAAe,OAC/C,4BAA6BD,EAAMM,WACnC,sBAAuBN,EAAMO,OAAS,SAExCP,EAAMG,WAGR,IAAMK,EAAQC,EAASC,gBACvB,IAAMC,EAAQC,EAAO,CAAE,+BAAgCJ,EAAMK,cAAgBb,EAAMW,MAAO,CACxFG,QAASd,EAAMc,QACfC,MAAOf,EAAMe,QAGf,GAAIf,EAAMgB,OAAQ,OAAOC,EAACC,EAAQ,CAAE,GAEpC,OACEC,EAAA,MAAA,CAAKhB,UAAWA,EAAWQ,MAAOA,EAAOS,QAASpB,EAAMoB,QAAQC,SAAA,CAC7DrB,EAAMsB,OAAStB,EAAMuB,WACpBN,EAAA,MAAA,CACEd,UAAWC,EAAW,CAAE,2BAA4BJ,EAAMwB,gBAC1Db,MAAOX,EAAMyB,WAAWJ,SAExBF,EAACO,EAAK,CAACvB,UAAU,kCAAiCkB,UAChDJ,EAAA,MAAA,CAAKd,UAAU,sBAAqBkB,SAAErB,EAAMsB,QAC5CL,EAAA,MAAA,CAAKd,UAAU,4BAA2BkB,SAAErB,EAAMuB,kBAGpD,KACHvB,EAAMsB,QAAUtB,EAAMuB,WACrBN,EAAA,MAAA,CACEd,UAAWC,EAAW,sBAAuB,CAC3C,2BAA4BJ,EAAMwB,gBAEpCb,MAAOX,EAAMyB,WAAWJ,SAEvBrB,EAAMsB,QAEP,KACHtB,EAAM2B,OAASC,EAAQ5B,EAAM2B,MAAQV,EAAA,MAAA,CAAKd,UAAU,qBAAoBkB,SAAErB,EAAM2B,OAAc,KAC9F3B,EAAM2B,MAAQC,EAAQ5B,EAAM2B,MAC3BV,EAAA,MAAA,CAAKd,UAAU,qBAAoBkB,SACjCJ,EAACS,EAAK,CAACG,UAAU,WAAWtB,KAAM,EAAEc,SAChCrB,EAAM2B,KAAkBG,KAAI,SAACC,EAAMC,GACnC,OAAOf,EAACC,EAAQ,CAAAG,SAAcU,GAARC,UAI1B,KACHhC,EAAMqB,SACLJ,EAAA,MAAA,CAAKd,UAAU,wBAAwBQ,MAAOX,EAAMiC,aAAaZ,SAC9DrB,EAAMqB,WAEP,OAGV,EAEAtB,EAAamC,aAAe,CAC1BV,cAAe,KACfnB,WAAY"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/simple-layout/simple-layout.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { classNames, extend } from '@dimjs/utils';\nimport { Space } from 'antd';\nimport { CSSProperties, Fragment, ReactElement, ReactNode } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type SimpleLayoutProps = {\n  className?: string;\n  style?: CSSProperties;\n  title?: string | ReactElement;\n  desc?: string | ReactElement | string[] | ReactElement[];\n  /**\n   * @deprecated 已过期，请使用form className 属性 preDefinedClassName.form.xxx\n   */\n  formLabelAlign?: 'left' | 'right';\n  /**\n   * layoutType 布局类型\n   * ```\n   * 1. layer：分层布局\n   * 2. tight：紧凑布局（没有外边距）\n   * ```\n   */\n  layoutType?: 'layer' | 'tight';\n  titleLeftLine?: boolean;\n  titleStyle?: CSSProperties;\n  contentStyle?: CSSProperties;\n  /** 优先级大于 style padding */\n  padding?: CSSProperties['padding'];\n  /** 优先级大于 style width */\n  width?: CSSProperties['width'];\n  children?: ReactNode | ReactNode[];\n  titleExtra?: string | ReactElement;\n  hidden?: boolean;\n  titleFixed?: boolean;\n  /**\n   * 间距尺寸\n   * 1. default = 15\n   * 2. small = 8\n   */\n  size?: 'default' | 'small';\n  onClick?: (event) => void;\n};\n\n/**\n * 简单布局\n * @deprecated 已过期，使用 CardLayout 组件替代\n * ```\n * 1. layoutType 布局类型\n *    layer：分层布局\n *    tight：紧凑布局（没有外边距）\n * ```\n */\nexport const SimpleLayout = (props: SimpleLayoutProps) => {\n  const labelAlign = props.formLabelAlign || 'right';\n  const className = classNames(\n    'simple-layout',\n    {\n      'simple-layout-tight': props.layoutType === 'tight',\n      'simple-layout-formlabel-left': labelAlign === 'left',\n      'simple-layout-title-fixed': props.titleFixed,\n      'simple-layout-small': props.size === 'small',\n    },\n    props.className,\n  );\n\n  const theme = fbaHooks.useThemeToken();\n  const style = extend({ '--simple-layout-colorPrimary': theme.colorPrimary }, props.style, {\n    padding: props.padding,\n    width: props.width,\n  });\n\n  if (props.hidden) return <Fragment />;\n\n  return (\n    <div className={className} style={style} onClick={props.onClick}>\n      {props.title && props.titleExtra ? (\n        <div\n          className={classNames({ 'simple-layout-title-sign': props.titleLeftLine })}\n          style={props.titleStyle}\n        >\n          <Space className=\"simple-layout-title-extra-space\">\n            <div className=\"simple-layout-title\">{props.title}</div>\n            <div className=\"simple-layout-title-extra\">{props.titleExtra}</div>\n          </Space>\n        </div>\n      ) : null}\n      {props.title && !props.titleExtra ? (\n        <div\n          className={classNames('simple-layout-title', {\n            'simple-layout-title-sign': props.titleLeftLine,\n          })}\n          style={props.titleStyle}\n        >\n          {props.title}\n        </div>\n      ) : null}\n      {props.desc && !isArray(props.desc) ? <div className=\"simple-layout-desc\">{props.desc}</div> : null}\n      {props.desc && isArray(props.desc) ? (\n        <div className=\"simple-layout-desc\">\n          <Space direction=\"vertical\" size={5}>\n            {(props.desc as string[]).map((item, index) => {\n              return <Fragment key={index}>{item}</Fragment>;\n            })}\n          </Space>\n        </div>\n      ) : null}\n      {props.children ? (\n        <div className=\"simple-layout-content\" style={props.contentStyle}>\n          {props.children}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSimpleLayout.defaultProps = {\n  titleLeftLine: true,\n  layoutType: 'layer',\n};\n"],"names":["SimpleLayout","props","labelAlign","formLabelAlign","className","_classNames","layoutType","titleFixed","size","theme","fbaHooks","useThemeToken","style","_extend","colorPrimary","padding","width","hidden","_jsx","Fragment","_jsxs","onClick","children","title","titleExtra","titleLeftLine","titleStyle","Space","desc","_isArray","direction","map","item","index","contentStyle","defaultProps"],"mappings":";mfAqDaA,EAAe,SAAfA,EAAgBC,GAC3B,IAAMC,EAAaD,EAAME,gBAAkB,QAC3C,IAAMC,EAAYC,EAChB,gBACA,CACE,sBAAuBJ,EAAMK,aAAe,QAC5C,+BAAgCJ,IAAe,OAC/C,4BAA6BD,EAAMM,WACnC,sBAAuBN,EAAMO,OAAS,SAExCP,EAAMG,WAGR,IAAMK,EAAQC,EAASC,gBACvB,IAAMC,EAAQC,EAAO,CAAE,+BAAgCJ,EAAMK,cAAgBb,EAAMW,MAAO,CACxFG,QAASd,EAAMc,QACfC,MAAOf,EAAMe,QAGf,GAAIf,EAAMgB,OAAQ,OAAOC,EAACC,EAAQ,CAAE,GAEpC,OACEC,EAAA,MAAA,CAAKhB,UAAWA,EAAWQ,MAAOA,EAAOS,QAASpB,EAAMoB,QAAQC,SAAA,CAC7DrB,EAAMsB,OAAStB,EAAMuB,WACpBN,EAAA,MAAA,CACEd,UAAWC,EAAW,CAAE,2BAA4BJ,EAAMwB,gBAC1Db,MAAOX,EAAMyB,WAAWJ,SAExBF,EAACO,EAAK,CAACvB,UAAU,kCAAiCkB,UAChDJ,EAAA,MAAA,CAAKd,UAAU,sBAAqBkB,SAAErB,EAAMsB,QAC5CL,EAAA,MAAA,CAAKd,UAAU,4BAA2BkB,SAAErB,EAAMuB,kBAGpD,KACHvB,EAAMsB,QAAUtB,EAAMuB,WACrBN,EAAA,MAAA,CACEd,UAAWC,EAAW,sBAAuB,CAC3C,2BAA4BJ,EAAMwB,gBAEpCb,MAAOX,EAAMyB,WAAWJ,SAEvBrB,EAAMsB,QAEP,KACHtB,EAAM2B,OAASC,EAAQ5B,EAAM2B,MAAQV,EAAA,MAAA,CAAKd,UAAU,qBAAoBkB,SAAErB,EAAM2B,OAAc,KAC9F3B,EAAM2B,MAAQC,EAAQ5B,EAAM2B,MAC3BV,EAAA,MAAA,CAAKd,UAAU,qBAAoBkB,SACjCJ,EAACS,EAAK,CAACG,UAAU,WAAWtB,KAAM,EAAEc,SAChCrB,EAAM2B,KAAkBG,KAAI,SAACC,EAAMC,GACnC,OAAOf,EAACC,EAAQ,CAAAG,SAAcU,GAARC,UAI1B,KACHhC,EAAMqB,SACLJ,EAAA,MAAA,CAAKd,UAAU,wBAAwBQ,MAAOX,EAAMiC,aAAaZ,SAC9DrB,EAAMqB,WAEP,OAGV,EAEAtB,EAAamC,aAAe,CAC1BV,cAAe,KACfnB,WAAY"}

package/esm/switch-confirm-wrapper/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as n}from"@wove/react/cjs/hooks";import{message as t,Popconfirm as o,Switch as i}from"antd";import{useMemo as u,useState as l}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{jsx as a}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";var c=["popConfirmProps","needConfirm","checkedValue","unCheckedValue","onChange","value","serviceConfig","noMessage"];var f=function f(d){var m=d.popConfirmProps,v=d.needConfirm,p=d.checkedValue,h=d.unCheckedValue,g=d.onChange,C=d.value,k=d.serviceConfig,b=d.noMessage,j=e(d,c);var y=u((function(){if(typeof m==="function"){return m(C===p)}return m}),[p,m,C]);var P=l(false),V=P[0],x=P[1];var R=l(false),q=R[0],w=R[1];s.useEffectCustom((function(){x(C===p)}),[d.value]);var B=u((function(){return v==="close"&&V||v==="open"&&!V||!v||v==="all"}),[V,v]);var E=n.useCallbackRef((function(){return new Promise((function(e,r){var n,o,i;n=!V?p:h;if(k!=null&&k.onRequest){var u=function(e){return function(n){try{w(false);return e&&e.call(this,n)}catch(e){return r(e)}}.bind(this)}.bind(this);var l=function(){try{return a.call(this)}catch(e){return r(e)}}.bind(this);var s=function(e){try{if(!b){void t.error((e==null?void 0:e.message)||(k==null||(i=k.message)==null?void 0:i.defaultError)||"状态修改失败！")}return u(l)()}catch(e){return u(r)(e)}};try{w(true);return Promise.resolve(k.onRequest(n)).then((function(e){try{x(!V);g==null||g(n);if(!b){void t.success((k==null||(o=k.message)==null?void 0:o.success)||"状态修改成功！")}return u(l)()}catch(e){return s(e)}}),s)}catch(e){s(e)}}else{x(!V);g==null||g(n);return a.call(this)}function a(){return e()}}))}));if(B){return a(o,{disabled:y==null?void 0:y.disabled,okButtonProps:{loading:q},title:y==null?void 0:y.title,description:y==null?void 0:y.description,onConfirm:E,children:a(i,r({checked:V},j))})}return a(i,r({checked:V,loading:q},j,{onChange:E}))};export{f as SwitchConfirmWrapper};
+import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as n}from"@wove/react/cjs/hooks";import{message as t,Popconfirm as o,Switch as i}from"antd";import{useMemo as u,useState as s}from"react";import{fbaHooks as l}from"../fba-hooks/index.js";import{jsx as a}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var c=["popConfirmProps","needConfirm","checkedValue","unCheckedValue","onChange","value","serviceConfig","noMessage"];var f=function f(d){var m=d.popConfirmProps,v=d.needConfirm,p=d.checkedValue,h=d.unCheckedValue,g=d.onChange,C=d.value,k=d.serviceConfig,b=d.noMessage,j=e(d,c);var y=u((function(){if(typeof m==="function"){return m(C===p)}return m}),[p,m,C]);var P=s(false),V=P[0],x=P[1];var R=s(false),q=R[0],w=R[1];l.useEffectCustom((function(){x(C===p)}),[d.value]);var B=u((function(){return v==="close"&&V||v==="open"&&!V||!v||v==="all"}),[V,v]);var E=n.useCallbackRef((function(){return new Promise((function(e,r){var n,o,i;n=!V?p:h;if(k!=null&&k.onRequest){var u=function(e){return function(n){try{w(false);return e&&e.call(this,n)}catch(e){return r(e)}}.bind(this)}.bind(this);var s=function(){try{return a.call(this)}catch(e){return r(e)}}.bind(this);var l=function(e){try{if(!b){void t.error((e==null?void 0:e.message)||(k==null||(i=k.message)==null?void 0:i.defaultError)||"状态修改失败！")}return u(s)()}catch(e){return u(r)(e)}};try{w(true);return Promise.resolve(k.onRequest(n)).then((function(e){try{x(!V);g==null||g(n);if(!b){void t.success((k==null||(o=k.message)==null?void 0:o.success)||"状态修改成功！")}return u(s)()}catch(e){return l(e)}}),l)}catch(e){l(e)}}else{x(!V);g==null||g(n);return a.call(this)}function a(){return e()}}))}));if(B){return a(o,{disabled:y==null?void 0:y.disabled,okButtonProps:{loading:q},title:y==null?void 0:y.title,description:y==null?void 0:y.description,onConfirm:E,children:a(i,r({checked:V},j))})}return a(i,r({checked:V,loading:q},j,{onChange:E}))};export{f as SwitchConfirmWrapper};
 //# sourceMappingURL=index.js.map

package/esm/switch-confirm-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/switch-confirm-wrapper/switch-confirm-wrapper.tsx"],"sourcesContent":["import { TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { message, Popconfirm, PopconfirmProps, Switch, SwitchProps } from 'antd';\nimport { useMemo, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nexport type SwitchConfirmWrapperValue = string | number | boolean;\nexport type SwitchConfirmWrapperProps = Omit<SwitchProps, 'defaultChecked' | 'onChange'> & {\n  value?: SwitchConfirmWrapperValue;\n  checkedValue: SwitchConfirmWrapperValue;\n  unCheckedValue: SwitchConfirmWrapperValue;\n  needConfirm?: 'close' | 'open' | 'all' | 'none';\n  noMessage?: boolean;\n  onChange?: (value: SwitchConfirmWrapperValue) => void;\n  popConfirmProps?:\n    | Pick<PopconfirmProps, 'disabled' | 'title' | 'description'>\n    | ((checked?: boolean) => Pick<PopconfirmProps, 'disabled' | 'title' | 'description'>);\n  serviceConfig?: {\n    onRequest: (value: SwitchConfirmWrapperValue) => TAny;\n    message?: {\n      success?: string;\n      defaultError?: string;\n    };\n  };\n};\n\n/**\n *\n * @description switch 切换时做二次pop提醒， 非可控组件【内部控制】\n * @param props\n * @param value\n * @param checkedValue：选中状态值\n * @param unCheckedValue：非选中状态值\n * @param needConfirm：二次pop拦截时机 可不传\n *        close：switch 由开启转换成关闭时pop弹出\n *        open：switch 由开启转换成开启时pop弹出\n *        all：switch 一直pop\n *        none：switch 不弹出\n * @param noMessage：不采用内置message提示\n * @param onChange：switch 有效切换回掉\n * @param popConfirmProps：popConfirm中参数 disabled title description\n * @param serviceConfig onRequest\n * @field onRequest 请求函数\n * @field message message配置 success defaultError\n * ```\n * 1. 单独使用\n *    <SwitchConfirmWrapper\n *        value={value}\n *        checkedValue={'1'}\n *        unCheckedValue={'2'}\n *        serviceConfig={{\n *          onRequest: async () => {\n *            await sleep(2000);\n *          },\n *        }}\n *        needConfirm={'all'}\n *        popConfirmProps={{\n *          title: '确定要开启吗？',\n *        }}\n *        onChange={(value) => {\n *          setValue(value as string);\n *        }}\n *      />\n *\n * 2. 与Form.Item结合使用\n *    <Form.Item name=\"open\">\n *        <SwitchConfirmWrapper\n *          checkedValue={'1'}\n *          unCheckedValue={'2'}\n *          serviceConfig={{\n *            onRequest: async () => {\n *              await sleep(2000);\n *            },\n *          }}\n *          needConfirm={'all'}\n *          popConfirmProps={{\n *            title: '确定要开启吗？',\n *          }}\n *        />\n *      </Form.Item>\n * ```\n */\nexport const SwitchConfirmWrapper = (props: SwitchConfirmWrapperProps) => {\n  const {\n    popConfirmProps,\n    needConfirm,\n    checkedValue,\n    unCheckedValue,\n    onChange,\n    value,\n    serviceConfig,\n    noMessage,\n    ...otherProps\n  } = props;\n  const popConfirmPropsFt = useMemo(() => {\n    if (typeof popConfirmProps === 'function') {\n      return popConfirmProps(value === checkedValue);\n    }\n    return popConfirmProps;\n  }, [checkedValue, popConfirmProps, value]);\n  const [isCheked, setIsCheked] = useState<boolean>(false);\n  const [loading, setLoading] = useState<boolean>(false);\n\n  fbaHooks.useEffectCustom(() => {\n    setIsCheked(value === checkedValue);\n  }, [props.value]);\n\n  const showConfirm = useMemo(() => {\n    return (\n      (needConfirm === 'close' && isCheked) ||\n      (needConfirm === 'open' && !isCheked) ||\n      !needConfirm ||\n      needConfirm === 'all'\n    );\n  }, [isCheked, needConfirm]);\n\n  const onHandleChange = hooks.useCallbackRef(async () => {\n    const changeValue = !isCheked ? checkedValue : unCheckedValue;\n    if (serviceConfig?.onRequest) {\n      try {\n        setLoading(true);\n        await serviceConfig.onRequest(changeValue);\n        setIsCheked(!isCheked);\n        onChange?.(changeValue);\n        if (!noMessage) {\n          void message.success(serviceConfig?.message?.success || '状态修改成功！');\n        }\n      } catch (error) {\n        if (!noMessage) {\n          void message.error(error?.message || serviceConfig?.message?.defaultError || '状态修改失败！');\n        }\n      } finally {\n        setLoading(false);\n      }\n    } else {\n      setIsCheked(!isCheked);\n      onChange?.(changeValue);\n    }\n  });\n  if (showConfirm) {\n    return (\n      <Popconfirm\n        disabled={popConfirmPropsFt?.disabled}\n        okButtonProps={{ loading: loading }}\n        title={popConfirmPropsFt?.title}\n        description={popConfirmPropsFt?.description}\n        onConfirm={onHandleChange}\n      >\n        <Switch checked={isCheked} {...otherProps} />\n      </Popconfirm>\n    );\n  }\n  return <Switch checked={isCheked} loading={loading} {...otherProps} onChange={onHandleChange} />;\n};\n"],"names":["SwitchConfirmWrapper","props","popConfirmProps","needConfirm","checkedValue","unCheckedValue","onChange","value","serviceConfig","noMessage","otherProps","_objectWithoutPropertiesLoose","_excluded","popConfirmPropsFt","useMemo","_useState","useState","isCheked","setIsCheked","_useState2","loading","setLoading","fbaHooks","useEffectCustom","showConfirm","onHandleChange","_hooks","useCallbackRef","Promise","$return","$error","changeValue","_serviceConfig$messag","_serviceConfig$messag2","onRequest","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","this","$boundEx","bind","$Try_1_Post","$If_2","$Try_1_Catch","error","message","defaultError","resolve","then","$await_3","success","_jsx","Popconfirm","disabled","okButtonProps","title","description","onConfirm","children","Switch","_extends","checked"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/switch-confirm-wrapper/switch-confirm-wrapper.tsx"],"sourcesContent":["import { TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { message, Popconfirm, PopconfirmProps, Switch, SwitchProps } from 'antd';\nimport { useMemo, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\n\nexport type SwitchConfirmWrapperValue = string | number | boolean;\nexport type SwitchConfirmWrapperProps = Omit<SwitchProps, 'defaultChecked' | 'onChange'> & {\n  value?: SwitchConfirmWrapperValue;\n  checkedValue: SwitchConfirmWrapperValue;\n  unCheckedValue: SwitchConfirmWrapperValue;\n  needConfirm?: 'close' | 'open' | 'all' | 'none';\n  noMessage?: boolean;\n  onChange?: (value: SwitchConfirmWrapperValue) => void;\n  popConfirmProps?:\n    | Pick<PopconfirmProps, 'disabled' | 'title' | 'description'>\n    | ((checked?: boolean) => Pick<PopconfirmProps, 'disabled' | 'title' | 'description'>);\n  serviceConfig?: {\n    onRequest: (value: SwitchConfirmWrapperValue) => TAny;\n    message?: {\n      success?: string;\n      defaultError?: string;\n    };\n  };\n};\n\n/**\n *\n * @description switch 切换时做二次pop提醒， 非可控组件【内部控制】\n * @param props\n * @param value\n * @param checkedValue：选中状态值\n * @param unCheckedValue：非选中状态值\n * @param needConfirm：二次pop拦截时机 可不传\n *        close：switch 由开启转换成关闭时pop弹出\n *        open：switch 由开启转换成开启时pop弹出\n *        all：switch 一直pop\n *        none：switch 不弹出\n * @param noMessage：不采用内置message提示\n * @param onChange：switch 有效切换回掉\n * @param popConfirmProps：popConfirm中参数 disabled title description\n * @param serviceConfig onRequest\n * @field onRequest 请求函数\n * @field message message配置 success defaultError\n * ```\n * 1. 单独使用\n *    <SwitchConfirmWrapper\n *        value={value}\n *        checkedValue={'1'}\n *        unCheckedValue={'2'}\n *        serviceConfig={{\n *          onRequest: async () => {\n *            await sleep(2000);\n *          },\n *        }}\n *        needConfirm={'all'}\n *        popConfirmProps={{\n *          title: '确定要开启吗？',\n *        }}\n *        onChange={(value) => {\n *          setValue(value as string);\n *        }}\n *      />\n *\n * 2. 与Form.Item结合使用\n *    <Form.Item name=\"open\">\n *        <SwitchConfirmWrapper\n *          checkedValue={'1'}\n *          unCheckedValue={'2'}\n *          serviceConfig={{\n *            onRequest: async () => {\n *              await sleep(2000);\n *            },\n *          }}\n *          needConfirm={'all'}\n *          popConfirmProps={{\n *            title: '确定要开启吗？',\n *          }}\n *        />\n *      </Form.Item>\n * ```\n */\nexport const SwitchConfirmWrapper = (props: SwitchConfirmWrapperProps) => {\n  const {\n    popConfirmProps,\n    needConfirm,\n    checkedValue,\n    unCheckedValue,\n    onChange,\n    value,\n    serviceConfig,\n    noMessage,\n    ...otherProps\n  } = props;\n  const popConfirmPropsFt = useMemo(() => {\n    if (typeof popConfirmProps === 'function') {\n      return popConfirmProps(value === checkedValue);\n    }\n    return popConfirmProps;\n  }, [checkedValue, popConfirmProps, value]);\n  const [isCheked, setIsCheked] = useState<boolean>(false);\n  const [loading, setLoading] = useState<boolean>(false);\n\n  fbaHooks.useEffectCustom(() => {\n    setIsCheked(value === checkedValue);\n  }, [props.value]);\n\n  const showConfirm = useMemo(() => {\n    return (\n      (needConfirm === 'close' && isCheked) ||\n      (needConfirm === 'open' && !isCheked) ||\n      !needConfirm ||\n      needConfirm === 'all'\n    );\n  }, [isCheked, needConfirm]);\n\n  const onHandleChange = hooks.useCallbackRef(async () => {\n    const changeValue = !isCheked ? checkedValue : unCheckedValue;\n    if (serviceConfig?.onRequest) {\n      try {\n        setLoading(true);\n        await serviceConfig.onRequest(changeValue);\n        setIsCheked(!isCheked);\n        onChange?.(changeValue);\n        if (!noMessage) {\n          void message.success(serviceConfig?.message?.success || '状态修改成功！');\n        }\n      } catch (error) {\n        if (!noMessage) {\n          void message.error(error?.message || serviceConfig?.message?.defaultError || '状态修改失败！');\n        }\n      } finally {\n        setLoading(false);\n      }\n    } else {\n      setIsCheked(!isCheked);\n      onChange?.(changeValue);\n    }\n  });\n  if (showConfirm) {\n    return (\n      <Popconfirm\n        disabled={popConfirmPropsFt?.disabled}\n        okButtonProps={{ loading: loading }}\n        title={popConfirmPropsFt?.title}\n        description={popConfirmPropsFt?.description}\n        onConfirm={onHandleChange}\n      >\n        <Switch checked={isCheked} {...otherProps} />\n      </Popconfirm>\n    );\n  }\n  return <Switch checked={isCheked} loading={loading} {...otherProps} onChange={onHandleChange} />;\n};\n"],"names":["SwitchConfirmWrapper","props","popConfirmProps","needConfirm","checkedValue","unCheckedValue","onChange","value","serviceConfig","noMessage","otherProps","_objectWithoutPropertiesLoose","_excluded","popConfirmPropsFt","useMemo","_useState","useState","isCheked","setIsCheked","_useState2","loading","setLoading","fbaHooks","useEffectCustom","showConfirm","onHandleChange","_hooks","useCallbackRef","Promise","$return","$error","changeValue","_serviceConfig$messag","_serviceConfig$messag2","onRequest","$Try_1_Finally","$Try_1_Exit","$Try_1_Value","call","this","$boundEx","bind","$Try_1_Post","$If_2","$Try_1_Catch","error","message","defaultError","resolve","then","$await_3","success","_jsx","Popconfirm","disabled","okButtonProps","title","description","onConfirm","children","Switch","_extends","checked"],"mappings":"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"}

package/esm/table-cell-render/index.js

@@ -12,5 +12,5 @@ import './../tag-list-render/index.css';
 import './../tag-list-select/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{isString as r}from"@dimjs/lang/cjs/is-string";import{isObject as e}from"@dimjs/lang/cjs/is-object";import{get as n}from"@dimjs/utils/cjs/get";import{isPlainObject as t}from"@dimjs/lang/cjs/is-plain-object";import{_ as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isEmpty as o}from"@dimjs/lang/cjs/is-empty";import{isNumber as a,isUndefinedOrNull as l,getStrByteLen as u,cutString as s,flatbizDate as d,flatbizPrice as c}from"@flatbiz/utils";import{Tooltip as f,Space as m,Badge as p}from"antd";import{Fragment as v}from"react";import{ButtonOperate as j}from"../button-operate/index.js";import{TagListRender as g}from"../tag-list-render/index.js";import{jsx as h}from"react/jsx-runtime";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";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/extend";import"../fba-utils/index.js";import"@dimjs/model";import"../dropdown-menu-wrapper/index.js";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";var x=function r(e,n){return function(r){if(o(r)||r==="")return n;if(a(r))return r;var t=r.toString();var i=l(e)?10:e;var d=u(t);if(d<=i*2){return t}return h(f,{placement:"topLeft",title:t,children:s(t,i*2)})}};var C=function r(e){return function(r,n,t){var o=e(n,t);return h(j,i({},o))}};var w=function r(e,n){return function(r){if(o(r)||r==="")return n;try{return d.format(new Date(r),e)}catch(e){return r||n}}};var b=function r(e,n){return function(r,t,i){if(n&&e){return(e-1)*n+i+1}return i+1}};var y=function r(e){return function(r,n,t){var i=(e==null?void 0:e())||{},o=i.pageNo,a=i.pageSize;if(a&&o){return(o-1)*a+t+1}return t+1}};var k=function r(e,n,t){return function(r){if(l(r))return null;return h(g,i({dataList:e,colorMap:n,value:r,forceMatch:false},t))}};var N=function r(i,o){return function(r){if(t(r)){var a=n(r,i,o);if(!a)return"";if(e(a))return JSON.stringify(a);return a}return r||o}};var V=function r(e){var n=e!=null&&e.hideBgColor?"":"table-fen-color";return function(r){if(l(r)||r===""){if(l(e==null?void 0:e.defaultValue))return undefined;if(a(e==null?void 0:e.defaultValue)){return h("span",{className:n,children:c.format(e==null?void 0:e.defaultValue)})}return h("span",{className:n,children:e==null?void 0:e.defaultValue})}if(!a(r))return r;var t=c.fen2yuan(r);return h("span",{className:n,children:c.format(t,e==null?void 0:e.defaultValue,{separator:(e==null?void 0:e.separator)||false})})}};var O=function r(e){var n=(e==null?void 0:e.showBgColor)===true?"table-wan-color":"";return function(r){if(l(r)||r===""){if(l(e==null?void 0:e.defaultValue))return undefined;if(a(e==null?void 0:e.defaultValue)){return h("span",{className:n,children:c.format(e==null?void 0:e.defaultValue)})}return h("span",{className:n,children:e==null?void 0:e.defaultValue})}if(!a(r))return r;var t=c.fen2wan(r);var i=e!=null&&e.removeTailZero?c.removeTailZero(t,e==null?void 0:e.defaultValue,{separator:(e==null?void 0:e.separator)||false}):c.format(t,e==null?void 0:e.defaultValue,{separator:(e==null?void 0:e.separator)||false});return h("span",{className:n,children:i})}};var S=function e(n){return function(e,t){var i=n==null?void 0:n(t);if(!i)return h(v,{children:e});var o=l(i.showData)?true:i.showData;var a=l(i.notOverflowShowExtra)?true:i.notOverflowShowExtra;var u=l(i.showMaxNumber)?10:i.showMaxNumber;var d=i.extraPosition?i.extraPosition:"after";var c=r(e)?s(e,u*2):e;if(i.extra&&o){if(c===e&&!a){return e}var f=[h("span",{children:c},"1"),h(v,{children:i.extra},"2")];var p=d==="before"?f.reverse():f;return h(m,{onClick:i.onClick,style:{cursor:i.onClick?"pointer":undefined},size:5,children:p.map((function(r,e){return h(v,{children:r},e)}))})}return h("span",{onClick:i.onClick,children:i.extra})}};var z=function r(e,n){return function(r){if(l(r))return null;var t=e.find((function(e){return e.value===r}));if(t)return h(p,{color:(t==null?void 0:t.color)||(n==null?void 0:n[r])||"rgba(0, 0, 0, 0.25)",text:t==null?void 0:t.label});return r}};var M=function r(e,n){return function(r,t){if(l(r))return n;return h("a",{onClick:e.bind(null,t),children:r})}};var D={extraContentRender:S,indexCell:b,serialNumberCell:y,dateCell:w,operateCell:C,tooltipCell:x,selectorCell:k,objectCell:N,fen2yuanCell:V,fen2wanCell:O,badgeCell:z,clickCell:M};export{D as tableCellRender};
+import{isString as r}from"@dimjs/lang/cjs/is-string";import{isObject as e}from"@dimjs/lang/cjs/is-object";import{get as n}from"@dimjs/utils/cjs/get";import{isPlainObject as t}from"@dimjs/lang/cjs/is-plain-object";import{_ as i}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isEmpty as o}from"@dimjs/lang/cjs/is-empty";import{isNumber as a,isUndefinedOrNull as l,getStrByteLen as u,cutString as s,flatbizDate as d,flatbizPrice as c}from"@flatbiz/utils";import{Tooltip as f,Space as m,Badge as p}from"antd";import{Fragment as v}from"react";import{ButtonOperate as j}from"../button-operate/index.js";import{TagListRender as g}from"../tag-list-render/index.js";import{jsx as h}from"react/jsx-runtime";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/lang/cjs/is-undefined";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";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"../dropdown-menu-wrapper/index.js";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";var x=function r(e,n){return function(r){if(o(r)||r==="")return n;if(a(r))return r;var t=r.toString();var i=l(e)?10:e;var d=u(t);if(d<=i*2){return t}return h(f,{placement:"topLeft",title:t,children:s(t,i*2)})}};var C=function r(e){return function(r,n,t){var o=e(n,t);return h(j,i({},o))}};var w=function r(e,n){return function(r){if(o(r)||r==="")return n;try{return d.format(new Date(r),e)}catch(e){return r||n}}};var b=function r(e,n){return function(r,t,i){if(n&&e){return(e-1)*n+i+1}return i+1}};var y=function r(e){return function(r,n,t){var i=(e==null?void 0:e())||{},o=i.pageNo,a=i.pageSize;if(a&&o){return(o-1)*a+t+1}return t+1}};var k=function r(e,n,t){return function(r){if(l(r))return null;return h(g,i({dataList:e,colorMap:n,value:r,forceMatch:false},t))}};var N=function r(i,o){return function(r){if(t(r)){var a=n(r,i,o);if(!a)return"";if(e(a))return JSON.stringify(a);return a}return r||o}};var V=function r(e){var n=e!=null&&e.hideBgColor?"":"table-fen-color";return function(r){if(l(r)||r===""){if(l(e==null?void 0:e.defaultValue))return undefined;if(a(e==null?void 0:e.defaultValue)){return h("span",{className:n,children:c.format(e==null?void 0:e.defaultValue)})}return h("span",{className:n,children:e==null?void 0:e.defaultValue})}if(!a(r))return r;var t=c.fen2yuan(r);return h("span",{className:n,children:c.format(t,e==null?void 0:e.defaultValue,{separator:(e==null?void 0:e.separator)||false})})}};var O=function r(e){var n=(e==null?void 0:e.showBgColor)===true?"table-wan-color":"";return function(r){if(l(r)||r===""){if(l(e==null?void 0:e.defaultValue))return undefined;if(a(e==null?void 0:e.defaultValue)){return h("span",{className:n,children:c.format(e==null?void 0:e.defaultValue)})}return h("span",{className:n,children:e==null?void 0:e.defaultValue})}if(!a(r))return r;var t=c.fen2wan(r);var i=e!=null&&e.removeTailZero?c.removeTailZero(t,e==null?void 0:e.defaultValue,{separator:(e==null?void 0:e.separator)||false}):c.format(t,e==null?void 0:e.defaultValue,{separator:(e==null?void 0:e.separator)||false});return h("span",{className:n,children:i})}};var S=function e(n){return function(e,t){var i=n==null?void 0:n(t);if(!i)return h(v,{children:e});var o=l(i.showData)?true:i.showData;var a=l(i.notOverflowShowExtra)?true:i.notOverflowShowExtra;var u=l(i.showMaxNumber)?10:i.showMaxNumber;var d=i.extraPosition?i.extraPosition:"after";var c=r(e)?s(e,u*2):e;if(i.extra&&o){if(c===e&&!a){return e}var f=[h("span",{children:c},"1"),h(v,{children:i.extra},"2")];var p=d==="before"?f.reverse():f;return h(m,{onClick:i.onClick,style:{cursor:i.onClick?"pointer":undefined},size:5,children:p.map((function(r,e){return h(v,{children:r},e)}))})}return h("span",{onClick:i.onClick,children:i.extra})}};var z=function r(e,n){return function(r){if(l(r))return null;var t=e.find((function(e){return e.value===r}));if(t)return h(p,{color:(t==null?void 0:t.color)||(n==null?void 0:n[r])||"rgba(0, 0, 0, 0.25)",text:t==null?void 0:t.label});return r}};var M=function r(e,n){return function(r,t){if(l(r))return n;return h("a",{onClick:e.bind(null,t),children:r})}};var D={extraContentRender:S,indexCell:b,serialNumberCell:y,dateCell:w,operateCell:C,tooltipCell:x,selectorCell:k,objectCell:N,fen2yuanCell:V,fen2wanCell:O,badgeCell:z,clickCell:M};export{D as tableCellRender};
 //# sourceMappingURL=index.js.map

package/esm/table-cell-render/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/table-cell-render/cell-render.tsx"],"sourcesContent":["import { isEmpty, isObject, isPlainObject, isString } from '@dimjs/lang';\nimport { get } from '@dimjs/utils';\nimport {\n  cutString,\n  DateFormatType,\n  flatbizDate,\n  flatbizPrice,\n  getStrByteLen,\n  isNumber,\n  isUndefinedOrNull,\n  TAny,\n  TPlainObject,\n} from '@flatbiz/utils';\nimport { Badge, Space, Tooltip } from 'antd';\nimport { Fragment, ReactElement } from 'react';\nimport { ButtonOperate, ButtonOperateProps } from '../button-operate';\nimport { TagListRender } from '../tag-list-render';\nimport { TagListSelectProps, TagListSelectValue } from '../tag-list-select';\nimport './style.less';\n\nconst tableColumnTooltipRender = (showMaxNumber?: number, defaultValue?: string) => {\n  return (value: string | number) => {\n    if (isEmpty(value) || value === '') return defaultValue;\n    if (isNumber(value)) return value;\n    const colunmText = value.toString();\n    const maxNumber = (isUndefinedOrNull(showMaxNumber) ? 10 : showMaxNumber) as number;\n    const strByteLen = getStrByteLen(colunmText);\n    if (strByteLen <= maxNumber * 2) {\n      return colunmText;\n    }\n    return (\n      <Tooltip placement=\"topLeft\" title={colunmText}>\n        {cutString(colunmText, maxNumber * 2)}\n      </Tooltip>\n    );\n  };\n};\n\nconst tableColumnOperateRender = (options: (item: TAny, index: number) => ButtonOperateProps) => {\n  return (_value: string | number, record, index: number) => {\n    const operateProps = options(record, index);\n    return <ButtonOperate {...operateProps} />;\n  };\n};\n\nconst tableColumnDateRender = (dateFormatType?: DateFormatType, defaultValue?: string) => {\n  return (value: string | number) => {\n    if (isEmpty(value) || value === '') return defaultValue;\n    try {\n      return flatbizDate.format(new Date(value), dateFormatType);\n    } catch (error) {\n      return value || defaultValue;\n    }\n  };\n};\n\n/**\n * table 索引展示，如果存在pageSize、pageNo参数可分页展示索引，否则每页都从1开始\n * @param pageSize\n * @param pageNo\n * @returns\n */\nconst tableColumnIndexRender = (pageNo?: number, pageSize?: number) => {\n  return (_value, _record, index: number) => {\n    if (pageSize && pageNo) {\n      return (pageNo - 1) * pageSize + index + 1;\n    }\n    return index + 1;\n  };\n};\nconst tableColumnIndexRender2 = (method?: () => { pageNo?: number; pageSize?: number }) => {\n  return (_value, _record, index: number) => {\n    const { pageNo, pageSize } = method?.() || {};\n    if (pageSize && pageNo) {\n      return (pageNo - 1) * pageSize + index + 1;\n    }\n    return index + 1;\n  };\n};\n\nconst tableColumnSelectorRender = (\n  selectorList: TagListSelectProps['dataList'],\n  colorMap?: TagListSelectProps['colorMap'],\n  options?: {\n    /** 最大显示Tag数量，超出折叠隐藏 */\n    maxShowCount?: number;\n    /** 触发maxShowCount后，被折叠的内容是否显示完整tag，默认值：false */\n    foldShowAllTag?: boolean;\n  },\n) => {\n  return (value?: TAny) => {\n    if (isUndefinedOrNull(value)) return null;\n    return (\n      <TagListRender\n        dataList={selectorList}\n        colorMap={colorMap}\n        value={value}\n        forceMatch={false}\n        {...options}\n      />\n    );\n  };\n};\n\nconst tableColumnObjectRender = (key: string, defaultValue?: string) => {\n  return (value?: TPlainObject) => {\n    if (isPlainObject(value)) {\n      const target = get(value, key, defaultValue);\n      if (!target) return '';\n      if (isObject(target)) return JSON.stringify(target);\n      return target;\n    }\n    return value || defaultValue;\n  };\n};\n\nconst tableColumnFen2yuanCellRender = (options?: {\n  /** 是否显示分隔符，默认值：false */\n  separator?: boolean;\n  defaultValue?: string | number;\n  /** 隐藏背景颜色 */\n  hideBgColor?: boolean;\n}) => {\n  const className = options?.hideBgColor ? '' : 'table-fen-color';\n  return (value?: string | number) => {\n    if (isUndefinedOrNull(value) || value === '') {\n      if (isUndefinedOrNull(options?.defaultValue)) return undefined;\n      if (isNumber(options?.defaultValue as string | number)) {\n        return <span className={className}>{flatbizPrice.format(options?.defaultValue)}</span>;\n      }\n      return <span className={className}>{options?.defaultValue}</span>;\n    }\n    if (!isNumber(value as number | string)) return value;\n    const amount = flatbizPrice.fen2yuan(value);\n    return (\n      <span className={className}>\n        {flatbizPrice.format(amount, options?.defaultValue, { separator: options?.separator || false })}\n      </span>\n    );\n  };\n};\n\nconst tableColumnFen2wanCellRender = (options?: {\n  /** 是否显示分隔符，默认值：false */\n  separator?: boolean;\n  defaultValue?: string | number;\n  /** 隐藏背景颜色，默认：false */\n  showBgColor?: boolean;\n  /** 移除小数点后末尾零 */\n  removeTailZero?: boolean;\n}) => {\n  const className = options?.showBgColor === true ? 'table-wan-color' : '';\n  return (value?: string | number) => {\n    if (isUndefinedOrNull(value) || value === '') {\n      if (isUndefinedOrNull(options?.defaultValue)) return undefined;\n      if (isNumber(options?.defaultValue as string | number)) {\n        return <span className={className}>{flatbizPrice.format(options?.defaultValue)}</span>;\n      }\n      return <span className={className}>{options?.defaultValue}</span>;\n    }\n    if (!isNumber(value as number | string)) return value;\n    const amount = flatbizPrice.fen2wan(value);\n    const amountNew = options?.removeTailZero\n      ? flatbizPrice.removeTailZero(amount, options?.defaultValue, {\n          separator: options?.separator || false,\n        })\n      : flatbizPrice.format(amount, options?.defaultValue, { separator: options?.separator || false });\n    return <span className={className}>{amountNew}</span>;\n  };\n};\n\ntype TableColumnIconRenderProps = {\n  /** 额外内容，一般为Icon  */\n  extra: ReactElement;\n  extraPosition?: 'before' | 'after';\n  onClick?: (e) => void;\n  /** 是否显示原单元格数据，默认值：true */\n  showData?: boolean;\n  /** 溢出显示【...】, 最大长度（默认：20个字节） */\n  showMaxNumber?: number;\n  /** 未溢出显示【extra】配置，默认值：true  */\n  notOverflowShowExtra?: boolean;\n};\n\nconst tableColumnExtraContentRender = (handle: (item: TPlainObject) => TableColumnIconRenderProps) => {\n  return (value: TAny, item: TPlainObject) => {\n    const options = handle?.(item);\n    if (!options) return <Fragment>{value}</Fragment>;\n    const showData = isUndefinedOrNull(options.showData) ? true : options.showData;\n    const notOverflowShowExtra = isUndefinedOrNull(options.notOverflowShowExtra)\n      ? true\n      : options.notOverflowShowExtra;\n    const showMaxNumber = isUndefinedOrNull(options.showMaxNumber) ? 10 : (options.showMaxNumber as number);\n    const extraPosition = options.extraPosition ? options.extraPosition : 'after';\n    const renderValue = isString(value) ? cutString(value, showMaxNumber * 2) : value;\n\n    if (options.extra && showData) {\n      if (renderValue === value && !notOverflowShowExtra) {\n        return value;\n      }\n      const spaceContent = [<span key=\"1\">{renderValue}</span>, <Fragment key=\"2\">{options.extra}</Fragment>];\n      const spaceContentRender = extraPosition === 'before' ? spaceContent.reverse() : spaceContent;\n      return (\n        <Space onClick={options.onClick} style={{ cursor: options.onClick ? 'pointer' : undefined }} size={5}>\n          {spaceContentRender.map((item, index) => {\n            return <Fragment key={index}>{item}</Fragment>;\n          })}\n        </Space>\n      );\n    }\n    return <span onClick={options.onClick}>{options.extra}</span>;\n  };\n};\n\nconst tableColumnBadgeRender = (\n  selectorList: { label: string; value: TagListSelectValue; color?: string }[],\n  colorMap?: Record<string | string, string>,\n) => {\n  return (value?: TAny) => {\n    if (isUndefinedOrNull(value)) return null;\n    const target = selectorList.find((item) => item.value === value);\n    if (target)\n      return (\n        <Badge color={target?.color || colorMap?.[value] || 'rgba(0, 0, 0, 0.25)'} text={target?.label} />\n      );\n    return value;\n  };\n};\n\nconst tableColumnClickRender = (onClick: (record: TPlainObject, e) => void, defaultValue?: string) => {\n  return (value: TAny, record: TPlainObject) => {\n    if (isUndefinedOrNull(value)) return defaultValue;\n    return <a onClick={onClick.bind(null, record)}>{value}</a>;\n  };\n};\n\nexport const tableCellRender = {\n  /**\n   * 表格单元格 拼接额外内容渲染\n   * ```\n   * 1. extra 额外内容\n   * 2. showData 是否显示原单元格数据，默认值：true\n   * 3. showMaxNumber 显示最大长度，作用于原单元格字符串数据\n   *\n   *\n   * 结合table column render 使用\n   * # 在单元格渲染文字右侧添加图标\n   * render: tableCellRender.extraContentRender(() => {\n   *   return {\n   *     extra: <FullscreenOutlined />,\n   *     onClick: () => { ... },\n   *   };\n   * }),\n   * ```\n   */\n  extraContentRender: tableColumnExtraContentRender,\n  /**\n   * table 索引展示，如果存在pageSize、pageNo参数可分页展示索引，否则每页都从1开始\n   * @deprecated 已过时 4.3.0版本移除，请使用 serialNumberCell\n   */\n  indexCell: tableColumnIndexRender,\n  /**\n   * table 序号展示，如果存在pageSize、pageNo参数可分页展示累加序号，否则每页都从1开始\n   * ```\n   *  render: tableCellRender.serialNumberCell(() => {\n   *    return { pageNo,pageSize };\n   *  }),\n   * ```\n   */\n  serialNumberCell: tableColumnIndexRender2,\n  /**\n   * 表格日期格式数据渲染，默认格式：YYYY-MM-DD\n   * ```\n   * 独立使用\n   * tableCellRender.dateCell('YYYY-MM-DD hh:mm:ss')(value)\n   *\n   * 结合table column render 使用\n   * render: tableCellRender.dateCell('YYYY-MM-DD hh:mm:ss')\n   * render: (value) => {\n   *   return tableCellRender.dateCell('YYYY-MM-DD')(value);\n   * }\n   * ```\n   */\n  dateCell: tableColumnDateRender,\n  /**\n   * table操作栏目渲染\n   * ```\n   * 使用方式\n   * tableCellRender.operateCell((item) => ({\n   *   operateList: [\n   *     {\n   *       text: '编辑',\n   *       onClick: onItemOperate.bind(null, 'update', item),\n   *     },\n   *     {\n   *       text: '删除',\n   *       needConfirm: true,\n   *       confirmMessage: '确定要删除吗？',\n   *       onClick: onItemOperate.bind(null, 'delete', item),\n   *     },\n   *   ],\n   * }))\n   * ```\n   */\n  operateCell: tableColumnOperateRender,\n  /**\n   * 实现字段超出隐藏，默认长度10个字符\n   * @deprecated 已过期，请使用 TextOverflow 组件实现\n   * ```\n   * 1. showMaxNumber: 显示最大长度\n   * 2. 会讲字符转出字节进行计算显示\n   * ```\n   */\n  tooltipCell: tableColumnTooltipRender,\n  /**\n   * Tag格式数据渲染，可结合枚举定义数据\n   * ```\n   * 独立使用\n   * tableCellRender.selectorCell([{ label: '已开启', value: 1 }])(value)\n   * tableCellRender.selectorCell([{ label: '已开启', value: 1, color: '#108ee9' }])(value)\n   * tableCellRender.selectorCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })(value)\n   * tableCellRender.selectorCell(taskTypeEnumList)(value);\n   *\n   *\n   * 结合table column render 使用\n   * render: tableCellRender.selectorCell(taskTypeEnumList);\n   * render: tableCellRender.selectorCell([{ label: '已开启', value: 1 ]);\n   * render: (value) => {\n   *   return tableCellRender.selectorCell([{ label: '已开启', value: 1 ])(value);\n   * }\n   *\n   * 其中value值可以是单个值或者数组；例如：'1' 或者 ['1', '2']\n   * ```\n   */\n  selectorCell: tableColumnSelectorRender,\n  /**\n   * 单元格对象数据处理，支持多级处理\n   * ```\n   * tableCellRender.objectCell('a.b.c')\n   * ```\n   */\n  objectCell: tableColumnObjectRender,\n  /**\n   * 分金额展示，入参分，显示元（默认添加千分位）\n   * ```\n   * 可配置\n   * 1. separator：是否显示千分位分隔符，默认值：false\n   * 2. defaultValue：当值为空默认展示\n   * 3. hideBgColor：隐藏背景颜色\n   *\n   * 例如：\n   * fen2yuanCell()(100090) => 1000.90\n   * fen2yuanCell({separator: true})(100090) => 1,000.90\n   * fen2yuanCell()('abc') => abc\n   * fen2yuanCell({defaultValue: '--'})('') =>  --\n   * fen2yuanCell()('') => undefined\n   * fen2yuanCell({ defaultValue: 0 })('') => 0.00\n   * ```\n   */\n  fen2yuanCell: tableColumnFen2yuanCellRender,\n  /**\n   * 分金额展示，入参分，显示万元（默认添加千分位）\n   * ```\n   * 可配置\n   * 1. separator：是否显示千分位分隔符，默认值：false\n   * 2. defaultValue：当值为空默认展示\n   * 3. showBgColor：隐藏背景颜色\n   * 4. removeTailZero：移除小数点后末尾零\n   *\n   * 例如：\n   * fen2yuanCell()(1000900000) => 1000.90\n   * fen2yuanCell({separator: true})(1000900000) => 1,000.90\n   * fen2yuanCell()('abc') => abc\n   * fen2yuanCell({defaultValue: '--'})('') =>  --\n   * fen2yuanCell()('') => undefined\n   * fen2yuanCell({ defaultValue: 0 })('') => 0.00\n   * ```\n   */\n  fen2wanCell: tableColumnFen2wanCellRender,\n  /**\n   * 单元格徽标展示数据\n   * ```\n   * 1. badge 默认颜色：灰色rgba(0, 0, 0, 0.25)\n   *\n   * 独立使用\n   * tableCellRender.badgeCell([{ label: '已开启', value: 1 ])(value)\n   * tableCellRender.badgeCell([{ label: '已开启', value: 1, color: '#108ee9' }])(value)\n   * tableCellRender.badgeCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })(value)\n   *\n   * 结合table column render 使用\n   * render: tableCellRender.badgeCell([{ label: '已开启', value: 1 ])\n   * render: (value) => {\n   *   return tableCellRender.badgeCell([{ label: '已开启', value: 1 ])(value)\n   * }\n   * ```\n   */\n  badgeCell: tableColumnBadgeRender,\n  /**\n   * 单元格点击事件\n   * ```\n   * 独立使用\n   * tableCellRender.clickCell(onClick)(value, record)\n   *\n   * 结合table column render 使用\n   * render: tableCellRender.clickCell(onClick)\n   * render: (value, record) => {\n   *   return tableCellRender.clickCell(onClick)(value, record)\n   * }\n   * ```\n   */\n  clickCell: tableColumnClickRender,\n};\n"],"names":["tableColumnTooltipRender","showMaxNumber","defaultValue","value","_isEmpty","isNumber","colunmText","toString","maxNumber","isUndefinedOrNull","strByteLen","getStrByteLen","_jsx","Tooltip","placement","title","children","cutString","tableColumnOperateRender","options","_value","record","index","operateProps","ButtonOperate","_extends","tableColumnDateRender","dateFormatType","flatbizDate","format","Date","error","tableColumnIndexRender","pageNo","pageSize","_record","tableColumnIndexRender2","method","_ref","tableColumnSelectorRender","selectorList","colorMap","TagListRender","dataList","forceMatch","tableColumnObjectRender","key","_isPlainObject","target","_get","_isObject","JSON","stringify","tableColumnFen2yuanCellRender","className","hideBgColor","undefined","flatbizPrice","amount","fen2yuan","separator","tableColumnFen2wanCellRender","showBgColor","fen2wan","amountNew","removeTailZero","tableColumnExtraContentRender","handle","item","Fragment","showData","notOverflowShowExtra","extraPosition","renderValue","_isString","extra","spaceContent","spaceContentRender","reverse","Space","onClick","style","cursor","size","map","tableColumnBadgeRender","find","Badge","color","text","label","tableColumnClickRender","bind","tableCellRender","extraContentRender","indexCell","serialNumberCell","dateCell","operateCell","tooltipCell","selectorCell","objectCell","fen2yuanCell","fen2wanCell","badgeCell","clickCell"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/table-cell-render/cell-render.tsx"],"sourcesContent":["import { isEmpty, isObject, isPlainObject, isString } from '@dimjs/lang';\nimport { get } from '@dimjs/utils';\nimport {\n  cutString,\n  DateFormatType,\n  flatbizDate,\n  flatbizPrice,\n  getStrByteLen,\n  isNumber,\n  isUndefinedOrNull,\n  TAny,\n  TPlainObject,\n} from '@flatbiz/utils';\nimport { Badge, Space, Tooltip } from 'antd';\nimport { Fragment, ReactElement } from 'react';\nimport { ButtonOperate, ButtonOperateProps } from '../button-operate';\nimport { TagListRender } from '../tag-list-render';\nimport { TagListSelectProps, TagListSelectValue } from '../tag-list-select';\nimport './style.less';\n\nconst tableColumnTooltipRender = (showMaxNumber?: number, defaultValue?: string) => {\n  return (value: string | number) => {\n    if (isEmpty(value) || value === '') return defaultValue;\n    if (isNumber(value)) return value;\n    const colunmText = value.toString();\n    const maxNumber = (isUndefinedOrNull(showMaxNumber) ? 10 : showMaxNumber) as number;\n    const strByteLen = getStrByteLen(colunmText);\n    if (strByteLen <= maxNumber * 2) {\n      return colunmText;\n    }\n    return (\n      <Tooltip placement=\"topLeft\" title={colunmText}>\n        {cutString(colunmText, maxNumber * 2)}\n      </Tooltip>\n    );\n  };\n};\n\nconst tableColumnOperateRender = (options: (item: TAny, index: number) => ButtonOperateProps) => {\n  return (_value: string | number, record, index: number) => {\n    const operateProps = options(record, index);\n    return <ButtonOperate {...operateProps} />;\n  };\n};\n\nconst tableColumnDateRender = (dateFormatType?: DateFormatType, defaultValue?: string) => {\n  return (value: string | number) => {\n    if (isEmpty(value) || value === '') return defaultValue;\n    try {\n      return flatbizDate.format(new Date(value), dateFormatType);\n    } catch (error) {\n      return value || defaultValue;\n    }\n  };\n};\n\n/**\n * table 索引展示，如果存在pageSize、pageNo参数可分页展示索引，否则每页都从1开始\n * @param pageSize\n * @param pageNo\n * @returns\n */\nconst tableColumnIndexRender = (pageNo?: number, pageSize?: number) => {\n  return (_value, _record, index: number) => {\n    if (pageSize && pageNo) {\n      return (pageNo - 1) * pageSize + index + 1;\n    }\n    return index + 1;\n  };\n};\nconst tableColumnIndexRender2 = (method?: () => { pageNo?: number; pageSize?: number }) => {\n  return (_value, _record, index: number) => {\n    const { pageNo, pageSize } = method?.() || {};\n    if (pageSize && pageNo) {\n      return (pageNo - 1) * pageSize + index + 1;\n    }\n    return index + 1;\n  };\n};\n\nconst tableColumnSelectorRender = (\n  selectorList: TagListSelectProps['dataList'],\n  colorMap?: TagListSelectProps['colorMap'],\n  options?: {\n    /** 最大显示Tag数量，超出折叠隐藏 */\n    maxShowCount?: number;\n    /** 触发maxShowCount后，被折叠的内容是否显示完整tag，默认值：false */\n    foldShowAllTag?: boolean;\n  },\n) => {\n  return (value?: TAny) => {\n    if (isUndefinedOrNull(value)) return null;\n    return (\n      <TagListRender\n        dataList={selectorList}\n        colorMap={colorMap}\n        value={value}\n        forceMatch={false}\n        {...options}\n      />\n    );\n  };\n};\n\nconst tableColumnObjectRender = (key: string, defaultValue?: string) => {\n  return (value?: TPlainObject) => {\n    if (isPlainObject(value)) {\n      const target = get(value, key, defaultValue);\n      if (!target) return '';\n      if (isObject(target)) return JSON.stringify(target);\n      return target;\n    }\n    return value || defaultValue;\n  };\n};\n\nconst tableColumnFen2yuanCellRender = (options?: {\n  /** 是否显示分隔符，默认值：false */\n  separator?: boolean;\n  defaultValue?: string | number;\n  /** 隐藏背景颜色 */\n  hideBgColor?: boolean;\n}) => {\n  const className = options?.hideBgColor ? '' : 'table-fen-color';\n  return (value?: string | number) => {\n    if (isUndefinedOrNull(value) || value === '') {\n      if (isUndefinedOrNull(options?.defaultValue)) return undefined;\n      if (isNumber(options?.defaultValue as string | number)) {\n        return <span className={className}>{flatbizPrice.format(options?.defaultValue)}</span>;\n      }\n      return <span className={className}>{options?.defaultValue}</span>;\n    }\n    if (!isNumber(value as number | string)) return value;\n    const amount = flatbizPrice.fen2yuan(value);\n    return (\n      <span className={className}>\n        {flatbizPrice.format(amount, options?.defaultValue, { separator: options?.separator || false })}\n      </span>\n    );\n  };\n};\n\nconst tableColumnFen2wanCellRender = (options?: {\n  /** 是否显示分隔符，默认值：false */\n  separator?: boolean;\n  defaultValue?: string | number;\n  /** 隐藏背景颜色，默认：false */\n  showBgColor?: boolean;\n  /** 移除小数点后末尾零 */\n  removeTailZero?: boolean;\n}) => {\n  const className = options?.showBgColor === true ? 'table-wan-color' : '';\n  return (value?: string | number) => {\n    if (isUndefinedOrNull(value) || value === '') {\n      if (isUndefinedOrNull(options?.defaultValue)) return undefined;\n      if (isNumber(options?.defaultValue as string | number)) {\n        return <span className={className}>{flatbizPrice.format(options?.defaultValue)}</span>;\n      }\n      return <span className={className}>{options?.defaultValue}</span>;\n    }\n    if (!isNumber(value as number | string)) return value;\n    const amount = flatbizPrice.fen2wan(value);\n    const amountNew = options?.removeTailZero\n      ? flatbizPrice.removeTailZero(amount, options?.defaultValue, {\n          separator: options?.separator || false,\n        })\n      : flatbizPrice.format(amount, options?.defaultValue, { separator: options?.separator || false });\n    return <span className={className}>{amountNew}</span>;\n  };\n};\n\ntype TableColumnIconRenderProps = {\n  /** 额外内容，一般为Icon  */\n  extra: ReactElement;\n  extraPosition?: 'before' | 'after';\n  onClick?: (e) => void;\n  /** 是否显示原单元格数据，默认值：true */\n  showData?: boolean;\n  /** 溢出显示【...】, 最大长度（默认：20个字节） */\n  showMaxNumber?: number;\n  /** 未溢出显示【extra】配置，默认值：true  */\n  notOverflowShowExtra?: boolean;\n};\n\nconst tableColumnExtraContentRender = (handle: (item: TPlainObject) => TableColumnIconRenderProps) => {\n  return (value: TAny, item: TPlainObject) => {\n    const options = handle?.(item);\n    if (!options) return <Fragment>{value}</Fragment>;\n    const showData = isUndefinedOrNull(options.showData) ? true : options.showData;\n    const notOverflowShowExtra = isUndefinedOrNull(options.notOverflowShowExtra)\n      ? true\n      : options.notOverflowShowExtra;\n    const showMaxNumber = isUndefinedOrNull(options.showMaxNumber) ? 10 : (options.showMaxNumber as number);\n    const extraPosition = options.extraPosition ? options.extraPosition : 'after';\n    const renderValue = isString(value) ? cutString(value, showMaxNumber * 2) : value;\n\n    if (options.extra && showData) {\n      if (renderValue === value && !notOverflowShowExtra) {\n        return value;\n      }\n      const spaceContent = [<span key=\"1\">{renderValue}</span>, <Fragment key=\"2\">{options.extra}</Fragment>];\n      const spaceContentRender = extraPosition === 'before' ? spaceContent.reverse() : spaceContent;\n      return (\n        <Space onClick={options.onClick} style={{ cursor: options.onClick ? 'pointer' : undefined }} size={5}>\n          {spaceContentRender.map((item, index) => {\n            return <Fragment key={index}>{item}</Fragment>;\n          })}\n        </Space>\n      );\n    }\n    return <span onClick={options.onClick}>{options.extra}</span>;\n  };\n};\n\nconst tableColumnBadgeRender = (\n  selectorList: { label: string; value: TagListSelectValue; color?: string }[],\n  colorMap?: Record<string | string, string>,\n) => {\n  return (value?: TAny) => {\n    if (isUndefinedOrNull(value)) return null;\n    const target = selectorList.find((item) => item.value === value);\n    if (target)\n      return (\n        <Badge color={target?.color || colorMap?.[value] || 'rgba(0, 0, 0, 0.25)'} text={target?.label} />\n      );\n    return value;\n  };\n};\n\nconst tableColumnClickRender = (onClick: (record: TPlainObject, e) => void, defaultValue?: string) => {\n  return (value: TAny, record: TPlainObject) => {\n    if (isUndefinedOrNull(value)) return defaultValue;\n    return <a onClick={onClick.bind(null, record)}>{value}</a>;\n  };\n};\n\nexport const tableCellRender = {\n  /**\n   * 表格单元格 拼接额外内容渲染\n   * ```\n   * 1. extra 额外内容\n   * 2. showData 是否显示原单元格数据，默认值：true\n   * 3. showMaxNumber 显示最大长度，作用于原单元格字符串数据\n   *\n   *\n   * 结合table column render 使用\n   * # 在单元格渲染文字右侧添加图标\n   * render: tableCellRender.extraContentRender(() => {\n   *   return {\n   *     extra: <FullscreenOutlined />,\n   *     onClick: () => { ... },\n   *   };\n   * }),\n   * ```\n   */\n  extraContentRender: tableColumnExtraContentRender,\n  /**\n   * table 索引展示，如果存在pageSize、pageNo参数可分页展示索引，否则每页都从1开始\n   * @deprecated 已过时 4.3.0版本移除，请使用 serialNumberCell\n   */\n  indexCell: tableColumnIndexRender,\n  /**\n   * table 序号展示，如果存在pageSize、pageNo参数可分页展示累加序号，否则每页都从1开始\n   * ```\n   *  render: tableCellRender.serialNumberCell(() => {\n   *    return { pageNo,pageSize };\n   *  }),\n   * ```\n   */\n  serialNumberCell: tableColumnIndexRender2,\n  /**\n   * 表格日期格式数据渲染，默认格式：YYYY-MM-DD\n   * ```\n   * 独立使用\n   * tableCellRender.dateCell('YYYY-MM-DD hh:mm:ss')(value)\n   *\n   * 结合table column render 使用\n   * render: tableCellRender.dateCell('YYYY-MM-DD hh:mm:ss')\n   * render: (value) => {\n   *   return tableCellRender.dateCell('YYYY-MM-DD')(value);\n   * }\n   * ```\n   */\n  dateCell: tableColumnDateRender,\n  /**\n   * table操作栏目渲染\n   * ```\n   * 使用方式\n   * tableCellRender.operateCell((item) => ({\n   *   operateList: [\n   *     {\n   *       text: '编辑',\n   *       onClick: onItemOperate.bind(null, 'update', item),\n   *     },\n   *     {\n   *       text: '删除',\n   *       needConfirm: true,\n   *       confirmMessage: '确定要删除吗？',\n   *       onClick: onItemOperate.bind(null, 'delete', item),\n   *     },\n   *   ],\n   * }))\n   * ```\n   */\n  operateCell: tableColumnOperateRender,\n  /**\n   * 实现字段超出隐藏，默认长度10个字符\n   * @deprecated 已过期，请使用 TextOverflow 组件实现\n   * ```\n   * 1. showMaxNumber: 显示最大长度\n   * 2. 会讲字符转出字节进行计算显示\n   * ```\n   */\n  tooltipCell: tableColumnTooltipRender,\n  /**\n   * Tag格式数据渲染，可结合枚举定义数据\n   * ```\n   * 独立使用\n   * tableCellRender.selectorCell([{ label: '已开启', value: 1 }])(value)\n   * tableCellRender.selectorCell([{ label: '已开启', value: 1, color: '#108ee9' }])(value)\n   * tableCellRender.selectorCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })(value)\n   * tableCellRender.selectorCell(taskTypeEnumList)(value);\n   *\n   *\n   * 结合table column render 使用\n   * render: tableCellRender.selectorCell(taskTypeEnumList);\n   * render: tableCellRender.selectorCell([{ label: '已开启', value: 1 ]);\n   * render: (value) => {\n   *   return tableCellRender.selectorCell([{ label: '已开启', value: 1 ])(value);\n   * }\n   *\n   * 其中value值可以是单个值或者数组；例如：'1' 或者 ['1', '2']\n   * ```\n   */\n  selectorCell: tableColumnSelectorRender,\n  /**\n   * 单元格对象数据处理，支持多级处理\n   * ```\n   * tableCellRender.objectCell('a.b.c')\n   * ```\n   */\n  objectCell: tableColumnObjectRender,\n  /**\n   * 分金额展示，入参分，显示元（默认添加千分位）\n   * ```\n   * 可配置\n   * 1. separator：是否显示千分位分隔符，默认值：false\n   * 2. defaultValue：当值为空默认展示\n   * 3. hideBgColor：隐藏背景颜色\n   *\n   * 例如：\n   * fen2yuanCell()(100090) => 1000.90\n   * fen2yuanCell({separator: true})(100090) => 1,000.90\n   * fen2yuanCell()('abc') => abc\n   * fen2yuanCell({defaultValue: '--'})('') =>  --\n   * fen2yuanCell()('') => undefined\n   * fen2yuanCell({ defaultValue: 0 })('') => 0.00\n   * ```\n   */\n  fen2yuanCell: tableColumnFen2yuanCellRender,\n  /**\n   * 分金额展示，入参分，显示万元（默认添加千分位）\n   * ```\n   * 可配置\n   * 1. separator：是否显示千分位分隔符，默认值：false\n   * 2. defaultValue：当值为空默认展示\n   * 3. showBgColor：隐藏背景颜色\n   * 4. removeTailZero：移除小数点后末尾零\n   *\n   * 例如：\n   * fen2yuanCell()(1000900000) => 1000.90\n   * fen2yuanCell({separator: true})(1000900000) => 1,000.90\n   * fen2yuanCell()('abc') => abc\n   * fen2yuanCell({defaultValue: '--'})('') =>  --\n   * fen2yuanCell()('') => undefined\n   * fen2yuanCell({ defaultValue: 0 })('') => 0.00\n   * ```\n   */\n  fen2wanCell: tableColumnFen2wanCellRender,\n  /**\n   * 单元格徽标展示数据\n   * ```\n   * 1. badge 默认颜色：灰色rgba(0, 0, 0, 0.25)\n   *\n   * 独立使用\n   * tableCellRender.badgeCell([{ label: '已开启', value: 1 ])(value)\n   * tableCellRender.badgeCell([{ label: '已开启', value: 1, color: '#108ee9' }])(value)\n   * tableCellRender.badgeCell([{ label: '已开启', value: 1 }], { 1: '#108ee9' })(value)\n   *\n   * 结合table column render 使用\n   * render: tableCellRender.badgeCell([{ label: '已开启', value: 1 ])\n   * render: (value) => {\n   *   return tableCellRender.badgeCell([{ label: '已开启', value: 1 ])(value)\n   * }\n   * ```\n   */\n  badgeCell: tableColumnBadgeRender,\n  /**\n   * 单元格点击事件\n   * ```\n   * 独立使用\n   * tableCellRender.clickCell(onClick)(value, record)\n   *\n   * 结合table column render 使用\n   * render: tableCellRender.clickCell(onClick)\n   * render: (value, record) => {\n   *   return tableCellRender.clickCell(onClick)(value, record)\n   * }\n   * ```\n   */\n  clickCell: tableColumnClickRender,\n};\n"],"names":["tableColumnTooltipRender","showMaxNumber","defaultValue","value","_isEmpty","isNumber","colunmText","toString","maxNumber","isUndefinedOrNull","strByteLen","getStrByteLen","_jsx","Tooltip","placement","title","children","cutString","tableColumnOperateRender","options","_value","record","index","operateProps","ButtonOperate","_extends","tableColumnDateRender","dateFormatType","flatbizDate","format","Date","error","tableColumnIndexRender","pageNo","pageSize","_record","tableColumnIndexRender2","method","_ref","tableColumnSelectorRender","selectorList","colorMap","TagListRender","dataList","forceMatch","tableColumnObjectRender","key","_isPlainObject","target","_get","_isObject","JSON","stringify","tableColumnFen2yuanCellRender","className","hideBgColor","undefined","flatbizPrice","amount","fen2yuan","separator","tableColumnFen2wanCellRender","showBgColor","fen2wan","amountNew","removeTailZero","tableColumnExtraContentRender","handle","item","Fragment","showData","notOverflowShowExtra","extraPosition","renderValue","_isString","extra","spaceContent","spaceContentRender","reverse","Space","onClick","style","cursor","size","map","tableColumnBadgeRender","find","Badge","color","text","label","tableColumnClickRender","bind","tableCellRender","extraContentRender","indexCell","serialNumberCell","dateCell","operateCell","tooltipCell","selectorCell","objectCell","fen2yuanCell","fen2wanCell","badgeCell","clickCell"],"mappings":"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"}

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 l,useEventListener as i}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";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 l=o.children,i=o.target,a=r(o,h);var c=e(l,"props.summary");return u(l,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(w,{target:i})]})}}))};var w=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]),w=b.table,j=b.tableBox;var x=o(w==null?void 0:w.querySelector("tbody")),L=x[0];var N=l(j);var W=n((function(){if(e)return e;return y(w)||document.body}),[e,w,N]);g((function(){if(m&&u.current&&d.current){if(u.current.clientWidth!=(j==null?void 0:j.clientWidth)){u.current.style.width=((j==null?void 0:j.clientWidth)||0)+"px"}if(d.current.clientWidth!=(w==null?void 0:w.clientWidth)){d.current.style.width=((w==null?void 0:w.clientWidth)||0)+"px"}}}),[N,m]);i("scroll",(function(r){var t=r.target;if(u.current){u.current.scrollLeft=t.scrollLeft}}),{target:function r(){return j}});i("scroll",(function(r){var t=r.target;if(j)j.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-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};
 //# 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":";kmBAQA,IAAQA,EAAoBC,EAApBD,gBAUR,IAAME,EAAsB,SAAtBA,EAAuBC,GAC3B,IAAKA,EAAY,OAAOC,UACxB,IAAMC,EAAgBC,iBAAiBH,GACvC,GAAIE,EAAcE,YAAc,UAAYF,EAAcE,YAAc,OAAQ,CAC9E,OAAOJ,CACT,CACA,OAAOD,EAAoBC,EAAWA,WACxC,MAUaK,EAAiB,SAAjBA,EAAcC,GAAyD,IAAnDC,EAAQD,EAARC,SAAUC,EAAMF,EAANE,OAAWC,EAAKC,EAAAJ,EAAAK,GACzD,IAAMC,EAAeC,EAAIN,EAAiB,iBAC1C,OAAOO,EAAaP,EAAQQ,KACvBN,EAAK,CACRG,QAAS,SAATA,IAAO,IAAA,IAAAI,EAAAC,UAAAC,OAAMC,EAAIC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAA,CAAJF,EAAIE,GAAAJ,UAAAI,EAAA,CAAA,OACfC,EAAAC,EAAA,CAAAhB,SACGK,CAAAA,GAAAA,UAAAA,EAAAA,EAAOY,WAAML,EAAAA,GACdM,EAACC,EAAgB,CAAClB,OAAQA,MACzB,IAGT,EAIA,IAAMkB,EAAmB,SAAnBA,EAAgBC,GAA0C,IAApCnB,EAAMmB,EAANnB,OAC1B,IAAMoB,EAAeC,IACrB,IAAMC,EAAYD,IAElB,IAAAE,EAAwBC,EAAkB,OAAnCC,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEpB,IAAAI,EAA4BC,GAAY,WAAM,IAAAC,EAC5C,IAAMC,EAAiB,SAAjBA,EAAkBtC,GACtB,IAAKA,EAAY,OAAOC,UACxB,GAAID,EAAWuC,WAAa,QAAS,CACnC,OAAOvC,CACT,CACA,OAAOsC,EAAetC,EAAWA,aAEnC,IAAMwC,EAAQF,EAAeV,GAAYS,OAAAA,EAAZT,EAAca,UAAO,UAAA,EAArBJ,EAAuBK,eACpD,MAAO,CACLF,MAAAA,EACAG,SAAUH,GAAAA,UAAAA,EAAAA,EAAOE,cAErB,GAAG,CAACd,EAAaa,UAbTD,EAAKL,EAALK,MAAOG,EAAQR,EAARQ,SAef,IAAAC,EAAqBC,EAAcL,GAAK,UAAA,EAALA,EAAOM,cAAc,UAAjDC,EAAUH,EAAA,GAGjB,IAAMI,EAAOC,EAAQN,GAErB,IAAMO,EAAUd,GAAY,WAC1B,GAAI5B,EAAQ,OAAOA,EACnB,OAAOT,EAAoByC,IAAUW,SAASC,IAC/C,GAAE,CAAC5C,EAAQgC,EAAOQ,IAEnBnD,GAAgB,WACd,GAAIoC,GAAQL,EAAaa,SAAWX,EAAUW,QAAS,CACrD,GAAIb,EAAaa,QAAQY,cAAeV,GAAAA,UAAAA,EAAAA,EAAUU,aAAa,CAC7DzB,EAAaa,QAAQa,MAAMC,QAAWZ,eAAAA,EAAUU,cAAe,GAAK,IACtE,CACA,GAAIvB,EAAUW,QAAQY,cAAeb,GAAAA,UAAAA,EAAAA,EAAOa,aAAa,CACvDvB,EAAUW,QAAQa,MAAMC,QAAWf,eAAAA,EAAOa,cAAe,GAAK,IAChE,CACF,CACF,GAAG,CAACL,EAAMf,IAEVuB,EACE,UACA,SAAAC,GAAgB,IAAbjD,EAAMiD,EAANjD,OACD,GAAIoB,EAAaa,QAAS,CACxBb,EAAaa,QAAQiB,WAAalD,EAAOkD,UAC3C,CACF,GACA,CAAElD,OAAQ,SAARA,IAAM,OAAQmC,CAAQ,IAG1Ba,EACE,UACA,SAAAG,GAAgB,IAAbnD,EAAMmD,EAANnD,OACD,GAAImC,EAAUA,EAASe,WAAalD,EAAOkD,UAC7C,GACA,CAAElD,OAAQoB,IAGZ,IAAAgC,EAAsB5B,EAAiB,GAAhC6B,EAAGD,EAAA,GAAEE,EAAMF,EAAA,GAClB,IAAMG,EAAUlC,EAAuB,MACvCmC,GAAU,WAAM,IAAAC,EACd,IAAIjE,GAAUiE,EAAGF,EAAQtB,UAAO,UAAA,EAAfwB,EAAiBjE,WAClC,IAAIkE,EAAU,MACd,MAAOlE,GAAc,KAAM,CAAA,IAAAmE,EAAAC,EACzB,IACED,EAAAnE,EAAWqE,YAAS,MAApBF,EAAsBG,SAAS,uBAAoBF,EACnDpE,EAAWqE,YAAS,MAApBD,EAAsBE,SAAS,mBAC/B,CACAJ,EAAU,KACV,KACF,CACAlE,EAAaA,EAAWA,UAC1B,CACA,GAAIkE,EAAS,CACXK,YAAW,WACTT,EAAOU,KAAKC,MACb,GAAE,IACL,KAAO,CACLX,EAAOU,KAAKC,MACd,CACD,GAAE,IAEH,OACEhD,EAAA,MAAA,CAAKiD,UAAU,iBAAiBC,IAAKZ,EAAQxD,SAC1CsD,EACCpC,EAACmD,EAAK,CACJC,aAAc9B,EAAa,GAAK,EAChCO,MAAO,CAAEwB,QAAS7C,EAAO,EAAI,GAC7B8C,SAAU,SAAVA,EAAWC,GACT9C,IAAU8C,EACV,EACFxE,OAAQ,SAARA,IAAM,OAAQ0C,CAAQ,EAAA3C,SAEtBkB,EAAA,MAAA,CAAKkD,IAAK/C,EAAqB8C,UAAU,gBAAenE,SACtDkB,EAAA,MAAA,CAAKkD,IAAK7C,EAAkBwB,MAAO,CAAE2B,OAAQ,SAG/C,MAGV"}

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 e}from"antd";import{fbaHooks as i}from"../fba-hooks/index.js";import{jsx as t}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";var a=function a(s){var l=i.useThemeToken();return t(o,r({wrap:true,size:5},s.spaceProps,{children:s.dataList.map((function(r,o){var i;var a=r.color||((i=s.colorMap)==null?void 0:i[r.value])||l.colorPrimary;return t(e,{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-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};
 //# 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":";gVAkBaA,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,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"}

package/esm/tag-wrapper/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import r from"@ant-design/icons/es/icons/LoadingOutlined";import{a as o,_ as i}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 f}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var m=["loading","children","debounceDuration","style"];var u=function u(d){var p=d.loading,v=d.children,j=d.debounceDuration,g=d.style,h=o(d,m);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(r){var o=d.onClick;if(!o){return}var i=o(r);if(i&&e(i)){k(true);i.catch((function(r){console.error(r)})).finally((function(){k(false)}))}}),C);return c(s,i({},h,{onClick:x,style:i({cursor:d.onClick?"pointer":"default"},g),children:[b&&f("div",{className:"tw-center-loading",children:f(r,{})}),b?f("div",{style:{opacity:.5},children:v}):v]}))};export{u 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-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};
 //# 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":";8jBAmBaA,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,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"}

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 o,jsxs as s}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";var a=function a(d){var l=r();var f=e(0),m=f[0],p=f[1];var u=t(l);var c=n.useMemoCustom((function(){var t;if(d.hideTips)return false;if(d.width!==undefined){return m>d.width}var i=((t=l.current)==null||(t=t.parentElement)==null?void 0:t.offsetWidth)||0;return m>i}),[d.hideTips,d.width,m,u==null?void 0:u.width]);return o(i,{title:c?d.text:undefined,children:s("span",{className:"text-css-ellipsis",style:d.width?{width:d.width}:{},ref:function t(i){if(i){l.current=i}},children:[o("span",{className:"tce-hidden",children:o("span",{ref:function t(i){if(i){p(i.offsetWidth)}},children:d.text})}),d.text]})})};export{a 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-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};
 //# 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":";uYAyBaA,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,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"}

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 n,useMemo as r,memo as i}from"react";import{classNames as a}from"@dimjs/utils/cjs/class-names";import{useSize as l}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";var h=function t(e){var r=n(null);var i=l(r);var h=(i==null?void 0:i.width)||0;var u=n(null);var m=l(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:a("text-overflow",{"tow-trigger":e.onClick}),ref:r,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 r=n(null);var i=l(r);var s=e.maxLength;var h=(i==null?void 0:i.width)||0;var u=e.text;var m=n(null);var v=l(m);var f=u.length>s;var w=(v==null?void 0:v.width)||0;var x=f&&w<h;var p=h<w+1||f;var g=u.substring(0,e.maxLength);return d("div",{className:a("text-overflow",{"tow-trigger":e.onClick}),ref:r,children:[c("span",{className:"tow-hidden",children:c("span",{className:"tow-inner-text",ref:m,children:g})}),c(o,{title:p&&!e.hideTip?u:undefined,children:x?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 i=n(null);var s=l(i);var h=e.maxWidth||0;var u=n(null);var m=l(u);var v=r((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:a("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: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 n(r){if(r.maxLength&&e(r.text)){return c(u,t({},r))}if(r.maxWidth){return c(m,t({},r))}return c(h,t({},r))};var f=i(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-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};
 //# 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/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 j=function r(e){var s=e.text,m=e.maxLength,d=e.placeholder,j=e.onClick,u=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:j,prefix:u,children:s})}else{var h=n(s,m*2);return p(l,{placement:"topLeft",title:s,children:p(c,{onClick:j,prefix:u,children:h})})}}if(e.width){return p(c,{onClick:j,prefix:u,children:p(a,{text:s,width:e.width})})}return p(c,{onClick:j,prefix:u,children:e.text})};export{j 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-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};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/text-overflow-render/text-overflow-render.tsx"],"sourcesContent":["import { isEmpty } from '@dimjs/lang';\nimport { cutString, getStrByteLen } from '@flatbiz/utils';\nimport { Tooltip } from 'antd';\nimport { Fragment, ReactElement } from 'react';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { TextCssEllipsis } from '../text-css-ellipsis';\n\nconst LinkRender = (props: {\n  onClick?: (e) => void;\n  children?: ReactElement | string;\n  prefix?: string | ReactElement;\n}) => {\n  const { onClick, children, prefix, ...otherProps } = props;\n  if (!!onClick) {\n    return (\n      <ButtonWrapper\n        type=\"link\"\n        onClick={onClick}\n        style={{ padding: 0, height: 'initial', display: 'inline-flex', alignItems: 'center' }}\n        {...otherProps}\n      >\n        {prefix ? <span style={{ marginRight: 5 }}>{prefix}</span> : null}\n        {children}\n      </ButtonWrapper>\n    );\n  }\n  return (\n    <span {...otherProps} style={{ display: 'inline-flex', ...otherProps['style'] }}>\n      {prefix ? <span style={{ marginRight: 5 }}>{prefix}</span> : null}\n      {children}\n    </span>\n  );\n};\n\nexport type TextOverflowRenderProps = {\n  /** width 宽度控制超长 */\n  width?: number;\n  /** maxLength 数字控制超长  */\n  maxLength?: number;\n  /** 完整文本 */\n  text?: string;\n  /** 文本前缀显示 */\n  prefix?: string | ReactElement;\n  /** 数据不存在时，占位符 */\n  placeholder?: ReactElement | string;\n  onClick?: (e) => void;\n};\n\n/**\n * 文本显示超出截取，被截取的添加Tooltip显示完整数据\n * @deprecated 已过期，请使用 TextOverflow 组件\n * ```\n * 控制文本显示两种方式\n * 1. 通过 maxLength 控制超长\n * 2. 通过 width 控制超长\n *\n * 3. maxLength 与 width 互斥，优先级：maxLength > width\n * ```\n */\nexport const TextOverflowRender = (props: TextOverflowRenderProps) => {\n  const { text, maxLength, placeholder, onClick, prefix } = props;\n\n  if (!text || isEmpty(text) || text === '') return <Fragment>{placeholder}</Fragment>;\n  if (!!maxLength) {\n    const strByteLen = getStrByteLen(text);\n    if (strByteLen <= maxLength * 2) {\n      return (\n        <LinkRender onClick={onClick} prefix={prefix}>\n          {text}\n        </LinkRender>\n      );\n    } else {\n      const resultTitle = cutString(text, maxLength * 2);\n      return (\n        <Tooltip placement=\"topLeft\" title={text}>\n          <LinkRender onClick={onClick} prefix={prefix}>\n            {resultTitle}\n          </LinkRender>\n        </Tooltip>\n      );\n    }\n  }\n  if (props.width) {\n    return (\n      <LinkRender onClick={onClick} prefix={prefix}>\n        <TextCssEllipsis text={text} width={props.width} />\n      </LinkRender>\n    );\n  }\n  return (\n    <LinkRender onClick={onClick} prefix={prefix}>\n      {props.text}\n    </LinkRender>\n  );\n};\n"],"names":["LinkRender","props","onClick","children","prefix","otherProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","ButtonWrapper","_extends","type","style","padding","height","display","alignItems","_jsx","marginRight","TextOverflowRender","text","maxLength","placeholder","_isEmpty","Fragment","strByteLen","getStrByteLen","resultTitle","cutString","Tooltip","placement","title","width","TextCssEllipsis"],"mappings":";qqCAOA,IAAMA,EAAa,SAAbA,EAAcC,GAKlB,IAAQC,EAA6CD,EAA7CC,QAASC,EAAoCF,EAApCE,SAAUC,EAA0BH,EAA1BG,OAAWC,EAAUC,EAAKL,EAAKM,GAC1D,KAAML,EAAS,CACb,OACEM,EAACC,EAAaC,EAAA,CACZC,KAAK,OACLT,QAASA,EACTU,MAAO,CAAEC,QAAS,EAAGC,OAAQ,UAAWC,QAAS,cAAeC,WAAY,WACxEX,EAAU,CAAAF,SAAA,CAEbC,EAASa,EAAA,OAAA,CAAML,MAAO,CAAEM,YAAa,GAAIf,SAAEC,IAAiB,KAC5DD,KAGP,CACA,OACEK,EAAA,OAAAE,EAAA,CAAA,EAAUL,EAAU,CAAEO,MAAKF,EAAA,CAAIK,QAAS,eAAkBV,EAAW,UAAWF,SAAA,CAC7EC,EAASa,EAAA,OAAA,CAAML,MAAO,CAAEM,YAAa,GAAIf,SAAEC,IAAiB,KAC5DD,KAGP,MA2BagB,EAAqB,SAArBA,EAAsBlB,GACjC,IAAQmB,EAAkDnB,EAAlDmB,KAAMC,EAA4CpB,EAA5CoB,UAAWC,EAAiCrB,EAAjCqB,YAAapB,EAAoBD,EAApBC,QAASE,EAAWH,EAAXG,OAE/C,IAAKgB,GAAQG,EAAQH,IAASA,IAAS,GAAI,OAAOH,EAACO,EAAQ,CAAArB,SAAEmB,IAC7D,KAAMD,EAAW,CACf,IAAMI,EAAaC,EAAcN,GACjC,GAAIK,GAAcJ,EAAY,EAAG,CAC/B,OACEJ,EAACjB,EAAU,CAACE,QAASA,EAASE,OAAQA,EAAOD,SAC1CiB,GAGP,KAAO,CACL,IAAMO,EAAcC,EAAUR,EAAMC,EAAY,GAChD,OACEJ,EAACY,EAAO,CAACC,UAAU,UAAUC,MAAOX,EAAKjB,SACvCc,EAACjB,EAAU,CAACE,QAASA,EAASE,OAAQA,EAAOD,SAC1CwB,KAIT,CACF,CACA,GAAI1B,EAAM+B,MAAO,CACf,OACEf,EAACjB,EAAU,CAACE,QAASA,EAASE,OAAQA,EAAOD,SAC3Cc,EAACgB,EAAe,CAACb,KAAMA,EAAMY,MAAO/B,EAAM+B,SAGhD,CACA,OACEf,EAACjB,EAAU,CAACE,QAASA,EAASE,OAAQA,EAAOD,SAC1CF,EAAMmB,MAGb"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/text-overflow-render/text-overflow-render.tsx"],"sourcesContent":["import { isEmpty } from '@dimjs/lang';\nimport { cutString, getStrByteLen } from '@flatbiz/utils';\nimport { Tooltip } from 'antd';\nimport { Fragment, ReactElement } from 'react';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { TextCssEllipsis } from '../text-css-ellipsis';\n\nconst LinkRender = (props: {\n  onClick?: (e) => void;\n  children?: ReactElement | string;\n  prefix?: string | ReactElement;\n}) => {\n  const { onClick, children, prefix, ...otherProps } = props;\n  if (!!onClick) {\n    return (\n      <ButtonWrapper\n        type=\"link\"\n        onClick={onClick}\n        style={{ padding: 0, height: 'initial', display: 'inline-flex', alignItems: 'center' }}\n        {...otherProps}\n      >\n        {prefix ? <span style={{ marginRight: 5 }}>{prefix}</span> : null}\n        {children}\n      </ButtonWrapper>\n    );\n  }\n  return (\n    <span {...otherProps} style={{ display: 'inline-flex', ...otherProps['style'] }}>\n      {prefix ? <span style={{ marginRight: 5 }}>{prefix}</span> : null}\n      {children}\n    </span>\n  );\n};\n\nexport type TextOverflowRenderProps = {\n  /** width 宽度控制超长 */\n  width?: number;\n  /** maxLength 数字控制超长  */\n  maxLength?: number;\n  /** 完整文本 */\n  text?: string;\n  /** 文本前缀显示 */\n  prefix?: string | ReactElement;\n  /** 数据不存在时，占位符 */\n  placeholder?: ReactElement | string;\n  onClick?: (e) => void;\n};\n\n/**\n * 文本显示超出截取，被截取的添加Tooltip显示完整数据\n * @deprecated 已过期，请使用 TextOverflow 组件\n * ```\n * 控制文本显示两种方式\n * 1. 通过 maxLength 控制超长\n * 2. 通过 width 控制超长\n *\n * 3. maxLength 与 width 互斥，优先级：maxLength > width\n * ```\n */\nexport const TextOverflowRender = (props: TextOverflowRenderProps) => {\n  const { text, maxLength, placeholder, onClick, prefix } = props;\n\n  if (!text || isEmpty(text) || text === '') return <Fragment>{placeholder}</Fragment>;\n  if (!!maxLength) {\n    const strByteLen = getStrByteLen(text);\n    if (strByteLen <= maxLength * 2) {\n      return (\n        <LinkRender onClick={onClick} prefix={prefix}>\n          {text}\n        </LinkRender>\n      );\n    } else {\n      const resultTitle = cutString(text, maxLength * 2);\n      return (\n        <Tooltip placement=\"topLeft\" title={text}>\n          <LinkRender onClick={onClick} prefix={prefix}>\n            {resultTitle}\n          </LinkRender>\n        </Tooltip>\n      );\n    }\n  }\n  if (props.width) {\n    return (\n      <LinkRender onClick={onClick} prefix={prefix}>\n        <TextCssEllipsis text={text} width={props.width} />\n      </LinkRender>\n    );\n  }\n  return (\n    <LinkRender onClick={onClick} prefix={prefix}>\n      {props.text}\n    </LinkRender>\n  );\n};\n"],"names":["LinkRender","props","onClick","children","prefix","otherProps","_objectWithoutPropertiesLoose","_excluded","_jsxs","ButtonWrapper","_extends","type","style","padding","height","display","alignItems","_jsx","marginRight","TextOverflowRender","text","maxLength","placeholder","_isEmpty","Fragment","strByteLen","getStrByteLen","resultTitle","cutString","Tooltip","placement","title","width","TextCssEllipsis"],"mappings":";msCAOA,IAAMA,EAAa,SAAbA,EAAcC,GAKlB,IAAQC,EAA6CD,EAA7CC,QAASC,EAAoCF,EAApCE,SAAUC,EAA0BH,EAA1BG,OAAWC,EAAUC,EAAKL,EAAKM,GAC1D,KAAML,EAAS,CACb,OACEM,EAACC,EAAaC,EAAA,CACZC,KAAK,OACLT,QAASA,EACTU,MAAO,CAAEC,QAAS,EAAGC,OAAQ,UAAWC,QAAS,cAAeC,WAAY,WACxEX,EAAU,CAAAF,SAAA,CAEbC,EAASa,EAAA,OAAA,CAAML,MAAO,CAAEM,YAAa,GAAIf,SAAEC,IAAiB,KAC5DD,KAGP,CACA,OACEK,EAAA,OAAAE,EAAA,CAAA,EAAUL,EAAU,CAAEO,MAAKF,EAAA,CAAIK,QAAS,eAAkBV,EAAW,UAAWF,SAAA,CAC7EC,EAASa,EAAA,OAAA,CAAML,MAAO,CAAEM,YAAa,GAAIf,SAAEC,IAAiB,KAC5DD,KAGP,MA2BagB,EAAqB,SAArBA,EAAsBlB,GACjC,IAAQmB,EAAkDnB,EAAlDmB,KAAMC,EAA4CpB,EAA5CoB,UAAWC,EAAiCrB,EAAjCqB,YAAapB,EAAoBD,EAApBC,QAASE,EAAWH,EAAXG,OAE/C,IAAKgB,GAAQG,EAAQH,IAASA,IAAS,GAAI,OAAOH,EAACO,EAAQ,CAAArB,SAAEmB,IAC7D,KAAMD,EAAW,CACf,IAAMI,EAAaC,EAAcN,GACjC,GAAIK,GAAcJ,EAAY,EAAG,CAC/B,OACEJ,EAACjB,EAAU,CAACE,QAASA,EAASE,OAAQA,EAAOD,SAC1CiB,GAGP,KAAO,CACL,IAAMO,EAAcC,EAAUR,EAAMC,EAAY,GAChD,OACEJ,EAACY,EAAO,CAACC,UAAU,UAAUC,MAAOX,EAAKjB,SACvCc,EAACjB,EAAU,CAACE,QAASA,EAASE,OAAQA,EAAOD,SAC1CwB,KAIT,CACF,CACA,GAAI1B,EAAM+B,MAAO,CACf,OACEf,EAACjB,EAAU,CAACE,QAASA,EAASE,OAAQA,EAAOD,SAC3Cc,EAACgB,EAAe,CAACb,KAAMA,EAAMY,MAAO/B,EAAM+B,SAGhD,CACA,OACEf,EAACjB,EAAU,CAACE,QAASA,EAASE,OAAQA,EAAOD,SAC1CF,EAAMmB,MAGb"}

package/esm/time-range-picker-wrapper-form-item/index.js

@@ -7,5 +7,5 @@ import './../pre-defined-class-name/index.css';
 import './../types/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as a}from"@wove/react/cjs/hooks";import{isArray as n}from"@dimjs/lang/cjs/is-array";import{toArray as i}from"@flatbiz/utils";import{Form as o}from"antd";import{useMemo as t,useEffect as m,useRef as s}from"react";import{fbaHooks as l}from"../fba-hooks/index.js";import{fbaUtils as u}from"../fba-utils/index.js";import{FormItemHidden as v}from"../form-item-hidden/index.js";import{FormItemWrapper as c}from"../form-item-wrapper/index.js";import{TimeRangePickerWrapper as f}from"../time-range-picker-wrapper/index.js";import{jsxs as p,Fragment as d,jsx as j}from"react/jsx-runtime";import"../use-responsive-point-21b8c601.js";import"@dimjs/model";import"../pre-defined-class-name/index.js";import"@dimjs/utils/cjs/class-names";import"dayjs";import"../time-53b3f55f.js";var h=["startName","endName","formListName","formListCompleteName","timeRangePickerWrapperProps"];var g=function s(l){var g;var C=l.startName,x=l.endName,N=l.formListName,k=l.formListCompleteName,P=l.timeRangePickerWrapperProps,b=e(l,h);var F=o.useFormInstance();var W=k||N;var L=t((function(){if(W&&n(C)&&n(x)){var e=C[0],r=C.slice(1);var a=x.slice(1);return[e].concat("__#invalid_time_"+r.join("-")+"_"+a.join("-"))}return"__#invalid_time_"+C+"_"+x}),[W,C,x]);var w=t((function(){return W?[].concat(i(W),L):L}),[L,W]);var R=t((function(){return W?[].concat(i(W),i(C)):C}),[C,W]);var y=t((function(){return W?[].concat(i(W),i(x)):x}),[x,W]);var z=o.useWatch(R,F);var A=o.useWatch(y,F);var B=o.useWatch(w,F);var E=a.useCallbackRef((function(e){var r=e==null?void 0:e[0];var a=e==null?void 0:e[1];u.setFormFieldsAndTriggerValuesChange(F,[{name:R,value:r},{name:y,value:a}]);P==null||P.onChange==null||P.onChange(e)}));m((function(){if(z&&A){F.setFields([{name:w,value:[z,A]}])}else{F.setFields([{name:w,value:undefined}])}}),[z,A,B,F,w]);return p(d,{children:[j(v,{name:C}),j(v,{name:x}),j(c,r({},b,{name:L,children:W&&(g=l.rules)!=null&&g.length?j(_,r({},P,{onChange:E})):j(f,r({},P,{onChange:E}))}))]})};var _=function e(a){var n,i;var o=s(0);var t=l.usePrevious(a.value);l.useEffectCustom((function(){var e,r;if(o.current===0&&!t&&(e=a.value)!=null&&e[0]&&(r=a.value)!=null&&r[1]){o.current=1;a.onChange==null||a.onChange(a.value)}}),[(n=a.value)==null?void 0:n[0],(i=a.value)==null?void 0:i[1]]);return j(f,r({},a))};export{g as TimeRangePickerWrapperFormItem};
+import{a as e,_ as r}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{hooks as a}from"@wove/react/cjs/hooks";import{isArray as n}from"@dimjs/lang/cjs/is-array";import{toArray as i}from"@flatbiz/utils";import{Form as t}from"antd";import{useMemo as o,useEffect as m,useRef as s}from"react";import{fbaHooks as l}from"../fba-hooks/index.js";import{fbaUtils as u}from"../fba-utils/index.js";import{FormItemHidden as v}from"../form-item-hidden/index.js";import{FormItemWrapper as c}from"../form-item-wrapper/index.js";import{TimeRangePickerWrapper as f}from"../time-range-picker-wrapper/index.js";import{jsxs as p,Fragment as d,jsx as j}from"react/jsx-runtime";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/model";import"../pre-defined-class-name/index.js";import"@dimjs/utils/cjs/class-names";import"dayjs";import"../time-53b3f55f.js";var h=["startName","endName","formListName","formListCompleteName","timeRangePickerWrapperProps"];var g=function s(l){var g;var C=l.startName,x=l.endName,N=l.formListName,k=l.formListCompleteName,P=l.timeRangePickerWrapperProps,b=e(l,h);var F=t.useFormInstance();var W=k||N;var L=o((function(){if(W&&n(C)&&n(x)){var e=C[0],r=C.slice(1);var a=x.slice(1);return[e].concat("__#invalid_time_"+r.join("-")+"_"+a.join("-"))}return"__#invalid_time_"+C+"_"+x}),[W,C,x]);var w=o((function(){return W?[].concat(i(W),L):L}),[L,W]);var R=o((function(){return W?[].concat(i(W),i(C)):C}),[C,W]);var y=o((function(){return W?[].concat(i(W),i(x)):x}),[x,W]);var z=t.useWatch(R,F);var A=t.useWatch(y,F);var B=t.useWatch(w,F);var E=a.useCallbackRef((function(e){var r=e==null?void 0:e[0];var a=e==null?void 0:e[1];u.setFormFieldsAndTriggerValuesChange(F,[{name:R,value:r},{name:y,value:a}]);P==null||P.onChange==null||P.onChange(e)}));m((function(){if(z&&A){F.setFields([{name:w,value:[z,A]}])}else{F.setFields([{name:w,value:undefined}])}}),[z,A,B,F,w]);return p(d,{children:[j(v,{name:C}),j(v,{name:x}),j(c,r({},b,{name:L,children:W&&(g=l.rules)!=null&&g.length?j(_,r({},P,{onChange:E})):j(f,r({},P,{onChange:E}))}))]})};var _=function e(a){var n,i;var t=s(0);var o=l.usePrevious(a.value);l.useEffectCustom((function(){var e,r;if(t.current===0&&!o&&(e=a.value)!=null&&e[0]&&(r=a.value)!=null&&r[1]){t.current=1;a.onChange==null||a.onChange(a.value)}}),[(n=a.value)==null?void 0:n[0],(i=a.value)==null?void 0:i[1]]);return j(f,r({},a))};export{g as TimeRangePickerWrapperFormItem};
 //# sourceMappingURL=index.js.map