@flatbiz/antd 4.5.47 → 4.5.48

package/esm/selector-wrapper-simple/index.js

@@ -3,5 +3,5 @@ import './../fba-hooks/index.css';
 import './../request-status/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import e from"@ant-design/icons/es/icons/RedoOutlined";import{a as r,_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isArray as n}from"@dimjs/lang/cjs/is-array";import{get as o}from"@dimjs/utils/cjs/get";import{Select as s,Button as i}from"antd";import{useState as u,useMemo as l}from"react";import{fbaHooks as a}from"../fba-hooks/index.js";import{RequestStatus as c}from"../request-status/index.js";import{jsx as f}from"react/jsx-runtime";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";var m=["showAllOption","serviceConfig","onSelectorListChange","onSelectorRequestError","requestMessageConfig","fieldNames"];var v=function v(d){var p=d.showAllOption,g=d.serviceConfig,q=d.onSelectorListChange,h=d.onSelectorRequestError,j=d.requestMessageConfig,b=d.fieldNames,C=r(d,m);var y=u("request-init"),R=y[0],w=y[1];var x=u(),k=x[0],A=x[1];var S=(b==null?void 0:b.label)||"label";var E=(b==null?void 0:b.value)||"value";var O=(b==null?void 0:b.disabled)||"disabled";var P=g.params;var B=l((function(){var e=p===true;if(p){return{label:e?"全部":p.label,value:e?"":p.value}}return null}),[p]);var L=function e(r){var t=r;if(g.onRequestResultAdapter){t=g.onRequestResultAdapter(r)}else if(b!=null&&b.list){t=o(r,b==null?void 0:b.list)}if(t&&!n(t)){console.warn("待渲染数据为非数组结构",t);return[]}return t||[]};var M=function e(){return new Promise((function(e,r){var n,o;var s=function(){try{return e()}catch(e){return r(e)}};var i=function(e){try{w("request-error");h==null||h(e);return s()}catch(e){return r(e)}};try{w("request-progress");return Promise.resolve(g.onRequest==null?void 0:g.onRequest(P)).then((function(e){try{n=e;o=L(n);q==null||q(o);if(S&&E){o=o.map((function(e){return t({},e,{label:e[S],value:e[E],disabled:e[O]})}))}if(B){o.unshift(B)}A(o);w("request-success");return s()}catch(e){return i(e)}}),i)}catch(e){i(e)}}))};a.useEffectCustom((function(){void M()}),[]);var N=R==="request-progress";return f(s,t({},C,{style:t({width:"100%"},d.style),options:k,notFoundContent:f(c,{status:R,loading:N,messageConfig:j,errorButton:f(i,{type:"primary",onClick:M,children:"重新获取数据"})}),suffixIcon:R==="request-error"?f(e,{spin:N,onClick:M}):undefined,loading:N}))};export{v as SelectorWrapperSimple};
+import e from"@ant-design/icons/es/icons/RedoOutlined";import{a as r,_ as t}from"../_rollupPluginBabelHelpers-c0dbec57.js";import{isArray as o}from"@dimjs/lang/cjs/is-array";import{get as n}from"@dimjs/utils/cjs/get";import{Select as s,Button as i}from"antd";import{useState as u,useMemo as l}from"react";import{fbaHooks as a}from"../fba-hooks/index.js";import{RequestStatus as c}from"../request-status/index.js";import{jsx as f}from"react/jsx-runtime";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";import"@dimjs/utils/cjs/extend";var m=["showAllOption","serviceConfig","onSelectorListChange","onSelectorRequestError","requestMessageConfig","fieldNames"];var d=function d(v){var p=v.showAllOption,g=v.serviceConfig,q=v.onSelectorListChange,h=v.onSelectorRequestError,j=v.requestMessageConfig,b=v.fieldNames,C=r(v,m);var y=u("request-init"),R=y[0],w=y[1];var x=u(),k=x[0],A=x[1];var S=(b==null?void 0:b.label)||"label";var E=(b==null?void 0:b.value)||"value";var O=(b==null?void 0:b.disabled)||"disabled";var P=g.params;var B=l((function(){var e=p===true;if(p){return{label:e?"全部":p.label,value:e?"":p.value}}return null}),[p]);var L=function e(r){var t=r;if(g.onRequestResultAdapter){t=g.onRequestResultAdapter(r)}else if(b!=null&&b.list){t=n(r,b==null?void 0:b.list)}if(t&&!o(t)){console.warn("待渲染数据为非数组结构",t);return[]}return t||[]};var M=function e(){return new Promise((function(e,r){var o,n;var s=function(){try{return e()}catch(e){return r(e)}};var i=function(e){try{w("request-error");h==null||h(e);return s()}catch(e){return r(e)}};try{w("request-progress");return Promise.resolve(g.onRequest==null?void 0:g.onRequest(P)).then((function(e){try{o=e;n=L(o);q==null||q(n);if(S&&E){n=n.map((function(e){return t({},e,{label:e[S],value:e[E],disabled:e[O]})}))}if(B){n.unshift(B)}A(n);w("request-success");return s()}catch(e){return i(e)}}),i)}catch(e){i(e)}}))};a.useEffectCustom((function(){void M()}),[]);var N=R==="request-progress";return f(s,t({},C,{style:t({width:"100%"},v.style),options:k,notFoundContent:f(c,{status:R,loading:N,messageConfig:j,errorButton:f(i,{type:"primary",onClick:M,children:"重新获取数据"})}),suffixIcon:R==="request-error"?f(e,{spin:N,onClick:M}):undefined,loading:N}))};export{d as SelectorWrapperSimple};
 //# sourceMappingURL=index.js.map

package/esm/selector-wrapper-simple/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/selector-wrapper-simple/selector-wrapper-simple.tsx"],"sourcesContent":["import { RedoOutlined } from '@ant-design/icons';\nimport { isArray } from '@dimjs/lang';\nimport { get } from '@dimjs/utils';\nimport { LabelValueItem, TAny, TPlainObject } from '@flatbiz/utils';\nimport { Button, Select, SelectProps } from 'antd';\nimport { useMemo, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { RequestStatus, TRequestStatus, TRequestStatusProps } from '../request-status';\n\nexport type SelectorWrapperSimpleServiceConfig = {\n  params?: TPlainObject;\n  onRequest: (params?: TAny) => TAny;\n  onRequestResultAdapter?: (respData: TAny) => TPlainObject[];\n};\n\nexport type SelectorWrapperSimpleProps = Omit<\n  SelectProps,\n  'onSearch' | 'notFoundContent' | 'options' | 'fieldNames' | 'loading'\n> & {\n  /**\n   * 参数Key映射\n   * ```\n   * 1. list 为 onRequest 返回数据中列表key值，可多级取值，例如： 'a.b.c'\n   * 2. 配置 serviceConfig.onRequestResultAdapter后，fieldNames.list配置失效\n   * ```\n   */\n  fieldNames?: { label: string; value: string; disabled?: string; list?: string };\n  /**\n   * 请求服务需求的数据\n   */\n  serviceConfig: SelectorWrapperSimpleServiceConfig;\n  /**\n   * 添加全部选项\n   * ```\n   * 1. 默认值label=\"全部\"，value=\"\"\n   * 2. 可配置label、value\n   * ```\n   */\n  showAllOption?: true | TPlainObject<string | number>;\n  /** selectorList发生变更时触发，每次都会调用 */\n  onSelectorListChange?: (dataList: TPlainObject[]) => void;\n  /**\n   * 通过服务获取数据异常回调\n   */\n  onSelectorRequestError?: (error: Error) => void;\n\n  requestMessageConfig?: TRequestStatusProps['messageConfig'];\n};\n/**\n * 选择器简单包装组件\n * @param props\n * @returns\n * ```\n * 1. 不支持search效果\n * 2. 不会缓存接口数据\n * 3. 不会对value、onChange做任何处理\n * ```\n */\nexport const SelectorWrapperSimple = (props: SelectorWrapperSimpleProps) => {\n  const {\n    showAllOption,\n    serviceConfig,\n    onSelectorListChange,\n    onSelectorRequestError,\n    requestMessageConfig,\n    fieldNames,\n    ...otherProps\n  } = props;\n  const [requestStatus, setRequestStatus] = useState<TRequestStatus>('request-init');\n  const [dataSource, setDataSource] = useState<TPlainObject[]>();\n  const optionsItemLabelField = fieldNames?.label || 'label';\n  const optionsItemValueField = fieldNames?.value || 'value';\n  const optionsItemDisabledField = fieldNames?.disabled || 'disabled';\n  const serviceParams = serviceConfig.params;\n\n  const allOptionConfig = useMemo(() => {\n    const isTrue = showAllOption === true;\n    if (showAllOption) {\n      return {\n        label: isTrue ? '全部' : (showAllOption.label as string),\n        value: isTrue ? '' : (showAllOption.value as TAny),\n      };\n    }\n    return null;\n  }, [showAllOption]);\n\n  const serviceRespDataAdapter = (respData) => {\n    let result: TPlainObject[] = respData;\n    if (serviceConfig.onRequestResultAdapter) {\n      result = serviceConfig.onRequestResultAdapter(respData as unknown as TPlainObject);\n    } else if (fieldNames?.list) {\n      result = get(respData, fieldNames?.list);\n    }\n    if (result && !isArray(result)) {\n      console.warn('待渲染数据为非数组结构', result);\n      return [];\n    }\n    return result || [];\n  };\n\n  const startDataSourceRequest = async () => {\n    try {\n      setRequestStatus('request-progress');\n      const respData = await serviceConfig.onRequest?.(serviceParams);\n      let respAdapterData = serviceRespDataAdapter(respData);\n      onSelectorListChange?.(respAdapterData);\n      if (optionsItemLabelField && optionsItemValueField) {\n        respAdapterData = respAdapterData.map((item) => {\n          return {\n            ...item,\n            label: item[optionsItemLabelField],\n            value: item[optionsItemValueField],\n            disabled: item[optionsItemDisabledField],\n          };\n        });\n      }\n\n      if (allOptionConfig) {\n        respAdapterData.unshift(allOptionConfig);\n      }\n      setDataSource(respAdapterData);\n      setRequestStatus('request-success');\n    } catch (error) {\n      setRequestStatus('request-error');\n      onSelectorRequestError?.(error);\n    }\n  };\n\n  fbaHooks.useEffectCustom(() => {\n    void startDataSourceRequest();\n  }, []);\n\n  const loading = requestStatus === 'request-progress';\n\n  return (\n    <Select\n      {...otherProps}\n      style={{ width: '100%', ...props.style }}\n      options={dataSource as LabelValueItem[]}\n      notFoundContent={\n        <RequestStatus\n          status={requestStatus}\n          loading={loading}\n          messageConfig={requestMessageConfig}\n          errorButton={\n            <Button type=\"primary\" onClick={startDataSourceRequest}>\n              重新获取数据\n            </Button>\n          }\n        />\n      }\n      suffixIcon={\n        requestStatus === 'request-error' ? (\n          <RedoOutlined spin={loading} onClick={startDataSourceRequest} />\n        ) : undefined\n      }\n      loading={loading}\n    />\n  );\n};\n"],"names":["SelectorWrapperSimple","props","showAllOption","serviceConfig","onSelectorListChange","onSelectorRequestError","requestMessageConfig","fieldNames","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","requestStatus","setRequestStatus","_useState2","dataSource","setDataSource","optionsItemLabelField","label","optionsItemValueField","value","optionsItemDisabledField","disabled","serviceParams","params","allOptionConfig","useMemo","isTrue","serviceRespDataAdapter","respData","result","onRequestResultAdapter","list","_get","_isArray","console","warn","startDataSourceRequest","Promise","$return","$error","respAdapterData","$Try_1_Post","$boundEx","$Try_1_Catch","error","resolve","onRequest","then","$await_2","map","item","_extends","unshift","fbaHooks","useEffectCustom","loading","_jsx","Select","style","width","options","notFoundContent","RequestStatus","status","messageConfig","errorButton","Button","type","onClick","children","suffixIcon","_RedoOutlined","spin","undefined"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/selector-wrapper-simple/selector-wrapper-simple.tsx"],"sourcesContent":["import { RedoOutlined } from '@ant-design/icons';\nimport { isArray } from '@dimjs/lang';\nimport { get } from '@dimjs/utils';\nimport { LabelValueItem, TAny, TPlainObject } from '@flatbiz/utils';\nimport { Button, Select, SelectProps } from 'antd';\nimport { useMemo, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { RequestStatus, TRequestStatus, TRequestStatusProps } from '../request-status';\n\nexport type SelectorWrapperSimpleServiceConfig = {\n  params?: TPlainObject;\n  onRequest: (params?: TAny) => TAny;\n  onRequestResultAdapter?: (respData: TAny) => TPlainObject[];\n};\n\nexport type SelectorWrapperSimpleProps = Omit<\n  SelectProps,\n  'onSearch' | 'notFoundContent' | 'options' | 'fieldNames' | 'loading'\n> & {\n  /**\n   * 参数Key映射\n   * ```\n   * 1. list 为 onRequest 返回数据中列表key值，可多级取值，例如： 'a.b.c'\n   * 2. 配置 serviceConfig.onRequestResultAdapter后，fieldNames.list配置失效\n   * ```\n   */\n  fieldNames?: { label: string; value: string; disabled?: string; list?: string };\n  /**\n   * 请求服务需求的数据\n   */\n  serviceConfig: SelectorWrapperSimpleServiceConfig;\n  /**\n   * 添加全部选项\n   * ```\n   * 1. 默认值label=\"全部\"，value=\"\"\n   * 2. 可配置label、value\n   * ```\n   */\n  showAllOption?: true | TPlainObject<string | number>;\n  /** selectorList发生变更时触发，每次都会调用 */\n  onSelectorListChange?: (dataList: TPlainObject[]) => void;\n  /**\n   * 通过服务获取数据异常回调\n   */\n  onSelectorRequestError?: (error: Error) => void;\n\n  requestMessageConfig?: TRequestStatusProps['messageConfig'];\n};\n/**\n * 选择器简单包装组件\n * @param props\n * @returns\n * ```\n * 1. 不支持search效果\n * 2. 不会缓存接口数据\n * 3. 不会对value、onChange做任何处理\n * ```\n */\nexport const SelectorWrapperSimple = (props: SelectorWrapperSimpleProps) => {\n  const {\n    showAllOption,\n    serviceConfig,\n    onSelectorListChange,\n    onSelectorRequestError,\n    requestMessageConfig,\n    fieldNames,\n    ...otherProps\n  } = props;\n  const [requestStatus, setRequestStatus] = useState<TRequestStatus>('request-init');\n  const [dataSource, setDataSource] = useState<TPlainObject[]>();\n  const optionsItemLabelField = fieldNames?.label || 'label';\n  const optionsItemValueField = fieldNames?.value || 'value';\n  const optionsItemDisabledField = fieldNames?.disabled || 'disabled';\n  const serviceParams = serviceConfig.params;\n\n  const allOptionConfig = useMemo(() => {\n    const isTrue = showAllOption === true;\n    if (showAllOption) {\n      return {\n        label: isTrue ? '全部' : (showAllOption.label as string),\n        value: isTrue ? '' : (showAllOption.value as TAny),\n      };\n    }\n    return null;\n  }, [showAllOption]);\n\n  const serviceRespDataAdapter = (respData) => {\n    let result: TPlainObject[] = respData;\n    if (serviceConfig.onRequestResultAdapter) {\n      result = serviceConfig.onRequestResultAdapter(respData as unknown as TPlainObject);\n    } else if (fieldNames?.list) {\n      result = get(respData, fieldNames?.list);\n    }\n    if (result && !isArray(result)) {\n      console.warn('待渲染数据为非数组结构', result);\n      return [];\n    }\n    return result || [];\n  };\n\n  const startDataSourceRequest = async () => {\n    try {\n      setRequestStatus('request-progress');\n      const respData = await serviceConfig.onRequest?.(serviceParams);\n      let respAdapterData = serviceRespDataAdapter(respData);\n      onSelectorListChange?.(respAdapterData);\n      if (optionsItemLabelField && optionsItemValueField) {\n        respAdapterData = respAdapterData.map((item) => {\n          return {\n            ...item,\n            label: item[optionsItemLabelField],\n            value: item[optionsItemValueField],\n            disabled: item[optionsItemDisabledField],\n          };\n        });\n      }\n\n      if (allOptionConfig) {\n        respAdapterData.unshift(allOptionConfig);\n      }\n      setDataSource(respAdapterData);\n      setRequestStatus('request-success');\n    } catch (error) {\n      setRequestStatus('request-error');\n      onSelectorRequestError?.(error);\n    }\n  };\n\n  fbaHooks.useEffectCustom(() => {\n    void startDataSourceRequest();\n  }, []);\n\n  const loading = requestStatus === 'request-progress';\n\n  return (\n    <Select\n      {...otherProps}\n      style={{ width: '100%', ...props.style }}\n      options={dataSource as LabelValueItem[]}\n      notFoundContent={\n        <RequestStatus\n          status={requestStatus}\n          loading={loading}\n          messageConfig={requestMessageConfig}\n          errorButton={\n            <Button type=\"primary\" onClick={startDataSourceRequest}>\n              重新获取数据\n            </Button>\n          }\n        />\n      }\n      suffixIcon={\n        requestStatus === 'request-error' ? (\n          <RedoOutlined spin={loading} onClick={startDataSourceRequest} />\n        ) : undefined\n      }\n      loading={loading}\n    />\n  );\n};\n"],"names":["SelectorWrapperSimple","props","showAllOption","serviceConfig","onSelectorListChange","onSelectorRequestError","requestMessageConfig","fieldNames","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","requestStatus","setRequestStatus","_useState2","dataSource","setDataSource","optionsItemLabelField","label","optionsItemValueField","value","optionsItemDisabledField","disabled","serviceParams","params","allOptionConfig","useMemo","isTrue","serviceRespDataAdapter","respData","result","onRequestResultAdapter","list","_get","_isArray","console","warn","startDataSourceRequest","Promise","$return","$error","respAdapterData","$Try_1_Post","$boundEx","$Try_1_Catch","error","resolve","onRequest","then","$await_2","map","item","_extends","unshift","fbaHooks","useEffectCustom","loading","_jsx","Select","style","width","options","notFoundContent","RequestStatus","status","messageConfig","errorButton","Button","type","onClick","children","suffixIcon","_RedoOutlined","spin","undefined"],"mappings":"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"}

package/esm/simple-layout/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{isArray as e}from"@dimjs/lang/cjs/is-array";import{extend as l}from"@dimjs/utils/cjs/extend";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{Space as i}from"antd";import{Fragment as s}from"react";import{fbaHooks as a}from"../fba-hooks/index.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";var m=function m(n){var c=n.formLabelAlign||"right";var d=t("simple-layout",{"simple-layout-tight":n.layoutType==="tight","simple-layout-formlabel-left":c==="left","simple-layout-title-fixed":n.titleFixed,"simple-layout-small":n.size==="small"},n.className);var p=a.useThemeToken();var u=l({"--simple-layout-colorPrimary":p.colorPrimary},n.style,{padding:n.padding,width:n.width});if(n.hidden)return r(s,{});return o("div",{className:d,style:u,onClick:n.onClick,children:[n.title&&n.titleExtra?r("div",{className:t({"simple-layout-title-sign":n.titleLeftLine}),style:n.titleStyle,children:o(i,{className:"simple-layout-title-extra-space",children:[r("div",{className:"simple-layout-title",children:n.title}),r("div",{className:"simple-layout-title-extra",children:n.titleExtra})]})}):null,n.title&&!n.titleExtra?r("div",{className:t("simple-layout-title",{"simple-layout-title-sign":n.titleLeftLine}),style:n.titleStyle,children:n.title}):null,n.desc&&!e(n.desc)?r("div",{className:"simple-layout-desc",children:n.desc}):null,n.desc&&e(n.desc)?r("div",{className:"simple-layout-desc",children:r(i,{direction:"vertical",size:5,children:n.desc.map((function(e,l){return r(s,{children:e},l)}))})}):null,n.children?r("div",{className:"simple-layout-content",style:n.contentStyle,children:n.children}):null]})};m.defaultProps={titleLeftLine:true,layoutType:"layer"};export{m as SimpleLayout};
+import{isArray as e}from"@dimjs/lang/cjs/is-array";import{extend as l}from"@dimjs/utils/cjs/extend";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{Space as i}from"antd";import{Fragment as s}from"react";import{fbaHooks as a}from"../fba-hooks/index.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-c0dbec57.js";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/uuid";var m=function m(c){var n=c.formLabelAlign||"right";var d=t("simple-layout",{"simple-layout-tight":c.layoutType==="tight","simple-layout-formlabel-left":n==="left","simple-layout-title-fixed":c.titleFixed,"simple-layout-small":c.size==="small"},c.className);var u=a.useThemeToken();var p=l({"--simple-layout-colorPrimary":u.colorPrimary},c.style,{padding:c.padding,width:c.width});if(c.hidden)return r(s,{});return o("div",{className:d,style:p,onClick:c.onClick,children:[c.title&&c.titleExtra?r("div",{className:t({"simple-layout-title-sign":c.titleLeftLine}),style:c.titleStyle,children:o(i,{className:"simple-layout-title-extra-space",children:[r("div",{className:"simple-layout-title",children:c.title}),r("div",{className:"simple-layout-title-extra",children:c.titleExtra})]})}):null,c.title&&!c.titleExtra?r("div",{className:t("simple-layout-title",{"simple-layout-title-sign":c.titleLeftLine}),style:c.titleStyle,children:c.title}):null,c.desc&&!e(c.desc)?r("div",{className:"simple-layout-desc",children:c.desc}):null,c.desc&&e(c.desc)?r("div",{className:"simple-layout-desc",children:r(i,{direction:"vertical",size:5,children:c.desc.map((function(e,l){return r(s,{children:e},l)}))})}):null,c.children?r("div",{className:"simple-layout-content",style:c.contentStyle,children:c.children}):null]})};m.defaultProps={titleLeftLine:true,layoutType:"layer"};export{m as SimpleLayout};
 //# sourceMappingURL=index.js.map

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":";mhBAkFaA,EAAuB,SAAvBA,EAAwBC,GACnC,IACEC,EASED,EATFC,gBACAC,EAQEF,EARFE,YACAC,EAOEH,EAPFG,aACAC,EAMEJ,EANFI,eACAC,EAKEL,EALFK,SACAC,EAIEN,EAJFM,MACAC,EAGEP,EAHFO,cACAC,EAEER,EAFFQ,UACGC,EAAUC,EACXV,EAAKW,GACT,IAAMC,EAAoBC,GAAQ,WAChC,UAAWZ,IAAoB,WAAY,CACzC,OAAOA,EAAgBK,IAAUH,EACnC,CACA,OAAOF,CACR,GAAE,CAACE,EAAcF,EAAiBK,IACnC,IAAAQ,EAAgCC,EAAkB,OAA3CC,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5B,IAAAI,EAA8BH,EAAkB,OAAzCI,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAE1BG,EAASC,iBAAgB,WACvBL,EAAYX,IAAUH,EACxB,GAAG,CAACH,EAAMM,QAEV,IAAMiB,EAAcV,GAAQ,WAC1B,OACGX,IAAgB,SAAWc,GAC3Bd,IAAgB,SAAWc,IAC3Bd,GACDA,IAAgB,KAEpB,GAAG,CAACc,EAAUd,IAEd,IAAMsB,EAAiBC,EAAMC,gBAAe,WAAA,OAAA,IAAAC,SAAA,SAAAC,EAAAC,GAAA,IACpCC,EAAuDC,EAAAC,EAAvDF,GAAed,EAAWb,EAAeC,EAC/C,GAAIG,GAAa,MAAbA,EAAe0B,UAAW,CAAA,IAAAC,EAtHlC,SAAAC,GAAA,OAAC,SAAAC,GAAD,IAoIQhB,EAAW,OApI4F,OAAOe,GAAUA,EAAME,KAAKC,KAAIF,EAAtI,CAAC,MAAAG,GAAW,OAAOV,EAAAU,EAAM,CAAgI,EAA/JC,KAAKF,OAALE,KAAKF,MAAR,IAAIG,EAAJ,WAAA,IAAI,OAAJC,EAAGL,KAAIC,KAAE,CAAC,MAAAC,GAAW,OAAOV,EAAAU,EAAM,GAA/BC,KAAKF,MAAR,IAAIK,EAAA,SA+HWC,GA/Hf,IAgIQ,IAAKpC,EAAW,MACTqC,EAAQD,OAAMA,GAAAA,UAAAA,EAAAA,EAAOC,WAAWtC,UAAayB,EAAbzB,EAAesC,UAAO,UAAA,EAAtBb,EAAwBc,eAAgB,UAC/E,CAlIR,OAAOZ,EAAAO,EAAAP,EAAE,CAAC,MAAAK,GAAW,OAAOL,EAAAL,EAAAK,CAAAK,EAAM,GAuH5B,IACEnB,EAAW,MACX,OAAAO,QAAAoB,QAAMxC,EAAc0B,UAAUH,IAA9BkB,eAA0CC,GAzHlD,IA0HQhC,GAAaD,GACbX,GAAAA,MAAAA,EAAWyB,GACX,IAAKtB,EAAW,MACTqC,EAAQK,SAAQ3C,UAAawB,EAAbxB,EAAesC,UAAfd,UAAAA,EAAAA,EAAwBmB,UAAW,UAC1D,CA9HR,OAAOhB,EAAAO,EAAAP,EAAE,CAAC,MAAAK,GAAW,OAAOI,EAAAJ,EAAM,CAAC,GAAAI,EA+H5B,CAAC,MAAOC,GAAOD,EAAPC,EAIT,CAGF,KAAO,CACL3B,GAAaD,GACbX,GAAAA,MAAAA,EAAWyB,GAAa,OAxI9BY,EAAGL,KAAIC,KAyIH,CAAC,SAAAI,IAAA,OAAAd,GAAA,CAAA,OAEH,GAAIL,EAAa,CACf,OACE4B,EAACC,EAAU,CACTC,SAAUzC,GAAAA,UAAAA,EAAAA,EAAmByC,SAC7BC,cAAe,CAAEnC,QAASA,GAC1BoC,MAAO3C,GAAAA,UAAAA,EAAAA,EAAmB2C,MAC1BC,YAAa5C,GAAAA,UAAAA,EAAAA,EAAmB4C,YAChCC,UAAWjC,EAAekC,SAE1BP,EAACQ,EAAMC,EAAA,CAACC,QAAS7C,GAAcP,KAGrC,CACA,OAAO0C,EAACQ,EAAMC,EAAA,CAACC,QAAS7C,EAAUG,QAASA,GAAaV,EAAU,CAAEJ,SAAUmB,IAChF"}
+{"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":"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"}

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