@flatbiz/antd 4.2.79 → 4.2.81

package/esm/button-wrapper/index.css

@@ -1 +1 @@
-.bw-center-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
+.bw-center-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ant-btn.button-remove-gap{height:auto;line-height:normal;margin:0;min-height:auto;padding:0}

package/esm/button-wrapper/index.js

@@ -4,5 +4,5 @@ import './../fba-hooks/index.css';
 import './../fba-utils/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import o from"@ant-design/icons/es/icons/LoadingOutlined";import{a as r,_ as i}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as l}from"@wove/react/cjs/hooks";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{Button as a}from"antd";import{useState as t}from"react";import{ConfigProviderWrapper as c}from"../config-provider-wrapper/index.js";import{fbaHooks as s}from"../fba-hooks/index.js";import{fbaUtils as d}from"../fba-utils/index.js";import{jsx as m,jsxs as p}from"react/jsx-runtime";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"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var u=["loadingPosition","color","debounceDuration","permission","hidden","loading"];var f=function o(r){if(r.color&&!r.disabled){var i={};if(r.type==="link"){i={colorLink:r.color,colorLinkActive:r.color,colorLinkHover:r.color}}else if(r.type==="primary"){i={colorPrimary:r.color,colorPrimaryHover:r.color,colorPrimaryActive:r.color}}else{i={colorPrimaryHover:r.color,colorPrimaryActive:r.color,colorText:r.color,colorBorder:r.color}}return m(c,{theme:{components:{Button:i}},children:r.children})}return r.children};var y=function c(y){var v=y.loadingPosition,h=y.color,j=y.debounceDuration,g=y.permission,b=y.hidden,k=y.loading,P=r(y,u);var w=k;var x=t(false),C=x[0],D=x[1];var H=v===undefined?"left":v;var L=H==="left";var _=n(j)?500:j;s.useEffectCustom((function(){if(!n(k)){D(w||false)}}),[k]);var z=l.useDebounceClick((function(o){var r=y.onClick;if(!r){return}var i=r(o);if(i&&e(i)){D(true);i.catch((function(o){console.error(o)})).finally((function(){D(false)}))}}),_);if(!d.hasPermission(g)){return null}if(b){return null}if(L){return m(f,{color:h,disabled:y.disabled,type:y.type,children:m(a,i({},P,{onClick:z,loading:C,children:y.children}))})}return m(f,{color:h,disabled:y.disabled,type:y.type,children:p(a,i({},P,{onClick:z,children:[C&&m("div",{className:"bw-center-loading",children:m(o,{})}),C?m("div",{style:{opacity:.5},children:y.children}):y.children]}))})};export{y as ButtonWrapper};
+import o from"@ant-design/icons/es/icons/LoadingOutlined";import{a as r,_ as i}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as l}from"@wove/react/cjs/hooks";import{classNames as a}from"@dimjs/utils/cjs/class-names";import{isUndefinedOrNull as n}from"@flatbiz/utils";import{Button as t}from"antd";import{useState as c}from"react";import{ConfigProviderWrapper as s}from"../config-provider-wrapper/index.js";import{fbaHooks as m}from"../fba-hooks/index.js";import{fbaUtils as d}from"../fba-utils/index.js";import{jsx as p,jsxs as u}from"react/jsx-runtime";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"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var f=["loadingPosition","color","debounceDuration","permission","hidden","loading","removeGap"];var v=function o(r){if(r.color&&!r.disabled){var i={};if(r.type==="link"){i={colorLink:r.color,colorLinkActive:r.color,colorLinkHover:r.color}}else if(r.type==="primary"){i={colorPrimary:r.color,colorPrimaryHover:r.color,colorPrimaryActive:r.color}}else{i={colorPrimaryHover:r.color,colorPrimaryActive:r.color,colorText:r.color,colorBorder:r.color}}return p(s,{theme:{components:{Button:i}},children:r.children})}return r.children};var y=function s(y){var j=y.loadingPosition,h=y.color,g=y.debounceDuration,b=y.permission,k=y.hidden,P=y.loading,w=y.removeGap,x=r(y,f);var C=P;var N=c(false),D=N[0],H=N[1];var L=j===undefined?"left":j;var _=L==="left";var z=n(g)?500:g;var A=a(x.className,{"button-remove-gap":w});m.useEffectCustom((function(){if(!n(P)){H(C||false)}}),[P]);var B=l.useDebounceClick((function(o){var r=y.onClick;if(!r){return}var i=r(o);if(i&&e(i)){H(true);i.catch((function(o){console.error(o)})).finally((function(){H(false)}))}}),z);if(!d.hasPermission(b)){return null}if(k){return null}if(_){return p(v,{color:h,disabled:y.disabled,type:y.type,children:p(t,i({},x,{onClick:B,loading:D,className:A,children:y.children}))})}return p(v,{color:h,disabled:y.disabled,type:y.type,children:u(t,i({},x,{onClick:B,className:A,children:[D&&p("div",{className:"bw-center-loading",children:p(o,{})}),D?p("div",{style:{opacity:.5},children:y.children}):y.children]}))})};export{y as ButtonWrapper};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-wrapper/button-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 { Button, ButtonProps } from 'antd';\nimport { OverrideToken } from 'antd/es/theme/interface';\nimport { ReactElement, useState } from 'react';\nimport { ConfigProviderWrapper } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { fbaUtils } from '../fba-utils';\nimport './style.less';\n\nexport type ButtonWrapperProps = Omit<ButtonProps, 'onClick'> & {\n  onClick?: (e: React.MouseEvent<HTMLElement>) => Promise<TAny> | void;\n  // 重复点击间隙，单位毫秒 默认值：500\n  debounceDuration?: number;\n  permission?: string;\n  hidden?: boolean;\n  /** loading 显示位置，默认值：left */\n  loadingPosition?: 'left' | 'center';\n};\n\nconst DefaultButton = (props: {\n  children: ReactElement;\n  color?: string;\n  type?: ButtonProps['type'];\n  disabled?: boolean;\n}) => {\n  if (props.color && !props.disabled) {\n    let buttonTheme: OverrideToken['Button'] = {};\n    if (props.type === 'link') {\n      buttonTheme = {\n        colorLink: props.color,\n        colorLinkActive: props.color,\n        colorLinkHover: props.color,\n      };\n    } else if (props.type === 'primary') {\n      buttonTheme = {\n        colorPrimary: props.color,\n        colorPrimaryHover: props.color,\n        colorPrimaryActive: props.color,\n      };\n    } else {\n      buttonTheme = {\n        colorPrimaryHover: props.color,\n        colorPrimaryActive: props.color,\n        colorText: props.color,\n        colorBorder: props.color,\n      };\n    }\n\n    return (\n      <ConfigProviderWrapper\n        theme={{\n          components: {\n            Button: buttonTheme,\n          },\n        }}\n      >\n        {props.children}\n      </ConfigProviderWrapper>\n    );\n  }\n  return props.children;\n};\n\n/**\n * antd Button包装组件\n * 1. 添加按钮 onClick 返回 Promise自动loading效果\n * 2. 内置 防抖 效果（在第一触发函数后，在指定时间内再次触发无效，即两次触发的时间间隙大于指定时间）\n * @param props\n * @returns\n */\nexport const ButtonWrapper = (props: ButtonWrapperProps) => {\n  const { loadingPosition, color, debounceDuration, permission, hidden, loading, ...otherProps } = props;\n  const loadingNew = loading as boolean | undefined;\n  const [innerLoading, setLoading] = useState(false);\n  const loadingPositionNew = loadingPosition === undefined ? 'left' : loadingPosition;\n  const isLoadingLeft = loadingPositionNew === 'left';\n  const debounceDurationMew = isUndefinedOrNull(debounceDuration) ? 500 : debounceDuration;\n\n  fbaHooks.useEffectCustom(() => {\n    if (!isUndefinedOrNull(loading)) {\n      setLoading(loadingNew || 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  if (!fbaUtils.hasPermission(permission)) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  if (isLoadingLeft) {\n    return (\n      <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n        <Button {...otherProps} onClick={onClick} loading={innerLoading}>\n          {props.children}\n        </Button>\n      </DefaultButton>\n    );\n  }\n\n  return (\n    <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n      <Button {...otherProps} onClick={onClick}>\n        {innerLoading && (\n          <div className=\"bw-center-loading\">\n            <LoadingOutlined />\n          </div>\n        )}\n        {innerLoading ? <div style={{ opacity: 0.5 }}>{props.children}</div> : props.children}\n      </Button>\n    </DefaultButton>\n  );\n};\n"],"names":["DefaultButton","props","color","disabled","buttonTheme","type","colorLink","colorLinkActive","colorLinkHover","colorPrimary","colorPrimaryHover","colorPrimaryActive","colorText","colorBorder","_jsx","ConfigProviderWrapper","theme","components","Button","children","ButtonWrapper","loadingPosition","debounceDuration","permission","hidden","loading","otherProps","_objectWithoutPropertiesLoose","_excluded","loadingNew","_useState","useState","innerLoading","setLoading","loadingPositionNew","undefined","isLoadingLeft","debounceDurationMew","isUndefinedOrNull","fbaHooks","useEffectCustom","onClick","_hooks","useDebounceClick","e","result","_isPromise","catch","error","console","finally","fbaUtils","hasPermission","_extends","_jsxs","className","_LoadingOutlined","style","opacity"],"mappings":";ijCAsBA,IAAMA,EAAgB,SAAhBA,EAAiBC,GAMrB,GAAIA,EAAMC,QAAUD,EAAME,SAAU,CAClC,IAAIC,EAAuC,CAAA,EAC3C,GAAIH,EAAMI,OAAS,OAAQ,CACzBD,EAAc,CACZE,UAAWL,EAAMC,MACjBK,gBAAiBN,EAAMC,MACvBM,eAAgBP,EAAMC,MAE1B,MAAO,GAAID,EAAMI,OAAS,UAAW,CACnCD,EAAc,CACZK,aAAcR,EAAMC,MACpBQ,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAE9B,KAAO,CACLE,EAAc,CACZM,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAC1BU,UAAWX,EAAMC,MACjBW,YAAaZ,EAAMC,MAEvB,CAEA,OACEY,EAACC,EAAqB,CACpBC,MAAO,CACLC,WAAY,CACVC,OAAQd,IAEVe,SAEDlB,EAAMkB,UAGb,CACA,OAAOlB,EAAMkB,QACf,MASaC,EAAgB,SAAhBA,EAAiBnB,GAC5B,IAAQoB,EAAyFpB,EAAzFoB,gBAAiBnB,EAAwED,EAAxEC,MAAOoB,EAAiErB,EAAjEqB,iBAAkBC,EAA+CtB,EAA/CsB,WAAYC,EAAmCvB,EAAnCuB,OAAQC,EAA2BxB,EAA3BwB,QAAYC,EAAUC,EAAK1B,EAAK2B,GACtG,IAAMC,EAAaJ,EACnB,IAAAK,EAAmCC,EAAS,OAArCC,EAAYF,EAAA,GAAEG,EAAUH,EAAA,GAC/B,IAAMI,EAAqBb,IAAoBc,UAAY,OAASd,EACpE,IAAMe,EAAgBF,IAAuB,OAC7C,IAAMG,EAAsBC,EAAkBhB,GAAoB,IAAMA,EAExEiB,EAASC,iBAAgB,WACvB,IAAKF,EAAkBb,GAAU,CAC/BQ,EAAWJ,GAAc,MAC3B,CACF,GAAG,CAACJ,IAEJ,IAAMgB,EAAUC,EAAMC,kBAAiB,SAACC,GACtC,IAAMH,EAAUxC,EAAMwC,QACtB,IAAKA,EAAS,CACZ,MACF,CACA,IAAMI,EAASJ,EAAQG,GACvB,GAAIC,GAAUC,EAAUD,GAAS,CAC/BZ,EAAW,MACXY,EACGE,OAAM,SAACC,GACNC,QAAQD,MAAMA,EAChB,IACCE,SAAQ,WACPjB,EAAW,MACb,GACJ,CACD,GAAEI,GAEH,IAAKc,EAASC,cAAc7B,GAAa,CACvC,OAAO,IACT,CAEA,GAAIC,EAAQ,CACV,OAAO,IACT,CAEA,GAAIY,EAAe,CACjB,OACEtB,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEL,EAACI,EAAMmC,KAAK3B,EAAU,CAAEe,QAASA,EAAShB,QAASO,EAAab,SAC7DlB,EAAMkB,aAIf,CAEA,OACEL,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEmC,EAACpC,EAAMmC,KAAK3B,EAAU,CAAEe,QAASA,EAAQtB,SAAA,CACtCa,GACClB,EAAA,MAAA,CAAKyC,UAAU,oBAAmBpC,SAChCL,EAAA0C,EAAkB,MAGrBxB,EAAelB,EAAA,MAAA,CAAK2C,MAAO,CAAEC,QAAS,IAAMvC,SAAElB,EAAMkB,WAAkBlB,EAAMkB,cAIrF"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-wrapper/button-wrapper.tsx"],"sourcesContent":["import { LoadingOutlined } from '@ant-design/icons';\nimport { isPromise } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { isUndefinedOrNull, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Button, ButtonProps } from 'antd';\nimport { OverrideToken } from 'antd/es/theme/interface';\nimport { ReactElement, useState } from 'react';\nimport { ConfigProviderWrapper } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { fbaUtils } from '../fba-utils';\nimport './style.less';\n\nexport type ButtonWrapperProps = Omit<ButtonProps, 'onClick'> & {\n  onClick?: (e: React.MouseEvent<HTMLElement>) => Promise<TAny> | void;\n  // 重复点击间隙，单位毫秒 默认值：500\n  debounceDuration?: number;\n  permission?: string;\n  hidden?: boolean;\n  /** loading 显示位置，默认值：left */\n  loadingPosition?: 'left' | 'center';\n  /**\n   * 移除间隙，一般用于 type=link 类型下\n   */\n  removeGap?: boolean;\n};\n\nconst DefaultButton = (props: {\n  children: ReactElement;\n  color?: string;\n  type?: ButtonProps['type'];\n  disabled?: boolean;\n}) => {\n  if (props.color && !props.disabled) {\n    let buttonTheme: OverrideToken['Button'] = {};\n    if (props.type === 'link') {\n      buttonTheme = {\n        colorLink: props.color,\n        colorLinkActive: props.color,\n        colorLinkHover: props.color,\n      };\n    } else if (props.type === 'primary') {\n      buttonTheme = {\n        colorPrimary: props.color,\n        colorPrimaryHover: props.color,\n        colorPrimaryActive: props.color,\n      };\n    } else {\n      buttonTheme = {\n        colorPrimaryHover: props.color,\n        colorPrimaryActive: props.color,\n        colorText: props.color,\n        colorBorder: props.color,\n      };\n    }\n\n    return (\n      <ConfigProviderWrapper\n        theme={{\n          components: {\n            Button: buttonTheme,\n          },\n        }}\n      >\n        {props.children}\n      </ConfigProviderWrapper>\n    );\n  }\n  return props.children;\n};\n\n/**\n * antd Button包装组件\n * 1. 添加按钮 onClick 返回 Promise自动loading效果\n * 2. 内置 防抖 效果（在第一触发函数后，在指定时间内再次触发无效，即两次触发的时间间隙大于指定时间）\n * @param props\n * @returns\n */\nexport const ButtonWrapper = (props: ButtonWrapperProps) => {\n  const { loadingPosition, color, debounceDuration, permission, hidden, loading, removeGap, ...otherProps } =\n    props;\n  const loadingNew = loading as boolean | undefined;\n  const [innerLoading, setLoading] = useState(false);\n  const loadingPositionNew = loadingPosition === undefined ? 'left' : loadingPosition;\n  const isLoadingLeft = loadingPositionNew === 'left';\n  const debounceDurationMew = isUndefinedOrNull(debounceDuration) ? 500 : debounceDuration;\n  const className = classNames(otherProps.className, { 'button-remove-gap': removeGap });\n\n  fbaHooks.useEffectCustom(() => {\n    if (!isUndefinedOrNull(loading)) {\n      setLoading(loadingNew || 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  if (!fbaUtils.hasPermission(permission)) {\n    return null;\n  }\n\n  if (hidden) {\n    return null;\n  }\n\n  if (isLoadingLeft) {\n    return (\n      <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n        <Button {...otherProps} onClick={onClick} loading={innerLoading} className={className}>\n          {props.children}\n        </Button>\n      </DefaultButton>\n    );\n  }\n\n  return (\n    <DefaultButton color={color} disabled={props.disabled} type={props.type}>\n      <Button {...otherProps} onClick={onClick} className={className}>\n        {innerLoading && (\n          <div className=\"bw-center-loading\">\n            <LoadingOutlined />\n          </div>\n        )}\n        {innerLoading ? <div style={{ opacity: 0.5 }}>{props.children}</div> : props.children}\n      </Button>\n    </DefaultButton>\n  );\n};\n"],"names":["DefaultButton","props","color","disabled","buttonTheme","type","colorLink","colorLinkActive","colorLinkHover","colorPrimary","colorPrimaryHover","colorPrimaryActive","colorText","colorBorder","_jsx","ConfigProviderWrapper","theme","components","Button","children","ButtonWrapper","loadingPosition","debounceDuration","permission","hidden","loading","removeGap","otherProps","_objectWithoutPropertiesLoose","_excluded","loadingNew","_useState","useState","innerLoading","setLoading","loadingPositionNew","undefined","isLoadingLeft","debounceDurationMew","isUndefinedOrNull","className","_classNames","fbaHooks","useEffectCustom","onClick","_hooks","useDebounceClick","e","result","_isPromise","catch","error","console","finally","fbaUtils","hasPermission","_extends","_jsxs","_LoadingOutlined","style","opacity"],"mappings":";unCA2BA,IAAMA,EAAgB,SAAhBA,EAAiBC,GAMrB,GAAIA,EAAMC,QAAUD,EAAME,SAAU,CAClC,IAAIC,EAAuC,CAAA,EAC3C,GAAIH,EAAMI,OAAS,OAAQ,CACzBD,EAAc,CACZE,UAAWL,EAAMC,MACjBK,gBAAiBN,EAAMC,MACvBM,eAAgBP,EAAMC,MAE1B,MAAO,GAAID,EAAMI,OAAS,UAAW,CACnCD,EAAc,CACZK,aAAcR,EAAMC,MACpBQ,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAE9B,KAAO,CACLE,EAAc,CACZM,kBAAmBT,EAAMC,MACzBS,mBAAoBV,EAAMC,MAC1BU,UAAWX,EAAMC,MACjBW,YAAaZ,EAAMC,MAEvB,CAEA,OACEY,EAACC,EAAqB,CACpBC,MAAO,CACLC,WAAY,CACVC,OAAQd,IAEVe,SAEDlB,EAAMkB,UAGb,CACA,OAAOlB,EAAMkB,QACf,MASaC,EAAgB,SAAhBA,EAAiBnB,GAC5B,IAAQoB,EACNpB,EADMoB,gBAAiBnB,EACvBD,EADuBC,MAAOoB,EAC9BrB,EAD8BqB,iBAAkBC,EAChDtB,EADgDsB,WAAYC,EAC5DvB,EAD4DuB,OAAQC,EACpExB,EADoEwB,QAASC,EAC7EzB,EAD6EyB,UAAcC,EAAUC,EACrG3B,EAAK4B,GACP,IAAMC,EAAaL,EACnB,IAAAM,EAAmCC,EAAS,OAArCC,EAAYF,EAAA,GAAEG,EAAUH,EAAA,GAC/B,IAAMI,EAAqBd,IAAoBe,UAAY,OAASf,EACpE,IAAMgB,EAAgBF,IAAuB,OAC7C,IAAMG,EAAsBC,EAAkBjB,GAAoB,IAAMA,EACxE,IAAMkB,EAAYC,EAAWd,EAAWa,UAAW,CAAE,oBAAqBd,IAE1EgB,EAASC,iBAAgB,WACvB,IAAKJ,EAAkBd,GAAU,CAC/BS,EAAWJ,GAAc,MAC3B,CACF,GAAG,CAACL,IAEJ,IAAMmB,EAAUC,EAAMC,kBAAiB,SAACC,GACtC,IAAMH,EAAU3C,EAAM2C,QACtB,IAAKA,EAAS,CACZ,MACF,CACA,IAAMI,EAASJ,EAAQG,GACvB,GAAIC,GAAUC,EAAUD,GAAS,CAC/Bd,EAAW,MACXc,EACGE,OAAM,SAACC,GACNC,QAAQD,MAAMA,EAChB,IACCE,SAAQ,WACPnB,EAAW,MACb,GACJ,CACD,GAAEI,GAEH,IAAKgB,EAASC,cAAchC,GAAa,CACvC,OAAO,IACT,CAEA,GAAIC,EAAQ,CACV,OAAO,IACT,CAEA,GAAIa,EAAe,CACjB,OACEvB,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEL,EAACI,EAAMsC,KAAK7B,EAAU,CAAEiB,QAASA,EAASnB,QAASQ,EAAcO,UAAWA,EAAUrB,SACnFlB,EAAMkB,aAIf,CAEA,OACEL,EAACd,EAAa,CAACE,MAAOA,EAAOC,SAAUF,EAAME,SAAUE,KAAMJ,EAAMI,KAAKc,SACtEsC,EAACvC,EAAMsC,KAAK7B,EAAU,CAAEiB,QAASA,EAASJ,UAAWA,EAAUrB,SAAA,CAC5Dc,GACCnB,EAAA,MAAA,CAAK0B,UAAU,oBAAmBrB,SAChCL,EAAA4C,EAAkB,MAGrBzB,EAAenB,EAAA,MAAA,CAAK6C,MAAO,CAAEC,QAAS,IAAMzC,SAAElB,EAAMkB,WAAkBlB,EAAMkB,cAIrF"}

package/esm/date-range-picker-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/date-range-picker-wrapper/date-range-picker-wrapper.tsx"],"sourcesContent":["import { flatbizDate, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { DatePicker } from 'antd';\nimport { RangePickerDateProps } from 'antd/es/date-picker/generatePicker';\nimport dayjs, { Dayjs } from 'dayjs';\nimport { useMemo, useState } from 'react';\nimport { DayjsDateTypeEnum, TDayjsDateType } from '../_utils/constants';\nimport { getDisabledHour, getDisabledMinute, getDisabledSecond } from '../_utils/time';\n\nexport type DateRangePickerWrapperProps = Omit<\n  RangePickerDateProps<TAny>,\n  'value' | 'onChange' | 'onCalendarChange' | 'disabledDate' | 'format'\n> & {\n  value?: [string, string];\n  onChange?: (value?: [string, string]) => void;\n  /**\n   * 1. minDate、maxDate 与 format格式相同；默认：YYYY-MM-DD\n   * 2. maxDays 最大可选的天数\n   */\n  disabledDateConfig?: {\n    minDate?: TDayjsDateType;\n    maxDate?: TDayjsDateType;\n    maxDays?: number;\n    /** 禁用 小时 刻度列表，与日期无关  */\n    disabledHourList?: number[];\n    /** 禁用 分钟 刻度列表，与日期无关 */\n    disabledMinuteList?: number[];\n    /** 禁用 秒钟 刻度列表，与日期无关 */\n    disabledSecondList?: number[];\n  };\n  format?: TDayjsDateType;\n};\n\ntype RangeValue = [Dayjs | null, Dayjs | null] | null;\n\n/**\n * DatePicker.RangePicker包装组件\n * ```\n * 1. value类型为 [string, string]\n * 2. onChange返回类型 [string, string]\n * 3. 默认格式化类型 YYYY-MM-DD； 当showTime===true时，默认格式化类型YYYY-MM-DD HH:mm:ss；其他格式化类型自定义format\n * 4. 可设置disabledDateConfig，来控制日期项的disbaled状态\n * 5. 设置 disabledDate 后，disabledDateConfig配置将失效\n * 6. 设置 disabledTime 后，内置的disabledTime逻辑将失效\n *\n * TODO: 引用DatePicker.RangePicker TS有问题，待解决\n * TODO: 存在场景缺陷，当设置maxDays、showTime后，在选择单个日期不通过确认按钮直接切换输入框，无法获取回调，无法约束disabledDate\n * ```\n */\nexport const DateRangePickerWrapper = (props: DateRangePickerWrapperProps) => {\n  const { value, onChange, style, format, onOpenChange: onAntdOpenChange, ...otherProps } = props;\n  const { maxDays, minDate, maxDate, disabledHourList, disabledMinuteList, disabledSecondList } =\n    props.disabledDateConfig || {};\n  const minDateTimeDayInst = minDate ? dayjs(minDate) : undefined;\n  const maxDateTimeDayInst = maxDate ? dayjs(maxDate) : undefined;\n\n  const [dates, setDates] = useState<RangeValue>(null);\n  const [hackValue, setHackValue] = useState<RangeValue>(null);\n\n  const [date1, date2] = value || [];\n  const rangePickerValue = useMemo(() => {\n    if (date1 && date2) {\n      const newDate1 = flatbizDate.dateNormalize(date1);\n      const newDate2 = flatbizDate.dateNormalize(date2);\n      return [dayjs(newDate1), dayjs(newDate2)];\n    }\n    return undefined;\n  }, [date1, date2]) as [Dayjs, Dayjs];\n\n  const customFormat = useMemo(() => {\n    if (format) return format as string;\n    if (props.showTime === true) return DayjsDateTypeEnum.YMDHms;\n    return DayjsDateTypeEnum.YMD;\n  }, [props.showTime, format]);\n\n  const onChangeDate = hooks.useCallbackRef((dates, dateStrings) => {\n    if (dates && dates[0] && dates[1]) {\n      onChange?.(dateStrings);\n    } else {\n      onChange?.(undefined);\n    }\n  });\n\n  const getDisabledDate = hooks.useCallbackRef((current) => {\n    const currentDate = current.format(DayjsDateTypeEnum.YMD);\n    if (!props.disabledDateConfig) {\n      return false;\n    }\n    if (minDateTimeDayInst && maxDateTimeDayInst) {\n      if (\n        !flatbizDate.in(\n          currentDate,\n          minDateTimeDayInst.format(DayjsDateTypeEnum.YMD),\n          maxDateTimeDayInst.format(DayjsDateTypeEnum.YMD),\n        )\n      ) {\n        return true;\n      }\n    } else if (minDateTimeDayInst) {\n      if (!flatbizDate.gte(currentDate, minDateTimeDayInst.format(DayjsDateTypeEnum.YMD))) {\n        return true;\n      }\n    } else if (maxDateTimeDayInst) {\n      if (!flatbizDate.gte(maxDateTimeDayInst.format(DayjsDateTypeEnum.YMD), currentDate)) {\n        return true;\n      }\n    }\n\n    if (!maxDays || (!dates?.[0] && !dates?.[1])) {\n      return false;\n    }\n\n    const tooLate = dates?.[0] && current.diff(dates[0], 'days') > maxDays - 1;\n    const tooEarly = dates?.[1] && dates[1].diff(current, 'days') > maxDays - 1;\n    return !!tooEarly || !!tooLate;\n  });\n\n  const onOpenChange = (open: boolean) => {\n    if (maxDays && maxDays > 0) {\n      if (open) {\n        setHackValue([null, null]);\n        setDates([null, null]);\n      } else {\n        setHackValue(null);\n      }\n    }\n    onAntdOpenChange?.(open);\n  };\n\n  const getDisabledTime = hooks.useCallbackRef((current) => {\n    const options = {\n      minDateTime: minDateTimeDayInst,\n      maxDateTime: maxDateTimeDayInst,\n      disabledHourList,\n      disabledMinuteList,\n      disabledSecondList,\n    };\n    current = current || dayjs(date1 || new Date());\n    return {\n      disabledHours: () => {\n        return getDisabledHour(current, options);\n      },\n      disabledMinutes: () => {\n        return getDisabledMinute(current, options);\n      },\n      disabledSeconds: () => {\n        return getDisabledSecond(current, options);\n      },\n    };\n  });\n\n  return (\n    <DatePicker.RangePicker\n      disabledDate={getDisabledDate}\n      disabledTime={getDisabledTime}\n      {...otherProps}\n      format={customFormat}\n      style={{ width: '100%', ...style }}\n      value={hackValue || rangePickerValue}\n      onChange={onChangeDate}\n      onOpenChange={onOpenChange}\n      onCalendarChange={(val) => setDates(val as RangeValue)}\n    />\n  );\n};\n"],"names":["DateRangePickerWrapper","props","value","onChange","style","format","onAntdOpenChange","onOpenChange","otherProps","_objectWithoutPropertiesLoose","_excluded","_ref","disabledDateConfig","maxDays","minDate","maxDate","disabledHourList","disabledMinuteList","disabledSecondList","minDateTimeDayInst","dayjs","undefined","maxDateTimeDayInst","_useState","useState","dates","setDates","_useState2","hackValue","setHackValue","_ref2","date1","date2","rangePickerValue","useMemo","newDate1","flatbizDate","dateNormalize","newDate2","customFormat","showTime","DayjsDateTypeEnum","YMDHms","YMD","onChangeDate","_hooks","useCallbackRef","dateStrings","getDisabledDate","current","currentDate","in","gte","tooLate","diff","tooEarly","open","getDisabledTime","options","minDateTime","maxDateTime","Date","disabledHours","getDisabledHour","disabledMinutes","getDisabledMinute","disabledSeconds","getDisabledSecond","_jsx","DatePicker","RangePicker","_extends","disabledDate","disabledTime","width","onCalendarChange","val"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/date-range-picker-wrapper/date-range-picker-wrapper.tsx"],"sourcesContent":["import { flatbizDate, TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { DatePicker } from 'antd';\nimport { RangePickerDateProps } from 'antd/es/date-picker/generatePicker';\nimport dayjs, { Dayjs } from 'dayjs';\nimport { useMemo, useState } from 'react';\nimport { DayjsDateTypeEnum, TDayjsDateType } from '../_utils/constants';\nimport { getDisabledHour, getDisabledMinute, getDisabledSecond } from '../_utils/time';\n\nexport type DateRangePickerWrapperProps = Omit<\n  RangePickerDateProps<TAny>,\n  'value' | 'onChange' | 'onCalendarChange' | 'format'\n> & {\n  value?: [string, string];\n  onChange?: (value?: [string, string]) => void;\n  /**\n   * 1. minDate、maxDate 与 format格式相同；默认：YYYY-MM-DD\n   * 2. maxDays 最大可选的天数\n   */\n  disabledDateConfig?: {\n    minDate?: TDayjsDateType;\n    maxDate?: TDayjsDateType;\n    maxDays?: number;\n    /** 禁用 小时 刻度列表，与日期无关  */\n    disabledHourList?: number[];\n    /** 禁用 分钟 刻度列表，与日期无关 */\n    disabledMinuteList?: number[];\n    /** 禁用 秒钟 刻度列表，与日期无关 */\n    disabledSecondList?: number[];\n  };\n  format?: TDayjsDateType;\n};\n\ntype RangeValue = [Dayjs | null, Dayjs | null] | null;\n\n/**\n * DatePicker.RangePicker包装组件\n * ```\n * 1. value类型为 [string, string]\n * 2. onChange返回类型 [string, string]\n * 3. 默认格式化类型 YYYY-MM-DD； 当showTime===true时，默认格式化类型YYYY-MM-DD HH:mm:ss；其他格式化类型自定义format\n * 4. 可设置disabledDateConfig，来控制日期项的disbaled状态\n * 5. 设置 disabledDate 后，disabledDateConfig配置将失效\n * 6. 设置 disabledTime 后，内置的disabledTime逻辑将失效\n *\n * TODO: 引用DatePicker.RangePicker TS有问题，待解决\n * TODO: 存在场景缺陷，当设置maxDays、showTime后，在选择单个日期不通过确认按钮直接切换输入框，无法获取回调，无法约束disabledDate\n * ```\n */\nexport const DateRangePickerWrapper = (props: DateRangePickerWrapperProps) => {\n  const { value, onChange, style, format, onOpenChange: onAntdOpenChange, ...otherProps } = props;\n  const { maxDays, minDate, maxDate, disabledHourList, disabledMinuteList, disabledSecondList } =\n    props.disabledDateConfig || {};\n  const minDateTimeDayInst = minDate ? dayjs(minDate) : undefined;\n  const maxDateTimeDayInst = maxDate ? dayjs(maxDate) : undefined;\n\n  const [dates, setDates] = useState<RangeValue>(null);\n  const [hackValue, setHackValue] = useState<RangeValue>(null);\n\n  const [date1, date2] = value || [];\n  const rangePickerValue = useMemo(() => {\n    if (date1 && date2) {\n      const newDate1 = flatbizDate.dateNormalize(date1);\n      const newDate2 = flatbizDate.dateNormalize(date2);\n      return [dayjs(newDate1), dayjs(newDate2)];\n    }\n    return undefined;\n  }, [date1, date2]) as [Dayjs, Dayjs];\n\n  const customFormat = useMemo(() => {\n    if (format) return format as string;\n    if (props.showTime === true) return DayjsDateTypeEnum.YMDHms;\n    return DayjsDateTypeEnum.YMD;\n  }, [props.showTime, format]);\n\n  const onChangeDate = hooks.useCallbackRef((dates, dateStrings) => {\n    if (dates && dates[0] && dates[1]) {\n      onChange?.(dateStrings);\n    } else {\n      onChange?.(undefined);\n    }\n  });\n\n  const getDisabledDate = hooks.useCallbackRef((current) => {\n    const currentDate = current.format(DayjsDateTypeEnum.YMD);\n    if (!props.disabledDateConfig) {\n      return false;\n    }\n    if (minDateTimeDayInst && maxDateTimeDayInst) {\n      if (\n        !flatbizDate.in(\n          currentDate,\n          minDateTimeDayInst.format(DayjsDateTypeEnum.YMD),\n          maxDateTimeDayInst.format(DayjsDateTypeEnum.YMD),\n        )\n      ) {\n        return true;\n      }\n    } else if (minDateTimeDayInst) {\n      if (!flatbizDate.gte(currentDate, minDateTimeDayInst.format(DayjsDateTypeEnum.YMD))) {\n        return true;\n      }\n    } else if (maxDateTimeDayInst) {\n      if (!flatbizDate.gte(maxDateTimeDayInst.format(DayjsDateTypeEnum.YMD), currentDate)) {\n        return true;\n      }\n    }\n\n    if (!maxDays || (!dates?.[0] && !dates?.[1])) {\n      return false;\n    }\n\n    const tooLate = dates?.[0] && current.diff(dates[0], 'days') > maxDays - 1;\n    const tooEarly = dates?.[1] && dates[1].diff(current, 'days') > maxDays - 1;\n    return !!tooEarly || !!tooLate;\n  });\n\n  const onOpenChange = (open: boolean) => {\n    if (maxDays && maxDays > 0) {\n      if (open) {\n        setHackValue([null, null]);\n        setDates([null, null]);\n      } else {\n        setHackValue(null);\n      }\n    }\n    onAntdOpenChange?.(open);\n  };\n\n  const getDisabledTime = hooks.useCallbackRef((current) => {\n    const options = {\n      minDateTime: minDateTimeDayInst,\n      maxDateTime: maxDateTimeDayInst,\n      disabledHourList,\n      disabledMinuteList,\n      disabledSecondList,\n    };\n    current = current || dayjs(date1 || new Date());\n    return {\n      disabledHours: () => {\n        return getDisabledHour(current, options);\n      },\n      disabledMinutes: () => {\n        return getDisabledMinute(current, options);\n      },\n      disabledSeconds: () => {\n        return getDisabledSecond(current, options);\n      },\n    };\n  });\n\n  return (\n    <DatePicker.RangePicker\n      disabledDate={getDisabledDate}\n      disabledTime={getDisabledTime}\n      {...otherProps}\n      format={customFormat}\n      style={{ width: '100%', ...style }}\n      value={hackValue || rangePickerValue}\n      onChange={onChangeDate}\n      onOpenChange={onOpenChange}\n      onCalendarChange={(val) => setDates(val as RangeValue)}\n    />\n  );\n};\n"],"names":["DateRangePickerWrapper","props","value","onChange","style","format","onAntdOpenChange","onOpenChange","otherProps","_objectWithoutPropertiesLoose","_excluded","_ref","disabledDateConfig","maxDays","minDate","maxDate","disabledHourList","disabledMinuteList","disabledSecondList","minDateTimeDayInst","dayjs","undefined","maxDateTimeDayInst","_useState","useState","dates","setDates","_useState2","hackValue","setHackValue","_ref2","date1","date2","rangePickerValue","useMemo","newDate1","flatbizDate","dateNormalize","newDate2","customFormat","showTime","DayjsDateTypeEnum","YMDHms","YMD","onChangeDate","_hooks","useCallbackRef","dateStrings","getDisabledDate","current","currentDate","in","gte","tooLate","diff","tooEarly","open","getDisabledTime","options","minDateTime","maxDateTime","Date","disabledHours","getDisabledHour","disabledMinutes","getDisabledMinute","disabledSeconds","getDisabledSecond","_jsx","DatePicker","RangePicker","_extends","disabledDate","disabledTime","width","onCalendarChange","val"],"mappings":"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"}

package/esm/dialog-alert/index.js

@@ -5,7 +5,8 @@ import './../button-wrapper/index.css';
 import './../config-provider-wrapper/index.css';
 import './../fba-hooks/index.css';
 import './../fba-utils/index.css';
+import './../flex-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as i}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{dialogConfirm as o}from"../dialog-confirm/index.js";import"@dimjs/utils/cjs/class-names";import"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"ahooks";import"antd";import"react";import"react-dom/client";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../config-provider-wrapper/index.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"react/jsx-runtime";import"../fba-utils/index.js";var r={open:function r(t){return o.open(i({okText:"确定",cancelHidden:true,maskClosable:false},t,{onOk:t.onClick}))}};export{r as dialogAlert};
+import{_ as i}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{dialogConfirm as o}from"../dialog-confirm/index.js";import"@dimjs/utils/cjs/class-names";import"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"ahooks";import"antd";import"react";import"react-dom/client";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../config-provider-wrapper/index.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"react/jsx-runtime";import"../fba-utils/index.js";import"../flex-layout/index.js";var r={open:function r(t){return o.open(i({okText:"确定",cancelHidden:true,maskClosable:false},t,{onOk:t.onClick}))}};export{r as dialogAlert};
 //# sourceMappingURL=index.js.map

package/esm/dialog-alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-alert/dialog-alert.tsx"],"sourcesContent":["import { dialogConfirm } from '../dialog-confirm';\nimport { DialogModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport type DialogAlertProps = Omit<\n  DialogModalProps,\n  'onOk' | 'cancelHidden' | 'cancelButtonProps' | 'onCancel' | 'onClick'\n> & {\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n};\n\nexport const dialogAlert = {\n  open: (props: DialogAlertProps) => {\n    return dialogConfirm.open({\n      okText: '确定',\n      cancelHidden: true,\n      maskClosable: false,\n      ...props,\n      onOk: props.onClick,\n    } as DialogModalProps);\n  },\n};\n"],"names":["dialogAlert","open","props","dialogConfirm","_extends","okText","cancelHidden","maskClosable","onOk","onClick"],"mappings":";0/BAWO,IAAMA,EAAc,CACzBC,KAAM,SAAAA,EAACC,GACL,OAAOC,EAAcF,KAAIG,EAAA,CACvBC,OAAQ,KACRC,aAAc,KACdC,aAAc,OACXL,EAAK,CACRM,KAAMN,EAAMO,UAEhB"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-alert/dialog-alert.tsx"],"sourcesContent":["import { dialogConfirm } from '../dialog-confirm';\nimport { DialogModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport type DialogAlertProps = Omit<\n  DialogModalProps,\n  'onOk' | 'cancelHidden' | 'cancelButtonProps' | 'onCancel' | 'onClick'\n> & {\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n};\n\nexport const dialogAlert = {\n  open: (props: DialogAlertProps) => {\n    return dialogConfirm.open({\n      okText: '确定',\n      cancelHidden: true,\n      maskClosable: false,\n      ...props,\n      onOk: props.onClick,\n    } as DialogModalProps);\n  },\n};\n"],"names":["dialogAlert","open","props","dialogConfirm","_extends","okText","cancelHidden","maskClosable","onOk","onClick"],"mappings":";0hCAWO,IAAMA,EAAc,CACzBC,KAAM,SAAAA,EAACC,GACL,OAAOC,EAAcF,KAAIG,EAAA,CACvBC,OAAQ,KACRC,aAAc,KACdC,aAAc,OACXL,EAAK,CACRM,KAAMN,EAAMO,UAEhB"}

package/esm/dialog-confirm/index.js

@@ -4,7 +4,8 @@ import './../button-wrapper/index.css';
 import './../config-provider-wrapper/index.css';
 import './../fba-hooks/index.css';
 import './../fba-utils/index.css';
+import './../flex-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as i}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{dialogModal as r}from"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"ahooks";import"antd";import"react";import"react-dom/client";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../config-provider-wrapper/index.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"react/jsx-runtime";import"../fba-utils/index.js";var t={open:function t(a){var s=o("v-dialog-confirm",a.className);return r.open(i({width:350,okText:"确定",cancelText:"取消",maskClosable:true},a,{className:s}))}};export{t as dialogConfirm};
+import{_ as i}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{dialogModal as r}from"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"ahooks";import"antd";import"react";import"react-dom/client";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../config-provider-wrapper/index.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"react/jsx-runtime";import"../fba-utils/index.js";import"../flex-layout/index.js";var t={open:function t(a){var s=o("v-dialog-confirm",a.className);return r.open(i({width:350,okText:"确定",cancelText:"取消",maskClosable:true},a,{className:s}))}};export{t as dialogConfirm};
 //# sourceMappingURL=index.js.map

package/esm/dialog-confirm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-confirm/dialog-confirm.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { dialogModal, DialogModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport const dialogConfirm = {\n  open: (props: DialogModalProps) => {\n    const className = classNames('v-dialog-confirm', props.className);\n    return dialogModal.open({\n      width: 350,\n      okText: '确定',\n      cancelText: '取消',\n      maskClosable: true,\n      ...props,\n      className,\n    });\n  },\n};\n"],"names":["dialogConfirm","open","props","className","_classNames","dialogModal","_extends","width","okText","cancelText","maskClosable"],"mappings":";0+BAIO,IAAMA,EAAgB,CAC3BC,KAAM,SAAAA,EAACC,GACL,IAAMC,EAAYC,EAAW,mBAAoBF,EAAMC,WACvD,OAAOE,EAAYJ,KAAIK,EAAA,CACrBC,MAAO,IACPC,OAAQ,KACRC,WAAY,KACZC,aAAc,MACXR,EAAK,CACRC,UAAAA,IAEJ"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-confirm/dialog-confirm.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { dialogModal, DialogModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport const dialogConfirm = {\n  open: (props: DialogModalProps) => {\n    const className = classNames('v-dialog-confirm', props.className);\n    return dialogModal.open({\n      width: 350,\n      okText: '确定',\n      cancelText: '取消',\n      maskClosable: true,\n      ...props,\n      className,\n    });\n  },\n};\n"],"names":["dialogConfirm","open","props","className","_classNames","dialogModal","_extends","width","okText","cancelText","maskClosable"],"mappings":";0gCAIO,IAAMA,EAAgB,CAC3BC,KAAM,SAAAA,EAACC,GACL,IAAMC,EAAYC,EAAW,mBAAoBF,EAAMC,WACvD,OAAOE,EAAYJ,KAAIK,EAAA,CACrBC,MAAO,IACPC,OAAQ,KACRC,WAAY,KACZC,aAAc,MACXR,EAAK,CACRC,UAAAA,IAEJ"}

package/esm/dialog-drawer/index.js

@@ -5,5 +5,5 @@ import './../fba-hooks/index.css';
 import './../fba-utils/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{isString as e}from"@dimjs/lang/cjs/is-string";import{_ as o,a as r}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as t}from"@dimjs/lang/cjs/is-promise";import{hooks as n}from"@wove/react/cjs/hooks";import{Form as i,Space as a,Drawer as l}from"antd";import{useState as d}from"react";import{createRoot as c}from"react-dom/client";import{ButtonWrapper as s}from"../button-wrapper/index.js";import{ConfigProviderWrapper as m}from"../config-provider-wrapper/index.js";import{fbaHooks as p}from"../fba-hooks/index.js";import{b as u}from"../dom-4d04aa64.js";import{C as f}from"../context-1f2093c6.js";import{jsx as v,jsxs as y}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";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"../use-responsive-point-21b8c601.js";import"@wove/react/cjs/create-ctx";var j=["divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","operatePosition","operateRender","width","okHidden","cancelHidden","extra","bodyStyle"];var w=function e(c){var u=c.divElement,w=c.elementId,h=c.onOk,g=c.onCancel,x=c.content,k=c.configProviderProps,C=c.okText,b=c.cancelText,P=c.okButtonExtraProps,_=c.cancelButtonExtraProps,E=c.operatePosition,B=E===void 0?"footer":E,I=c.operateRender,S=c.width,H=S===void 0?600:S,O=c.okHidden,R=c.cancelHidden,T=c.extra,z=c.bodyStyle,F=r(c,j);var W=d(true),Y=W[0],D=W[1];var L=d(),N=L[0],U=L[1];var q=i.useForm(),A=q[0];var G=n.useCallbackRef((function(){try{delete window[w]}catch(e){}D(false)}));p.useEffectCustom((function(){window[w]=G}),[G]);var J=n.useCallbackRef((function(e){if(g){var o=g(A,e);if(o&&t(o)){return o.then(G)}}return G()}));var K=n.useCallbackRef((function(e){if(h){var o=h(A,e);if(o&&t(o)){return o.then(G)}}return G()}));var M=y(a,{children:[R||_!=null&&_.hidden?null:v(s,o({},_,{onClick:J,children:b||"取消"})),O||P!=null&&P.hidden?null:v(s,o({type:"primary"},P,{onClick:K,children:C||"提交"}))]});var Q=function e(){if(I){return I(A)}if(!O||!R){return M}return null};var V=typeof T==="function"?T(A):T;var X=function e(o){U(o)};return v(f,{value:{onClose:G,updateBodyStyle:X},children:v(m,o({},k,{children:v(l,o({maskClosable:true,destroyOnClose:true,onClose:G,width:"80%",contentWrapperStyle:{maxWidth:H},footer:B==="footer"?Q():null},F,{bodyStyle:o({},N,z),extra:B==="header"?Q():V,open:Y,getContainer:u,children:typeof x==="function"?x(A,{onClose:G}):x}))}))})};var h={open:function e(r){var t=u(),n=t.divElement,i=t.elementId;window["__dialog_drawer_elementId"]=i;var a=c(n);a.render(v(w,o({},r,{divElement:n,elementId:i})));return{close:function e(){var o,r;(o=(r=window)[i])==null?void 0:o.call(r)}}},close:function o(){try{var r,t;var n=window["__dialog_drawer_elementId"];if(e(n))(r=(t=window)[n])==null?void 0:r.call(t)}catch(e){}}};export{h as dialogDrawer};
+import{isString as e}from"@dimjs/lang/cjs/is-string";import{_ as o,a as r}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as t}from"@dimjs/lang/cjs/is-promise";import{hooks as n}from"@wove/react/cjs/hooks";import{Form as i,Space as a,Drawer as l}from"antd";import{useState as d}from"react";import{createRoot as s}from"react-dom/client";import{ButtonWrapper as c}from"../button-wrapper/index.js";import{ConfigProviderWrapper as m}from"../config-provider-wrapper/index.js";import{fbaHooks as p}from"../fba-hooks/index.js";import{b as u}from"../dom-4d04aa64.js";import{C as f}from"../context-1f2093c6.js";import{jsx as v,jsxs as j}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/utils/cjs/class-names";import"@flatbiz/utils";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";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"../use-responsive-point-21b8c601.js";import"@wove/react/cjs/create-ctx";var y=["divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","operatePosition","operateRender","width","okHidden","cancelHidden","extra","bodyStyle"];var w=function e(s){var u=s.divElement,w=s.elementId,h=s.onOk,g=s.onCancel,x=s.content,k=s.configProviderProps,C=s.okText,b=s.cancelText,P=s.okButtonExtraProps,_=s.cancelButtonExtraProps,E=s.operatePosition,B=E===void 0?"footer":E,I=s.operateRender,S=s.width,H=S===void 0?600:S,O=s.okHidden,R=s.cancelHidden,T=s.extra,z=s.bodyStyle,F=r(s,y);var W=d(true),Y=W[0],D=W[1];var L=d(),N=L[0],U=L[1];var q=i.useForm(),A=q[0];var G=n.useCallbackRef((function(){try{delete window[w]}catch(e){}D(false)}));p.useEffectCustom((function(){window[w]=G}),[G]);var J=n.useCallbackRef((function(e){if(g){var o=g(A,e);if(o&&t(o)){return o.then(G)}}return G()}));var K=n.useCallbackRef((function(e){if(h){var o=h(A,e);if(o&&t(o)){return o.then(G)}}return G()}));var M=j(a,{children:[R||_!=null&&_.hidden?null:v(c,o({},_,{onClick:J,children:b||"取消"})),O||P!=null&&P.hidden?null:v(c,o({type:"primary"},P,{onClick:K,children:C||"提交"}))]});var Q=function e(){if(I){return I(A)}if(!O||!R){return M}return null};var V=typeof T==="function"?T(A):T;var X=function e(o){U(o)};return v(f,{value:{onClose:G,updateBodyStyle:X},children:v(m,o({},k,{children:v(l,o({maskClosable:true,destroyOnClose:true,onClose:G,width:"80%",contentWrapperStyle:{maxWidth:H},footer:B==="footer"?Q():null},F,{bodyStyle:o({},N,z),extra:B==="header"?Q():V,open:Y,getContainer:u,children:typeof x==="function"?x(A,{onClose:G}):x}))}))})};var h={open:function e(r){var t=u(),n=t.divElement,i=t.elementId;window["__dialog_drawer_elementId"]=i;var a=s(n);a.render(v(w,o({},r,{divElement:n,elementId:i})));return{close:function e(){var o,r;(o=(r=window)[i])==null?void 0:o.call(r)}}},close:function o(){try{var r,t;var n=window["__dialog_drawer_elementId"];if(e(n))(r=(t=window)[n])==null?void 0:r.call(t)}catch(e){}}};export{h as dialogDrawer};
 //# sourceMappingURL=index.js.map

package/esm/dialog-drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-drawer/dialog-drawer.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { bodyAppendDivElement, BodyAppendDivElementProps } from '../_utils/dom';\nimport { CtxProvider } from './context';\n\nexport type DialogDrawerProps = Omit<\n  DrawerProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'footer' | 'extra'\n> & {\n  okText?: string | ReactElement;\n  cancelText?: string | ReactElement;\n  onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n  operatePosition?: 'header' | 'footer';\n  operateRender?: (form: FormInstance) => ReactElement;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  extra?: ReactNode | ((form: FormInstance) => ReactElement);\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogDrawerProps) => {\n  const {\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    content,\n    configProviderProps,\n    okText,\n    cancelText,\n    okButtonExtraProps,\n    cancelButtonExtraProps,\n    operatePosition = 'footer',\n    operateRender,\n    width = 600,\n    okHidden,\n    cancelHidden,\n    extra,\n    bodyStyle,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [innerBodyStyle, setInnerBodyStyle] = useState<CSSProperties>();\n  const [form] = Form.useForm();\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    window[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const operateGroup = (\n    <Space>\n      {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n          {cancelText || '取消'}\n        </ButtonWrapper>\n      )}\n      {okHidden || okButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n          {okText || '提交'}\n        </ButtonWrapper>\n      )}\n    </Space>\n  );\n\n  const operateRenderHandle = () => {\n    if (operateRender) {\n      return operateRender(form);\n    }\n    if (!okHidden || !cancelHidden) {\n      return operateGroup;\n    }\n    return null;\n  };\n\n  const extraRender = typeof extra === 'function' ? extra(form) : extra;\n\n  const updateBodyStyle = (bodyStyle?: CSSProperties) => {\n    setInnerBodyStyle(bodyStyle);\n  };\n\n  return (\n    <CtxProvider value={{ onClose, updateBodyStyle }}>\n      <ConfigProviderWrapper {...configProviderProps}>\n        <Drawer\n          maskClosable={true}\n          destroyOnClose\n          onClose={onClose}\n          width={'80%'}\n          contentWrapperStyle={{ maxWidth: width }}\n          footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n          {...otherProps}\n          bodyStyle={{ ...innerBodyStyle, ...bodyStyle }}\n          extra={operatePosition === 'header' ? operateRenderHandle() : extraRender}\n          open={open}\n          getContainer={divElement}\n        >\n          {typeof content === 'function' ? content(form, { onClose }) : content}\n        </Drawer>\n      </ConfigProviderWrapper>\n    </CtxProvider>\n  );\n};\n\n/**\n * 函数式调用弹框；初始化后，内容无法更新\n *```\n * 1. 基础使用方式\n * dialogDrawer.open({\n *   title: '我是标题',\n *   content: <div>我是内容</div>,\n * });\n * ```\n * ```\n * ***************************\n * 2. 结合内置form使用，可在onOK、onCancel获取form对象\n * dialogDrawer.open({\n *   title: '我是标题',\n *   content: (form, operate) => {\n *     return (\n *       <Form form={form}>\n *         <Form.Item name=\"useName\">\n *           <Input placeholder=\"请输入\" />\n *         </Form.Item>\n *       </Form>\n *     );\n *   },\n *   onOk: (form) => {\n *     console.log('content form数据', form.getFieldsValue());\n *     return Promise.resolve();\n *   },\n * });\n *\n * 注意：\n * 1.  设置operateRender后，需要自定义操作按钮，onOk、onCancel、okText、cancelText、okButtonExtraProps、cancelButtonExtraProps配置失效\n * ```\n */\nexport const dialogDrawer = {\n  open: (props: DialogDrawerProps) => {\n    const { divElement, elementId } = bodyAppendDivElement();\n    window['__dialog_drawer_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n    return {\n      close: () => {\n        window[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogDrawer.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_drawer_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (error) {\n      //\n    }\n  },\n};\n"],"names":["ModalRender","props","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","_props$width","width","okHidden","cancelHidden","extra","bodyStyle","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_useState2","innerBodyStyle","setInnerBodyStyle","_Form$useForm","Form","useForm","form","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","operateRenderHandle","extraRender","updateBodyStyle","CtxProvider","value","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","contentWrapperStyle","maxWidth","footer","getContainer","dialogDrawer","_bodyAppendDivElement","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-drawer/dialog-drawer.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { bodyAppendDivElement, BodyAppendDivElementProps } from '../_utils/dom';\nimport { CtxProvider } from './context';\n\nexport type DialogDrawerProps = Omit<\n  DrawerProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'footer' | 'extra'\n> & {\n  okText?: string | ReactElement;\n  cancelText?: string | ReactElement;\n  onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n  operatePosition?: 'header' | 'footer';\n  operateRender?: (form: FormInstance) => ReactElement;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  extra?: ReactNode | ((form: FormInstance) => ReactElement);\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogDrawerProps) => {\n  const {\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    content,\n    configProviderProps,\n    okText,\n    cancelText,\n    okButtonExtraProps,\n    cancelButtonExtraProps,\n    operatePosition = 'footer',\n    operateRender,\n    width = 600,\n    okHidden,\n    cancelHidden,\n    extra,\n    bodyStyle,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [innerBodyStyle, setInnerBodyStyle] = useState<CSSProperties>();\n  const [form] = Form.useForm();\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    window[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const operateGroup = (\n    <Space>\n      {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n          {cancelText || '取消'}\n        </ButtonWrapper>\n      )}\n      {okHidden || okButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n          {okText || '提交'}\n        </ButtonWrapper>\n      )}\n    </Space>\n  );\n\n  const operateRenderHandle = () => {\n    if (operateRender) {\n      return operateRender(form);\n    }\n    if (!okHidden || !cancelHidden) {\n      return operateGroup;\n    }\n    return null;\n  };\n\n  const extraRender = typeof extra === 'function' ? extra(form) : extra;\n\n  const updateBodyStyle = (bodyStyle?: CSSProperties) => {\n    setInnerBodyStyle(bodyStyle);\n  };\n\n  return (\n    <CtxProvider value={{ onClose, updateBodyStyle }}>\n      <ConfigProviderWrapper {...configProviderProps}>\n        <Drawer\n          maskClosable={true}\n          destroyOnClose\n          onClose={onClose}\n          width={'80%'}\n          contentWrapperStyle={{ maxWidth: width }}\n          footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n          {...otherProps}\n          bodyStyle={{ ...innerBodyStyle, ...bodyStyle }}\n          extra={operatePosition === 'header' ? operateRenderHandle() : extraRender}\n          open={open}\n          getContainer={divElement}\n        >\n          {typeof content === 'function' ? content(form, { onClose }) : content}\n        </Drawer>\n      </ConfigProviderWrapper>\n    </CtxProvider>\n  );\n};\n\n/**\n * 函数式调用弹框；初始化后，内容无法更新\n *```\n * 1. 基础使用方式\n * dialogDrawer.open({\n *   title: '我是标题',\n *   content: <div>我是内容</div>,\n * });\n * ```\n * ```\n * ***************************\n * 2. 结合内置form使用，可在onOK、onCancel获取form对象\n * dialogDrawer.open({\n *   title: '我是标题',\n *   content: (form, operate) => {\n *     return (\n *       <Form form={form}>\n *         <Form.Item name=\"useName\">\n *           <Input placeholder=\"请输入\" />\n *         </Form.Item>\n *       </Form>\n *     );\n *   },\n *   onOk: (form) => {\n *     console.log('content form数据', form.getFieldsValue());\n *     return Promise.resolve();\n *   },\n * });\n *\n * 注意：\n * 1.  设置operateRender后，需要自定义操作按钮，onOk、onCancel、okText、cancelText、okButtonExtraProps、cancelButtonExtraProps配置失效\n * ```\n */\nexport const dialogDrawer = {\n  open: (props: DialogDrawerProps) => {\n    const { divElement, elementId } = bodyAppendDivElement();\n    window['__dialog_drawer_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n    return {\n      close: () => {\n        window[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogDrawer.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_drawer_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (error) {\n      //\n    }\n  },\n};\n"],"names":["ModalRender","props","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","_props$width","width","okHidden","cancelHidden","extra","bodyStyle","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_useState2","innerBodyStyle","setInnerBodyStyle","_Form$useForm","Form","useForm","form","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","operateRenderHandle","extraRender","updateBodyStyle","CtxProvider","value","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","contentWrapperStyle","maxWidth","footer","getContainer","dialogDrawer","_bodyAppendDivElement","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}

package/esm/dialog-drawer-content/index.js

@@ -5,5 +5,5 @@ import './../fba-hooks/index.css';
 import './../fba-utils/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as r}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as o}from"@wove/react/cjs/hooks";import{Space as i}from"antd";import{ButtonWrapper as t}from"../button-wrapper/index.js";import{u as a}from"../context-1f2093c6.js";import{fbaHooks as n}from"../fba-hooks/index.js";import{jsxs as l,jsx as s}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"react";import"../config-provider-wrapper/index.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"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"../fba-utils/index.js";import"@wove/react/cjs/create-ctx";var d=function d(p){var c=a();var m=c.onClose;n.useEffectCustom((function(){c.updateBodyStyle({padding:0})}),[]);var u=p.okHidden,f=p.onCancel,j=p.onOk,v=p.cancelHidden,y=p.cancelText,g=p.okText,h=p.okButtonExtraProps,k=p.cancelButtonExtraProps,x=p.footer;var w=o.useCallbackRef((function(r){if(f){var o=f(r);if(o&&e(o)){return o.then(m)}}return m()}));var C=o.useCallbackRef((function(r){if(j){var o=j(r);if(o&&e(o)){return o.then(m)}}return m()}));var b=l(i,{children:[v||k!=null&&k.hidden?null:s(t,r({},k,{onClick:w,children:y||"取消"})),u||h!=null&&h.hidden?null:s(t,r({type:"primary"},h,{onClick:C,children:g||"提交"}))]});return l("div",{className:"dialog-drawer-content-wrapper",children:[s("div",{className:"dialog-drawer-content",children:p.children}),s("div",{className:"dialog-drawer-footer",style:p.footerStyle,children:(x==null?void 0:x({onClose:m}))||b})]})};export{d as DialogDrawerContent};
+import{_ as r}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as o}from"@wove/react/cjs/hooks";import{Space as i}from"antd";import{ButtonWrapper as t}from"../button-wrapper/index.js";import{u as a}from"../context-1f2093c6.js";import{fbaHooks as n}from"../fba-hooks/index.js";import{jsxs as l,jsx as s}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/utils/cjs/class-names";import"@flatbiz/utils";import"react";import"../config-provider-wrapper/index.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"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"../fba-utils/index.js";import"@wove/react/cjs/create-ctx";var d=function d(p){var c=a();var m=c.onClose;n.useEffectCustom((function(){c.updateBodyStyle({padding:0})}),[]);var u=p.okHidden,f=p.onCancel,j=p.onOk,v=p.cancelHidden,y=p.cancelText,g=p.okText,h=p.okButtonExtraProps,k=p.cancelButtonExtraProps,x=p.footer;var w=o.useCallbackRef((function(r){if(f){var o=f(r);if(o&&e(o)){return o.then(m)}}return m()}));var C=o.useCallbackRef((function(r){if(j){var o=j(r);if(o&&e(o)){return o.then(m)}}return m()}));var b=l(i,{children:[v||k!=null&&k.hidden?null:s(t,r({},k,{onClick:w,children:y||"取消"})),u||h!=null&&h.hidden?null:s(t,r({type:"primary"},h,{onClick:C,children:g||"提交"}))]});return l("div",{className:"dialog-drawer-content-wrapper",children:[s("div",{className:"dialog-drawer-content",children:p.children}),s("div",{className:"dialog-drawer-footer",style:p.footerStyle,children:(x==null?void 0:x({onClose:m}))||b})]})};export{d as DialogDrawerContent};
 //# sourceMappingURL=index.js.map

package/esm/dialog-drawer-content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-drawer-content/content.tsx"],"sourcesContent":["import { isPromise } from '@dimjs/lang';\nimport { hooks } from '@wove/react';\nimport { Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { useDialogDrawerCtx } from '../dialog-drawer/context';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type DialogDrawerContentProps = {\n  footer?: (data: { onClose: () => void }) => ReactElement;\n  footerStyle?: CSSProperties;\n  children?: ReactNode;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  okText?: string | ReactElement;\n  cancelText?: string | ReactElement;\n  onOk?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n};\n/**\n * 当dialogDrawer底部操作按钮在业务content内部时，使用\n * ```\n * 1. 设置 footer 后，okHidden、cancelHidden、okButtonExtraProps、cancelButtonExtraProps、okText、cancelText、onOk、onCancel全部失效\n * ```\n */\nexport const DialogDrawerContent = (props: DialogDrawerContentProps) => {\n  const ctx = useDialogDrawerCtx();\n  const onClose = ctx.onClose;\n\n  fbaHooks.useEffectCustom(() => {\n    ctx.updateBodyStyle({ padding: 0 });\n  }, []);\n\n  const {\n    okHidden,\n    onCancel,\n    onOk,\n    cancelHidden,\n    cancelText,\n    okText,\n    okButtonExtraProps,\n    cancelButtonExtraProps,\n    footer,\n  } = props;\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n  const operateGroup = (\n    <Space>\n      {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n          {cancelText || '取消'}\n        </ButtonWrapper>\n      )}\n      {okHidden || okButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n          {okText || '提交'}\n        </ButtonWrapper>\n      )}\n    </Space>\n  );\n  return (\n    <div className=\"dialog-drawer-content-wrapper\">\n      <div className=\"dialog-drawer-content\">{props.children}</div>\n      <div className=\"dialog-drawer-footer\" style={props.footerStyle}>\n        {footer?.({ onClose }) || operateGroup}\n      </div>\n    </div>\n  );\n};\n"],"names":["DialogDrawerContent","props","ctx","useDialogDrawerCtx","onClose","fbaHooks","useEffectCustom","updateBodyStyle","padding","okHidden","onCancel","onOk","cancelHidden","cancelText","okText","okButtonExtraProps","cancelButtonExtraProps","footer","onCancelHandle","_hooks","useCallbackRef","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","className","style","footerStyle"],"mappings":";w/BA4BaA,EAAsB,SAAtBA,EAAuBC,GAClC,IAAMC,EAAMC,IACZ,IAAMC,EAAUF,EAAIE,QAEpBC,EAASC,iBAAgB,WACvBJ,EAAIK,gBAAgB,CAAEC,QAAS,GAChC,GAAE,IAEH,IACEC,EASER,EATFQ,SACAC,EAQET,EARFS,SACAC,EAOEV,EAPFU,KACAC,EAMEX,EANFW,aACAC,EAKEZ,EALFY,WACAC,EAIEb,EAJFa,OACAC,EAGEd,EAHFc,mBACAC,EAEEf,EAFFe,uBACAC,EACEhB,EADFgB,OAEF,IAAMC,EAAiBC,EAAMC,gBAAe,SAACC,GAC3C,GAAIX,EAAU,CACZ,IAAMY,EAAWZ,EAASW,GAC1B,GAAIC,GAAYC,EAAUD,GAAW,CACnC,OAAOA,EAASE,KAAKpB,EACvB,CACF,CACA,OAAOA,GACT,IAEA,IAAMqB,EAAaN,EAAMC,gBAAe,SAACC,GACvC,GAAIV,EAAM,CACR,IAAMW,EAAWX,EAAKU,GACtB,GAAIC,GAAYC,EAAUD,GAAW,CACnC,OAAOA,EAASE,KAAKpB,EACvB,CACF,CACA,OAAOA,GACT,IACA,IAAMsB,EACJC,EAACC,EAAK,CAAAC,UACHjB,GAAgBI,GAAsB,MAAtBA,EAAwBc,OAAS,KAChDC,EAACC,EAAaC,KAAKjB,EAAsB,CAAEkB,QAAShB,EAAeW,SAChEhB,GAAc,QAGlBJ,GAAYM,SAAAA,EAAoBe,OAAS,KACxCC,EAACC,EAAaC,EAAA,CAACE,KAAK,WAAcpB,EAAkB,CAAEmB,QAAST,EAAWI,SACvEf,GAAU,WAKnB,OACEa,EAAA,MAAA,CAAKS,UAAU,gCAA+BP,UAC5CE,EAAA,MAAA,CAAKK,UAAU,wBAAuBP,SAAE5B,EAAM4B,WAC9CE,EAAA,MAAA,CAAKK,UAAU,uBAAuBC,MAAOpC,EAAMqC,YAAYT,UAC5DZ,GAAM,UAAA,EAANA,EAAS,CAAEb,QAAAA,MAAcsB,MAIlC"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-drawer-content/content.tsx"],"sourcesContent":["import { isPromise } from '@dimjs/lang';\nimport { hooks } from '@wove/react';\nimport { Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { useDialogDrawerCtx } from '../dialog-drawer/context';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type DialogDrawerContentProps = {\n  footer?: (data: { onClose: () => void }) => ReactElement;\n  footerStyle?: CSSProperties;\n  children?: ReactNode;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  okText?: string | ReactElement;\n  cancelText?: string | ReactElement;\n  onOk?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n};\n/**\n * 当dialogDrawer底部操作按钮在业务content内部时，使用\n * ```\n * 1. 设置 footer 后，okHidden、cancelHidden、okButtonExtraProps、cancelButtonExtraProps、okText、cancelText、onOk、onCancel全部失效\n * ```\n */\nexport const DialogDrawerContent = (props: DialogDrawerContentProps) => {\n  const ctx = useDialogDrawerCtx();\n  const onClose = ctx.onClose;\n\n  fbaHooks.useEffectCustom(() => {\n    ctx.updateBodyStyle({ padding: 0 });\n  }, []);\n\n  const {\n    okHidden,\n    onCancel,\n    onOk,\n    cancelHidden,\n    cancelText,\n    okText,\n    okButtonExtraProps,\n    cancelButtonExtraProps,\n    footer,\n  } = props;\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n  const operateGroup = (\n    <Space>\n      {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n          {cancelText || '取消'}\n        </ButtonWrapper>\n      )}\n      {okHidden || okButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n          {okText || '提交'}\n        </ButtonWrapper>\n      )}\n    </Space>\n  );\n  return (\n    <div className=\"dialog-drawer-content-wrapper\">\n      <div className=\"dialog-drawer-content\">{props.children}</div>\n      <div className=\"dialog-drawer-footer\" style={props.footerStyle}>\n        {footer?.({ onClose }) || operateGroup}\n      </div>\n    </div>\n  );\n};\n"],"names":["DialogDrawerContent","props","ctx","useDialogDrawerCtx","onClose","fbaHooks","useEffectCustom","updateBodyStyle","padding","okHidden","onCancel","onOk","cancelHidden","cancelText","okText","okButtonExtraProps","cancelButtonExtraProps","footer","onCancelHandle","_hooks","useCallbackRef","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","className","style","footerStyle"],"mappings":";6hCA4BaA,EAAsB,SAAtBA,EAAuBC,GAClC,IAAMC,EAAMC,IACZ,IAAMC,EAAUF,EAAIE,QAEpBC,EAASC,iBAAgB,WACvBJ,EAAIK,gBAAgB,CAAEC,QAAS,GAChC,GAAE,IAEH,IACEC,EASER,EATFQ,SACAC,EAQET,EARFS,SACAC,EAOEV,EAPFU,KACAC,EAMEX,EANFW,aACAC,EAKEZ,EALFY,WACAC,EAIEb,EAJFa,OACAC,EAGEd,EAHFc,mBACAC,EAEEf,EAFFe,uBACAC,EACEhB,EADFgB,OAEF,IAAMC,EAAiBC,EAAMC,gBAAe,SAACC,GAC3C,GAAIX,EAAU,CACZ,IAAMY,EAAWZ,EAASW,GAC1B,GAAIC,GAAYC,EAAUD,GAAW,CACnC,OAAOA,EAASE,KAAKpB,EACvB,CACF,CACA,OAAOA,GACT,IAEA,IAAMqB,EAAaN,EAAMC,gBAAe,SAACC,GACvC,GAAIV,EAAM,CACR,IAAMW,EAAWX,EAAKU,GACtB,GAAIC,GAAYC,EAAUD,GAAW,CACnC,OAAOA,EAASE,KAAKpB,EACvB,CACF,CACA,OAAOA,GACT,IACA,IAAMsB,EACJC,EAACC,EAAK,CAAAC,UACHjB,GAAgBI,GAAsB,MAAtBA,EAAwBc,OAAS,KAChDC,EAACC,EAAaC,KAAKjB,EAAsB,CAAEkB,QAAShB,EAAeW,SAChEhB,GAAc,QAGlBJ,GAAYM,SAAAA,EAAoBe,OAAS,KACxCC,EAACC,EAAaC,EAAA,CAACE,KAAK,WAAcpB,EAAkB,CAAEmB,QAAST,EAAWI,SACvEf,GAAU,WAKnB,OACEa,EAAA,MAAA,CAAKS,UAAU,gCAA+BP,UAC5CE,EAAA,MAAA,CAAKK,UAAU,wBAAuBP,SAAE5B,EAAM4B,WAC9CE,EAAA,MAAA,CAAKK,UAAU,uBAAuBC,MAAOpC,EAAMqC,YAAYT,UAC5DZ,GAAM,UAAA,EAANA,EAAS,CAAEb,QAAAA,MAAcsB,MAIlC"}

package/esm/dialog-modal/index.css

@@ -1 +1 @@
-.v-dialog-modal .ant-modal-body{overflow-x:hidden;overflow-y:auto;padding:10px 24px 20px}.v-dialog-modal .ant-modal-content{padding:20px 0}.v-dialog-modal .ant-modal-footer,.v-dialog-modal .ant-modal-header{padding:0 24px}.v-dialog-modal .ant-modal-footer{margin:0}
+.v-dialog-modal .ant-modal-body{overflow-x:hidden;overflow-y:auto;padding:10px 24px 20px}.v-dialog-modal .ant-modal-content{padding:20px 0}.v-dialog-modal .ant-modal-header{padding:0 24px}.v-dialog-modal .ant-modal-footer{margin:0;padding:10px 24px 0}.v-dialog-modal-title-extra .ant-modal-close{right:5px;top:5px}

package/esm/dialog-modal/index.js

@@ -3,7 +3,8 @@ import './../button-wrapper/index.css';
 import './../config-provider-wrapper/index.css';
 import './../fba-hooks/index.css';
 import './../fba-utils/index.css';
+import './../flex-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{isString as e}from"@dimjs/lang/cjs/is-string";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{_ as r,a as t}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as n}from"@dimjs/lang/cjs/is-promise";import{hooks as i}from"@wove/react/cjs/hooks";import{dom as a}from"@flatbiz/utils";import{useSize as l}from"ahooks";import{Form as d,Modal as s}from"antd";import{useState as c,useMemo as m}from"react";import{createRoot as u}from"react-dom/client";import{ButtonWrapper as p}from"../button-wrapper/index.js";import{ConfigProviderWrapper as f}from"../config-provider-wrapper/index.js";import{fbaHooks as v}from"../fba-hooks/index.js";import{jsx as h}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";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"../use-responsive-point-21b8c601.js";var g=["divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent"];var y=function e(u){var y=u.divElement,j=u.elementId,k=u.onOk,C=u.onCancel,w=u.okButtonProps,b=u.cancelButtonProps,x=u.content,P=u.configProviderProps,_=u.className,H=u.okHidden,B=u.cancelHidden,E=u.footer,I=u.cancelText,O=u.okText,N=u.bodyHeightPercent,R=t(u,g);var S=c(true),T=S[0],z=S[1];var F=d.useForm(),D=F[0];var Y=l(document.querySelector("html"));var q=i.useCallbackRef((function(){try{delete window[j]}catch(e){}z(false)}));v.useEffectCustom((function(){window[j]=q}),[q]);var A=i.useCallbackRef((function(e){if(C){var o=C(D,e);if(o&&n(o)){return o.then(q)}}return q()}));var L=i.useCallbackRef((function(e){if(k){var o=k(D,e);if(o&&n(o)){return o.then(q)}}return q()}));var U=i.useCallbackRef((function(){a.removeBodyChild("#"+j);u.afterClose==null?void 0:u.afterClose()}));var G=[h(p,r({},b,{onClick:A,hidden:B,children:I||"取消"}),"0"),h(p,r({type:"primary"},w,{onClick:L,hidden:H,children:O||"提交"}),"1")];var J=E||G;var K=m((function(){if(!(Y!=null&&Y.height)||!N){return"auto"}return(Y==null?void 0:Y.height)*(N/100)}),[N,Y==null?void 0:Y.height]);return h(f,r({},P,{children:h(s,r({maskClosable:true,centered:true,onCancel:q,destroyOnClose:true},R,{bodyStyle:r({height:K,maxHeight:Y!=null&&Y.height?(Y==null?void 0:Y.height)*.8:"calc(100vh - 200px)"},R.bodyStyle),className:o("v-dialog-modal",_),open:T,afterClose:U,getContainer:y,footer:J,children:typeof x==="function"?x(D,{onClose:q}):x}))}))};var j={open:function e(o){var t=a.bodyAppendDivElement(),n=t.divElement,i=t.elementId;window["__dialog_modal_elementId"]=i;var l=u(n);l.render(h(y,r({},o,{divElement:n,elementId:i})));return{close:function e(){var o,r;(o=(r=window)[i])==null?void 0:o.call(r)}}},close:function o(){try{var r,t;var n=window["__dialog_modal_elementId"];if(e(n))(r=(t=window)[n])==null?void 0:r.call(t)}catch(e){}}};export{j as dialogModal};
+import{isString as e}from"@dimjs/lang/cjs/is-string";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{_ as t,a as r}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as n}from"@dimjs/lang/cjs/is-promise";import{hooks as i}from"@wove/react/cjs/hooks";import{dom as l}from"@flatbiz/utils";import{useSize as a}from"ahooks";import{Form as d,Modal as s}from"antd";import{useState as c,useMemo as m}from"react";import{createRoot as u}from"react-dom/client";import{ButtonWrapper as p}from"../button-wrapper/index.js";import{ConfigProviderWrapper as f}from"../config-provider-wrapper/index.js";import{fbaHooks as v}from"../fba-hooks/index.js";import{FlexLayout as h}from"../flex-layout/index.js";import{jsx as g,jsxs as y}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";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"../use-responsive-point-21b8c601.js";var j=["title","titleExtra","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent"];var k=function e(u){var k=u.title,C=u.titleExtra,w=u.divElement,x=u.elementId,b=u.onOk,P=u.onCancel,_=u.okButtonProps,E=u.cancelButtonProps,H=u.content,I=u.configProviderProps,B=u.className,O=u.okHidden,z=u.cancelHidden,N=u.footer,R=u.cancelText,S=u.okText,T=u.bodyHeightPercent,F=r(u,j);var D=c(true),Y=D[0],q=D[1];var A=d.useForm(),L=A[0];var U=a(document.querySelector("html"));var G=i.useCallbackRef((function(){try{delete window[x]}catch(e){}q(false)}));v.useEffectCustom((function(){window[x]=G}),[G]);var J=i.useCallbackRef((function(e){if(P){var o=P(L,e);if(o&&n(o)){return o.then(G)}}return G()}));var K=i.useCallbackRef((function(e){if(b){var o=b(L,e);if(o&&n(o)){return o.then(G)}}return G()}));var M=i.useCallbackRef((function(){l.removeBodyChild("#"+x);u.afterClose==null?void 0:u.afterClose()}));var Q=[g(p,t({},E,{onClick:J,hidden:z,children:R||"取消"}),"0"),g(p,t({type:"primary"},_,{onClick:K,hidden:O,children:S||"提交"}),"1")];var V=N||Q;var W=m((function(){if(!(U!=null&&U.height)||!T){return"auto"}return(U==null?void 0:U.height)*(T/100)}),[T,U==null?void 0:U.height]);return g(f,t({},I,{children:g(s,t({title:C?y(h,{direction:"horizontal",fullIndex:0,children:[g("span",{children:k}),C]}):k,maskClosable:true,centered:true,onCancel:G,destroyOnClose:true},F,{bodyStyle:t({height:W,maxHeight:U!=null&&U.height?(U==null?void 0:U.height)*.8:"calc(100vh - 200px)"},F.bodyStyle),className:o("v-dialog-modal",{"v-dialog-modal-title-extra":!!C},B),open:Y,afterClose:M,getContainer:w,footer:V,children:typeof H==="function"?H(L,{onClose:G}):H}))}))};var C={open:function e(o){var r=l.bodyAppendDivElement(),n=r.divElement,i=r.elementId;window["__dialog_modal_elementId"]=i;var a=u(n);a.render(g(k,t({},o,{divElement:n,elementId:i})));return{close:function e(){var o,t;(o=(t=window)[i])==null?void 0:o.call(t)}}},close:function o(){try{var t,r;var n=window["__dialog_modal_elementId"];if(e(n))(t=(r=window)[n])==null?void 0:t.call(r)}catch(e){}}};export{C as dialogModal};
 //# sourceMappingURL=index.js.map

package/esm/dialog-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-modal/dialog-modal.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\n\nimport { BodyAppendDivElementProps, dom, TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useSize } from 'ahooks';\nimport { Form, FormInstance, Modal, ModalProps } from 'antd';\nimport { ReactElement, useMemo, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type DialogModalProps = Omit<\n  ModalProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'okButtonProps' | 'cancelButtonProps'\n> & {\n  onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  okButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n  cancelButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n  /**\n   * 设置modal body height 为当前窗口height的百分比，例如：30\n   * ```\n   * 1. 最大值：80\n   * 1. 设置bodyStyle.height 后，bodyHeightPercent失效\n   * ```\n   */\n  bodyHeightPercent?: number;\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogModalProps) => {\n  const {\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    okButtonProps,\n    cancelButtonProps,\n    content,\n    configProviderProps,\n    className,\n    okHidden,\n    cancelHidden,\n    footer,\n    cancelText,\n    okText,\n    bodyHeightPercent,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [form] = Form.useForm();\n  const size = useSize(document.querySelector('html'));\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    window[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onAfterClose = hooks.useCallbackRef(() => {\n    dom.removeBodyChild(`#${elementId}`);\n    props.afterClose?.();\n  });\n\n  const operateGroup = [\n    <ButtonWrapper key=\"0\" {...cancelButtonProps} onClick={onCancelHandle} hidden={cancelHidden}>\n      {cancelText || '取消'}\n    </ButtonWrapper>,\n    <ButtonWrapper key=\"1\" type=\"primary\" {...okButtonProps} onClick={onOkHandle} hidden={okHidden}>\n      {okText || '提交'}\n    </ButtonWrapper>,\n  ];\n\n  const footerNew = footer || operateGroup;\n\n  const height = useMemo(() => {\n    if (!size?.height || !bodyHeightPercent) {\n      return 'auto';\n    }\n    return size?.height * (bodyHeightPercent / 100);\n  }, [bodyHeightPercent, size?.height]);\n\n  return (\n    <ConfigProviderWrapper {...configProviderProps}>\n      <Modal\n        maskClosable={true}\n        centered={true}\n        onCancel={onClose}\n        destroyOnClose\n        {...otherProps}\n        bodyStyle={{\n          height,\n          maxHeight: size?.height ? size?.height * 0.8 : 'calc(100vh - 200px)',\n          ...otherProps.bodyStyle,\n        }}\n        className={classNames('v-dialog-modal', className)}\n        open={open}\n        afterClose={onAfterClose}\n        getContainer={divElement}\n        footer={footerNew}\n      >\n        {typeof content === 'function' ? content(form, { onClose }) : content}\n      </Modal>\n    </ConfigProviderWrapper>\n  );\n};\n\n/**\n * 函数式调用弹框；初始化后，内容无法更新\n *```\n * 1. 基础使用方式\n * dialogModal.open({\n *   title: '我是弹框',\n *   content: <div>我是内容</div>,\n * });\n * ```\n * ```\n * ***************************\n * 2. 结合内置form使用，可在onOK、onCancel获取form对象\n * dialogModal.open({\n *   title: '我是弹框',\n *   content: (form, operate) => {\n *     return (\n *       <Form form={form}>\n *         <Form.Item name=\"useName\">\n *           <Input placeholder=\"请输入\" />\n *         </Form.Item>\n *       </Form>\n *     );\n *   },\n *   onOK: (form) => {\n *     console.log('content form数据', form.getFieldsValue());\n *     return Promise.resolve();\n *   },\n * });\n * ```\n */\nexport const dialogModal = {\n  open: (props: DialogModalProps) => {\n    const { divElement, elementId } = dom.bodyAppendDivElement();\n    window['__dialog_modal_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n    return {\n      close: () => {\n        window[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogModal.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_modal_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (error) {\n      //\n    }\n  },\n};\n"],"names":["ModalRender","props","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_Form$useForm","Form","useForm","form","size","useSize","document","querySelector","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","onAfterClose","dom","removeBodyChild","afterClose","operateGroup","_jsx","ButtonWrapper","_extends","onClick","hidden","children","type","footerNew","height","useMemo","ConfigProviderWrapper","Modal","maskClosable","centered","destroyOnClose","bodyStyle","maxHeight","_classNames","getContainer","dialogModal","_dom$bodyAppendDivEle","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-modal/dialog-modal.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\n\nimport { BodyAppendDivElementProps, dom, TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useSize } from 'ahooks';\nimport { Form, FormInstance, Modal, ModalProps } from 'antd';\nimport { ReactElement, useMemo, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { FlexLayout } from '../flex-layout';\nimport './style.less';\n\nexport type DialogModalProps = Omit<\n  ModalProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'okButtonProps' | 'cancelButtonProps'\n> & {\n  onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  okButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n  cancelButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n  /**\n   * 设置modal body height 为当前窗口height的百分比，例如：30\n   * ```\n   * 1. 最大值：80\n   * 1. 设置bodyStyle.height 后，bodyHeightPercent失效\n   * ```\n   */\n  bodyHeightPercent?: number;\n  titleExtra?: ReactElement;\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogModalProps) => {\n  const {\n    title,\n    titleExtra,\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    okButtonProps,\n    cancelButtonProps,\n    content,\n    configProviderProps,\n    className,\n    okHidden,\n    cancelHidden,\n    footer,\n    cancelText,\n    okText,\n    bodyHeightPercent,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [form] = Form.useForm();\n  const size = useSize(document.querySelector('html'));\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    window[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onAfterClose = hooks.useCallbackRef(() => {\n    dom.removeBodyChild(`#${elementId}`);\n    props.afterClose?.();\n  });\n\n  const operateGroup = [\n    <ButtonWrapper key=\"0\" {...cancelButtonProps} onClick={onCancelHandle} hidden={cancelHidden}>\n      {cancelText || '取消'}\n    </ButtonWrapper>,\n    <ButtonWrapper key=\"1\" type=\"primary\" {...okButtonProps} onClick={onOkHandle} hidden={okHidden}>\n      {okText || '提交'}\n    </ButtonWrapper>,\n  ];\n\n  const footerNew = footer || operateGroup;\n\n  const height = useMemo(() => {\n    if (!size?.height || !bodyHeightPercent) {\n      return 'auto';\n    }\n    return size?.height * (bodyHeightPercent / 100);\n  }, [bodyHeightPercent, size?.height]);\n\n  return (\n    <ConfigProviderWrapper {...configProviderProps}>\n      <Modal\n        title={\n          titleExtra ? (\n            <FlexLayout direction=\"horizontal\" fullIndex={0}>\n              <span>{title}</span>\n              {titleExtra}\n            </FlexLayout>\n          ) : (\n            title\n          )\n        }\n        maskClosable={true}\n        centered={true}\n        onCancel={onClose}\n        destroyOnClose\n        {...otherProps}\n        bodyStyle={{\n          height,\n          maxHeight: size?.height ? size?.height * 0.8 : 'calc(100vh - 200px)',\n          ...otherProps.bodyStyle,\n        }}\n        className={classNames('v-dialog-modal', { 'v-dialog-modal-title-extra': !!titleExtra }, className)}\n        open={open}\n        afterClose={onAfterClose}\n        getContainer={divElement}\n        footer={footerNew}\n      >\n        {typeof content === 'function' ? content(form, { onClose }) : content}\n      </Modal>\n    </ConfigProviderWrapper>\n  );\n};\n\n/**\n * 函数式调用弹框；初始化后，内容无法更新\n *```\n * 1. 基础使用方式\n * dialogModal.open({\n *   title: '我是弹框',\n *   content: <div>我是内容</div>,\n * });\n * ```\n * ```\n * ***************************\n * 2. 结合内置form使用，可在onOK、onCancel获取form对象\n * dialogModal.open({\n *   title: '我是弹框',\n *   content: (form, operate) => {\n *     return (\n *       <Form form={form}>\n *         <Form.Item name=\"useName\">\n *           <Input placeholder=\"请输入\" />\n *         </Form.Item>\n *       </Form>\n *     );\n *   },\n *   onOK: (form) => {\n *     console.log('content form数据', form.getFieldsValue());\n *     return Promise.resolve();\n *   },\n * });\n * ```\n */\nexport const dialogModal = {\n  open: (props: DialogModalProps) => {\n    const { divElement, elementId } = dom.bodyAppendDivElement();\n    window['__dialog_modal_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n    return {\n      close: () => {\n        window[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogModal.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_modal_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (error) {\n      //\n    }\n  },\n};\n"],"names":["ModalRender","props","title","titleExtra","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_Form$useForm","Form","useForm","form","size","useSize","document","querySelector","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","onAfterClose","dom","removeBodyChild","afterClose","operateGroup","_jsx","ButtonWrapper","_extends","onClick","hidden","children","type","footerNew","height","useMemo","ConfigProviderWrapper","Modal","_jsxs","FlexLayout","direction","fullIndex","maskClosable","centered","destroyOnClose","bodyStyle","maxHeight","_classNames","getContainer","dialogModal","_dom$bodyAppendDivEle","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}

package/esm/drag-collapse-form-list/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as e}from"@dimjs/utils/cjs/class-names";import{array as a}from"@dimjs/utils/cjs/array";import{hooks as n}from"@wove/react/cjs/hooks";import{DndContext as i,closestCenter as r,DragOverlay as t}from"@dnd-kit/core";import{useSortable as o,SortableContext as s,verticalListSortingStrategy as d,arrayMove as l}from"@dnd-kit/sortable";import{toArray as c}from"@flatbiz/utils";import{Collapse as m,Form as f}from"antd";import{Fragment as u,useState as p,useRef as g,useMemo as v}from"react";import{fbaHooks as h}from"../fba-hooks/index.js";import{_ as I}from"../_rollupPluginBabelHelpers-fc015ef2.js";import b from"@ant-design/icons/es/icons/DragOutlined";import{CSS as y}from"@dnd-kit/utilities";import{jsx as D,jsxs as x}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";function N(a){var n;var i=a.isOverlay?false:a.getItemDragDisabled==null?void 0:a.getItemDragDisabled(a.uid,a.index);var r=o({id:a.uid,disabled:i}),t=r.listeners,s=r.setNodeRef,d=r.transform,l=r.transition;var c=function e(){var n=a.dragIcon?a.dragIcon:D(b,{});var i=a.header({formListFieldData:a.formListFieldData,operation:a.formListOperate,uid:a.uid,formStageCompleteName:a.formStageCompleteName});return a.dragDisabled?i:x(u,{children:[D("span",I({className:"dc-drag-trigger"},t,{children:n})),D("span",{className:"dc-drag-header-content",style:a.headerStyle,children:i})]})};var f=I({transform:y.Transform.toString(d),transition:l},a.style);var p=e("drag-collapse",{"drag-collapse-grap":a.isGray,"drag-collapse-last":a.isLast,"drag-collapse-drag-disabled":i},a.className);return D(m,{activeKey:a.isActive?a.uid:undefined,accordion:true,className:p,collapsible:a.collapsible,expandIcon:a.expandIcon,expandIconPosition:a.expandIconPosition,size:a.size,onChange:(n=a.onChange)==null?void 0:n.bind(null,a.uid),style:I({},f),ref:s,children:D(m.Panel,{header:c(),children:a.content({formListFieldData:a.formListFieldData,operation:a.formListOperate,uid:a.uid,formStageCompleteName:a.formStageCompleteName})},a.uid)})}var C=function o(m){var I=p(),b=I[0],y=I[1];var C=p([]),L=C[0],j=C[1];var F=f.useFormInstance();var S=g([]);var k=f.useWatch(m.formListName,F);var P=n.useCallbackRef((function(e){return e==null?void 0:e[m.uidFieldName||"uid"]}));h.useEffectCustom((function(){var e=c(m.defaultActiveKey);if(!m.activeKey&&e.length>0){j(e)}else{j(c(m.activeKey))}}),[]);n.useUpdateEffect((function(){j(c(m.activeKey))}),[m.activeKey]);var z=function e(n){var i=[];if(m.accordion){if(L[0]&&L[0]===n){i=[]}else{i=[n]}}else{var r=L.includes(n);if(r){a.arrayRemove(L,n);i=[].concat(L)}else{i=L.concat(n)}}j(i);if(m.accordion){m.onChange==null?void 0:m.onChange(i.length?i[0]:undefined)}else{m.onChange==null?void 0:m.onChange(i.length?i:undefined)}};function O(e){var a=e.active;y(a.id)}var K=n.useCallbackRef((function(){return F.getFieldValue(m.formListName)||[]}));function A(e){var a=e.active,n=e.over;var i=K();if(a.id!==n.id){var r=i.findIndex((function(e){return P(e)===a.id}));var t=i.findIndex((function(e){return P(e)===n.id}));var o=l(i,r,t);F.setFields([{name:m.formListName,value:o}]);m.onDropChange==null?void 0:m.onDropChange(o)}y(undefined)}var E=v((function(){if(!b)return undefined;var e=K();var a=e.findIndex((function(e){return P(e)===b}));return S.current.find((function(e){return e.name===a}))}),[b,K,P]);var R=e("drag-collapse-formlist-wrapper",{"dcfw-isEmpty":c(k).length===0},m.className);return D("div",{className:R,style:m.style,children:D(i,{collisionDetection:r,onDragStart:O,onDragEnd:A,children:D(f.List,{name:m.formListName,children:function e(a,n){S.current=a;return x(u,{children:[D(s,{items:K().map((function(e){return P(e)})),strategy:d,children:D(u,{children:a.map((function(e,a){var i=P(K()[a]);return D(N,{formListOperate:n,formListFieldData:e,uid:i,isActive:L.includes(i),collapsible:m.collapsible,expandIcon:m.expandIcon,expandIconPosition:m.expandIconPosition,size:m.size,dragIcon:m.dragIcon,getItemDragDisabled:m.getItemDragDisabled,dragDisabled:m.dragDisabled,onChange:z,isGray:i===b,isLast:a===K().length-1,header:m.header,content:m.content,index:a,formStageCompleteName:[].concat(c(m.formListName),[e.name])},i+"-"+e.key)}))})}),D(t,{dropAnimation:{duration:0},children:b&&E?D(N,{isOverlay:true,uid:b,className:"overlay-sortable-item",formListFieldData:E,isActive:L.includes(b),collapsible:m.collapsible,expandIcon:m.expandIcon,expandIconPosition:m.expandIconPosition,size:m.size,dragIcon:m.dragIcon,onChange:z,header:m.header,content:m.content,formListOperate:null,index:0,formStageCompleteName:[].concat(c(m.formListName),[E.name])},b):null})]})}})})})};export{C as DragCollapseFormList};
+import{classNames as e}from"@dimjs/utils/cjs/class-names";import{array as a}from"@dimjs/utils/cjs/array";import{hooks as n}from"@wove/react/cjs/hooks";import{DndContext as i,closestCenter as r,DragOverlay as t}from"@dnd-kit/core";import{useSortable as o,SortableContext as d,verticalListSortingStrategy as s,arrayMove as l}from"@dnd-kit/sortable";import{toArray as c}from"@flatbiz/utils";import{Form as m,Collapse as u}from"antd";import{Fragment as f,useState as p,useRef as g,useMemo as v}from"react";import{fbaHooks as h}from"../fba-hooks/index.js";import{_ as I}from"../_rollupPluginBabelHelpers-fc015ef2.js";import D from"@ant-design/icons/es/icons/DragOutlined";import{CSS as x}from"@dnd-kit/utilities";import{jsx as N,jsxs as b}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";function y(a){var n;var i=m.useFormInstance();var r=a.isOverlay?false:a.getItemDragDisabled==null?void 0:a.getItemDragDisabled(a.uid,a.index);var t=o({id:a.uid,disabled:r}),d=t.listeners,s=t.setNodeRef,l=t.transform,c=t.transition;var p=function e(){var n=a.dragIcon?a.dragIcon:N(D,{});var r=a.header({formListFieldData:a.formListFieldData,operation:a.formListOperate,uid:a.uid,formStageCompleteName:a.formStageCompleteName,getInsideFormItemName:function e(n){return[a.formListFieldData.name,n]},getInsideFormItemData:function e(){return i.getFieldValue(a.formStageCompleteName)||{}},index:a.index});return a.dragDisabled?r:b(f,{children:[N("span",I({className:"dc-drag-trigger"},d,{children:n})),N("span",{className:"dc-drag-header-content",style:a.headerStyle,children:r})]})};var g=I({transform:x.Transform.toString(l),transition:c},a.style);var v=e("drag-collapse",{"drag-collapse-grap":a.isGray,"drag-collapse-last":a.isLast,"drag-collapse-drag-disabled":r},a.className);return N(u,{activeKey:a.isActive?a.uid:undefined,accordion:true,className:v,collapsible:a.collapsible,expandIcon:a.expandIcon,expandIconPosition:a.expandIconPosition,size:a.size,onChange:(n=a.onChange)==null?void 0:n.bind(null,a.uid),style:I({},g),ref:s,children:N(u.Panel,{header:p(),children:a.content({formListFieldData:a.formListFieldData,operation:a.formListOperate,uid:a.uid,formStageCompleteName:a.formStageCompleteName,getInsideFormItemName:function e(n){return[a.formListFieldData.name,n]},getInsideFormItemData:function e(){return i.getFieldValue(a.formStageCompleteName)||{}},index:a.index})},a.uid)})}var C=function o(u){var I=p(),D=I[0],x=I[1];var C=p([]),L=C[0],F=C[1];var j=m.useFormInstance();var S=g([]);var k=m.useWatch(u.formListName,j);var P=n.useCallbackRef((function(e){return e==null?void 0:e[u.uidFieldName||"uid"]}));h.useEffectCustom((function(){var e=c(u.defaultActiveKey);if(!u.activeKey&&e.length>0){F(e)}else{F(c(u.activeKey))}}),[]);n.useUpdateEffect((function(){F(c(u.activeKey))}),[u.activeKey]);var z=function e(n){var i=[];if(u.accordion){if(L[0]&&L[0]===n){i=[]}else{i=[n]}}else{var r=L.includes(n);if(r){a.arrayRemove(L,n);i=[].concat(L)}else{i=L.concat(n)}}F(i);if(u.accordion){u.onChange==null?void 0:u.onChange(i.length?i[0]:undefined)}else{u.onChange==null?void 0:u.onChange(i.length?i:undefined)}};function O(e){var a=e.active;x(a.id)}var K=n.useCallbackRef((function(){return j.getFieldValue(u.formListName)||[]}));function A(e){var a=e.active,n=e.over;var i=K();if(a.id!==n.id){var r=i.findIndex((function(e){return P(e)===a.id}));var t=i.findIndex((function(e){return P(e)===n.id}));var o=l(i,r,t);j.setFields([{name:u.formListName,value:o}]);u.onDropChange==null?void 0:u.onDropChange(o)}x(undefined)}var E=v((function(){if(!D)return undefined;var e=K();var a=e.findIndex((function(e){return P(e)===D}));return S.current.find((function(e){return e.name===a}))}),[D,K,P]);var R=e("drag-collapse-formlist-wrapper",{"dcfw-isEmpty":c(k).length===0},u.className);return N("div",{className:R,style:u.style,children:N(i,{collisionDetection:r,onDragStart:O,onDragEnd:A,children:N(m.List,{name:u.formListName,children:function e(a,n){S.current=a;return b(f,{children:[N(d,{items:K().map((function(e){return P(e)})),strategy:s,children:N(f,{children:a.map((function(e,a){var i=P(K()[a]);return N(y,{formListOperate:n,formListFieldData:e,uid:i,isActive:L.includes(i),collapsible:u.collapsible,expandIcon:u.expandIcon,expandIconPosition:u.expandIconPosition,size:u.size,dragIcon:u.dragIcon,getItemDragDisabled:u.getItemDragDisabled,dragDisabled:u.dragDisabled,onChange:z,isGray:i===D,isLast:a===K().length-1,header:u.header,content:u.content,index:a,formStageCompleteName:[].concat(c(u.formListName),[e.name])},i+"-"+e.key)}))})}),N(t,{dropAnimation:{duration:0},children:D&&E?N(y,{isOverlay:true,uid:D,className:"overlay-sortable-item",formListFieldData:E,isActive:L.includes(D),collapsible:u.collapsible,expandIcon:u.expandIcon,expandIconPosition:u.expandIconPosition,size:u.size,dragIcon:u.dragIcon,onChange:z,header:u.header,content:u.content,formListOperate:null,index:0,formStageCompleteName:[].concat(c(u.formListName),[E.name])},D):null})]})}})})})};export{C as DragCollapseFormList};
 //# sourceMappingURL=index.js.map

package/esm/drag-collapse-form-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drag-collapse-form-list/sortable-item.tsx","@flatbiz/antd/src/drag-collapse-form-list/drag-collapse.tsx"],"sourcesContent":["import { DragOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { Collapse, FormListFieldData, FormListOperation } from 'antd';\nimport { CSSProperties, Fragment } from 'react';\nimport { DragCollapseFormListProps } from './types';\nexport type SortableItemProps = {\n  formListFieldData: FormListFieldData;\n  formListOperate: FormListOperation;\n  onChange: (activeKey: number | string) => void;\n  header: DragCollapseFormListProps['header'];\n  content: DragCollapseFormListProps['content'];\n  collapsible?: DragCollapseFormListProps['collapsible'];\n  expandIcon?: DragCollapseFormListProps['expandIcon'];\n  expandIconPosition?: DragCollapseFormListProps['expandIconPosition'];\n  size?: DragCollapseFormListProps['size'];\n  dragIcon?: DragCollapseFormListProps['dragIcon'];\n  getItemDragDisabled?: DragCollapseFormListProps['getItemDragDisabled'];\n  dragDisabled?: DragCollapseFormListProps['dragDisabled'];\n  isGray?: boolean;\n  isLast?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  uid: string | number;\n  isActive?: boolean;\n  headerStyle?: CSSProperties;\n  index: number;\n  isOverlay?: boolean;\n  formStageCompleteName: string | number | (string | number)[];\n};\nexport function SortableItem(props: SortableItemProps) {\n  const isDisabled = props.isOverlay ? false : props.getItemDragDisabled?.(props.uid, props.index);\n  const { listeners, setNodeRef, transform, transition } = useSortable({\n    id: props.uid,\n    disabled: isDisabled,\n  });\n\n  const header = () => {\n    const dragIcon = props.dragIcon ? props.dragIcon : <DragOutlined />;\n    const headerContent = props.header({\n      formListFieldData: props.formListFieldData,\n      operation: props.formListOperate,\n      uid: props.uid,\n      formStageCompleteName: props.formStageCompleteName,\n    });\n    return props.dragDisabled ? (\n      headerContent\n    ) : (\n      <Fragment>\n        <span className=\"dc-drag-trigger\" {...listeners}>\n          {dragIcon}\n        </span>\n        <span className=\"dc-drag-header-content\" style={props.headerStyle}>\n          {headerContent}\n        </span>\n      </Fragment>\n    );\n  };\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    ...props.style,\n  };\n\n  const cname = classNames(\n    'drag-collapse',\n    {\n      'drag-collapse-grap': props.isGray,\n      'drag-collapse-last': props.isLast,\n      'drag-collapse-drag-disabled': isDisabled,\n    },\n    props.className,\n  );\n  return (\n    <Collapse\n      activeKey={props.isActive ? props.uid : undefined}\n      accordion\n      className={cname}\n      collapsible={props.collapsible}\n      expandIcon={props.expandIcon}\n      expandIconPosition={props.expandIconPosition}\n      size={props.size}\n      onChange={props.onChange?.bind(null, props.uid)}\n      style={{ ...style }}\n      ref={setNodeRef}\n    >\n      <Collapse.Panel header={header()} key={props.uid}>\n        {props.content({\n          formListFieldData: props.formListFieldData,\n          operation: props.formListOperate,\n          uid: props.uid,\n          formStageCompleteName: props.formStageCompleteName,\n        })}\n      </Collapse.Panel>\n    </Collapse>\n  );\n}\n","import { array, classNames } from '@dimjs/utils';\nimport { closestCenter, DndContext, DragOverlay } from '@dnd-kit/core';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { TAny, toArray, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, FormListFieldData } from 'antd';\nimport { Fragment, useMemo, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { SortableItem } from './sortable-item';\nimport './style.less';\nimport { DragCollapseFormListProps } from './types';\n\n/**\n * 可拖拽 折叠面板+FormList\n * ```\n * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置名称\n * ```\n */\nexport const DragCollapseFormList = (props: DragCollapseFormListProps) => {\n  const [dragActiveId, setDragActiveId] = useState<string | number>();\n  const [openKeys, setOpenKeys] = useState<(number | string)[]>([]);\n  const form = Form.useFormInstance();\n  const formListOperationRef = useRef<FormListFieldData[]>([]);\n\n  const formListValue = Form.useWatch(props.formListName, form);\n\n  const getUidValue = hooks.useCallbackRef((item) => {\n    return item?.[props.uidFieldName || 'uid'] as string | number;\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    const defaultActiveKeys = toArray<string | number>(props.defaultActiveKey);\n    if (!props.activeKey && defaultActiveKeys.length > 0) {\n      setOpenKeys(defaultActiveKeys);\n    } else {\n      setOpenKeys(toArray(props.activeKey));\n    }\n  }, []);\n\n  hooks.useUpdateEffect(() => {\n    setOpenKeys(toArray(props.activeKey));\n  }, [props.activeKey]);\n\n  const onChange = (key: number | string) => {\n    let openKeysNew: (number | string)[] = [];\n    if (props.accordion) {\n      if (openKeys[0] && openKeys[0] === key) {\n        openKeysNew = [];\n      } else {\n        openKeysNew = [key];\n      }\n    } else {\n      const has = openKeys.includes(key);\n      if (has) {\n        array.arrayRemove(openKeys, key);\n        openKeysNew = [...openKeys];\n      } else {\n        openKeysNew = openKeys.concat(key);\n      }\n    }\n    setOpenKeys(openKeysNew);\n    if (props.accordion) {\n      props.onChange?.(openKeysNew.length ? openKeysNew[0] : undefined);\n    } else {\n      props.onChange?.(openKeysNew.length ? openKeysNew : undefined);\n    }\n  };\n\n  function handleDragStart(event) {\n    const { active } = event;\n    setDragActiveId(active.id);\n  }\n\n  const getItems = hooks.useCallbackRef(() => {\n    return (form.getFieldValue(props.formListName) || []) as TPlainObject[];\n  });\n\n  function handleDragEnd(event) {\n    const { active, over } = event;\n    const items = getItems();\n    if (active.id !== over.id) {\n      const oldIndex = items.findIndex((item) => getUidValue(item) === active.id);\n      const newIndex = items.findIndex((item) => getUidValue(item) === over.id);\n      const newList = arrayMove<TPlainObject>(items, oldIndex, newIndex);\n      form.setFields([\n        {\n          name: props.formListName,\n          value: newList,\n        },\n      ]);\n      props.onDropChange?.(newList);\n    }\n    setDragActiveId(undefined);\n  }\n\n  const dragOverlayItem = useMemo(() => {\n    if (!dragActiveId) return undefined;\n    const items = getItems();\n    const targetIndex = items.findIndex((item) => getUidValue(item) === dragActiveId);\n    return formListOperationRef.current.find((item) => item.name === targetIndex);\n  }, [dragActiveId, getItems, getUidValue]);\n\n  const cName = classNames(\n    'drag-collapse-formlist-wrapper',\n    { 'dcfw-isEmpty': toArray(formListValue).length === 0 },\n    props.className,\n  );\n  return (\n    <div className={cName} style={props.style}>\n      <DndContext collisionDetection={closestCenter} onDragStart={handleDragStart} onDragEnd={handleDragEnd}>\n        <Form.List name={props.formListName}>\n          {(fields, operate) => {\n            formListOperationRef.current = fields;\n            return (\n              <Fragment>\n                <SortableContext\n                  items={getItems().map((temp) => getUidValue(temp))}\n                  strategy={verticalListSortingStrategy}\n                >\n                  <Fragment>\n                    {fields.map((item, index) => {\n                      const uid = getUidValue(getItems()[index]);\n                      return (\n                        <SortableItem\n                          formListOperate={operate}\n                          formListFieldData={item}\n                          uid={uid}\n                          key={`${uid}-${item.key}`}\n                          isActive={openKeys.includes(uid)}\n                          collapsible={props.collapsible}\n                          expandIcon={props.expandIcon}\n                          expandIconPosition={props.expandIconPosition}\n                          size={props.size}\n                          dragIcon={props.dragIcon}\n                          getItemDragDisabled={props.getItemDragDisabled}\n                          dragDisabled={props.dragDisabled}\n                          onChange={onChange}\n                          isGray={uid === dragActiveId}\n                          isLast={index === getItems().length - 1}\n                          header={props.header}\n                          content={props.content}\n                          index={index}\n                          formStageCompleteName={[...toArray<string | number>(props.formListName), item.name]}\n                        />\n                      );\n                    })}\n                  </Fragment>\n                </SortableContext>\n                <DragOverlay dropAnimation={{ duration: 0 }}>\n                  {dragActiveId && dragOverlayItem ? (\n                    <SortableItem\n                      isOverlay={true}\n                      uid={dragActiveId}\n                      key={dragActiveId}\n                      className=\"overlay-sortable-item\"\n                      formListFieldData={dragOverlayItem}\n                      isActive={openKeys.includes(dragActiveId)}\n                      collapsible={props.collapsible}\n                      expandIcon={props.expandIcon}\n                      expandIconPosition={props.expandIconPosition}\n                      size={props.size}\n                      dragIcon={props.dragIcon}\n                      onChange={onChange}\n                      header={props.header}\n                      content={props.content}\n                      formListOperate={null as TAny}\n                      index={0}\n                      formStageCompleteName={[\n                        ...toArray<string | number>(props.formListName),\n                        dragOverlayItem.name,\n                      ]}\n                    />\n                  ) : null}\n                </DragOverlay>\n              </Fragment>\n            );\n          }}\n        </Form.List>\n      </DndContext>\n    </div>\n  );\n};\n"],"names":["SortableItem","props","_props$onChange","isDisabled","isOverlay","getItemDragDisabled","uid","index","_useSortable","useSortable","id","disabled","listeners","setNodeRef","transform","transition","header","dragIcon","_jsx","_DragOutlined","headerContent","formListFieldData","operation","formListOperate","formStageCompleteName","dragDisabled","_jsxs","Fragment","children","_extends","className","style","headerStyle","CSS","Transform","toString","cname","_classNames","isGray","isLast","Collapse","activeKey","isActive","undefined","accordion","collapsible","expandIcon","expandIconPosition","size","onChange","bind","ref","Panel","content","DragCollapseFormList","_useState","useState","dragActiveId","setDragActiveId","_useState2","openKeys","setOpenKeys","form","Form","useFormInstance","formListOperationRef","useRef","formListValue","useWatch","formListName","getUidValue","_hooks","useCallbackRef","item","uidFieldName","fbaHooks","useEffectCustom","defaultActiveKeys","toArray","defaultActiveKey","length","useUpdateEffect","key","openKeysNew","has","includes","_array","arrayRemove","concat","handleDragStart","event","active","getItems","getFieldValue","handleDragEnd","over","items","oldIndex","findIndex","newIndex","newList","arrayMove","setFields","name","value","onDropChange","dragOverlayItem","useMemo","targetIndex","current","find","cName","DndContext","collisionDetection","closestCenter","onDragStart","onDragEnd","List","fields","operate","SortableContext","map","temp","strategy","verticalListSortingStrategy","DragOverlay","dropAnimation","duration"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drag-collapse-form-list/sortable-item.tsx","@flatbiz/antd/src/drag-collapse-form-list/drag-collapse.tsx"],"sourcesContent":["import { DragOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { Collapse, Form, FormListFieldData, FormListOperation } from 'antd';\nimport { CSSProperties, Fragment } from 'react';\nimport { DragCollapseFormListProps } from './types';\nexport type SortableItemProps = {\n  formListFieldData: FormListFieldData;\n  formListOperate: FormListOperation;\n  onChange: (activeKey: number | string) => void;\n  header: DragCollapseFormListProps['header'];\n  content: DragCollapseFormListProps['content'];\n  collapsible?: DragCollapseFormListProps['collapsible'];\n  expandIcon?: DragCollapseFormListProps['expandIcon'];\n  expandIconPosition?: DragCollapseFormListProps['expandIconPosition'];\n  size?: DragCollapseFormListProps['size'];\n  dragIcon?: DragCollapseFormListProps['dragIcon'];\n  getItemDragDisabled?: DragCollapseFormListProps['getItemDragDisabled'];\n  dragDisabled?: DragCollapseFormListProps['dragDisabled'];\n  isGray?: boolean;\n  isLast?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  uid: string | number;\n  isActive?: boolean;\n  headerStyle?: CSSProperties;\n  index: number;\n  isOverlay?: boolean;\n  formStageCompleteName: Array<string | number>;\n};\nexport function SortableItem(props: SortableItemProps) {\n  const form = Form.useFormInstance();\n  const isDisabled = props.isOverlay ? false : props.getItemDragDisabled?.(props.uid, props.index);\n  const { listeners, setNodeRef, transform, transition } = useSortable({\n    id: props.uid,\n    disabled: isDisabled,\n  });\n\n  const header = () => {\n    const dragIcon = props.dragIcon ? props.dragIcon : <DragOutlined />;\n    const headerContent = props.header({\n      formListFieldData: props.formListFieldData,\n      operation: props.formListOperate,\n      uid: props.uid,\n      formStageCompleteName: props.formStageCompleteName,\n      getInsideFormItemName: (key: string) => {\n        return [props.formListFieldData.name, key];\n      },\n      getInsideFormItemData: () => {\n        return form.getFieldValue(props.formStageCompleteName) || {};\n      },\n      index: props.index,\n    });\n    return props.dragDisabled ? (\n      headerContent\n    ) : (\n      <Fragment>\n        <span className=\"dc-drag-trigger\" {...listeners}>\n          {dragIcon}\n        </span>\n        <span className=\"dc-drag-header-content\" style={props.headerStyle}>\n          {headerContent}\n        </span>\n      </Fragment>\n    );\n  };\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    ...props.style,\n  };\n\n  const cname = classNames(\n    'drag-collapse',\n    {\n      'drag-collapse-grap': props.isGray,\n      'drag-collapse-last': props.isLast,\n      'drag-collapse-drag-disabled': isDisabled,\n    },\n    props.className,\n  );\n  return (\n    <Collapse\n      activeKey={props.isActive ? props.uid : undefined}\n      accordion\n      className={cname}\n      collapsible={props.collapsible}\n      expandIcon={props.expandIcon}\n      expandIconPosition={props.expandIconPosition}\n      size={props.size}\n      onChange={props.onChange?.bind(null, props.uid)}\n      style={{ ...style }}\n      ref={setNodeRef}\n    >\n      <Collapse.Panel header={header()} key={props.uid}>\n        {props.content({\n          formListFieldData: props.formListFieldData,\n          operation: props.formListOperate,\n          uid: props.uid,\n          formStageCompleteName: props.formStageCompleteName,\n          getInsideFormItemName: (key: string) => {\n            return [props.formListFieldData.name, key];\n          },\n          getInsideFormItemData: () => {\n            return form.getFieldValue(props.formStageCompleteName) || {};\n          },\n          index: props.index,\n        })}\n      </Collapse.Panel>\n    </Collapse>\n  );\n}\n","import { array, classNames } from '@dimjs/utils';\nimport { closestCenter, DndContext, DragOverlay } from '@dnd-kit/core';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { TAny, toArray, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, FormListFieldData } from 'antd';\nimport { Fragment, useMemo, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { SortableItem } from './sortable-item';\nimport './style.less';\nimport { DragCollapseFormListProps } from './types';\n\n/**\n * 可拖拽 折叠面板+FormList\n * ```\n * 1. FormList数组中必须要有唯一值字段，默认值字段名称uid，可通过uidFieldName自定义设置名称\n * ```\n */\nexport const DragCollapseFormList = (props: DragCollapseFormListProps) => {\n  const [dragActiveId, setDragActiveId] = useState<string | number>();\n  const [openKeys, setOpenKeys] = useState<(number | string)[]>([]);\n  const form = Form.useFormInstance();\n  const formListOperationRef = useRef<FormListFieldData[]>([]);\n\n  const formListValue = Form.useWatch(props.formListName, form);\n\n  const getUidValue = hooks.useCallbackRef((item) => {\n    return item?.[props.uidFieldName || 'uid'] as string | number;\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    const defaultActiveKeys = toArray<string | number>(props.defaultActiveKey);\n    if (!props.activeKey && defaultActiveKeys.length > 0) {\n      setOpenKeys(defaultActiveKeys);\n    } else {\n      setOpenKeys(toArray(props.activeKey));\n    }\n  }, []);\n\n  hooks.useUpdateEffect(() => {\n    setOpenKeys(toArray(props.activeKey));\n  }, [props.activeKey]);\n\n  const onChange = (key: number | string) => {\n    let openKeysNew: (number | string)[] = [];\n    if (props.accordion) {\n      if (openKeys[0] && openKeys[0] === key) {\n        openKeysNew = [];\n      } else {\n        openKeysNew = [key];\n      }\n    } else {\n      const has = openKeys.includes(key);\n      if (has) {\n        array.arrayRemove(openKeys, key);\n        openKeysNew = [...openKeys];\n      } else {\n        openKeysNew = openKeys.concat(key);\n      }\n    }\n    setOpenKeys(openKeysNew);\n    if (props.accordion) {\n      props.onChange?.(openKeysNew.length ? openKeysNew[0] : undefined);\n    } else {\n      props.onChange?.(openKeysNew.length ? openKeysNew : undefined);\n    }\n  };\n\n  function handleDragStart(event) {\n    const { active } = event;\n    setDragActiveId(active.id);\n  }\n\n  const getItems = hooks.useCallbackRef(() => {\n    return (form.getFieldValue(props.formListName) || []) as TPlainObject[];\n  });\n\n  function handleDragEnd(event) {\n    const { active, over } = event;\n    const items = getItems();\n    if (active.id !== over.id) {\n      const oldIndex = items.findIndex((item) => getUidValue(item) === active.id);\n      const newIndex = items.findIndex((item) => getUidValue(item) === over.id);\n      const newList = arrayMove<TPlainObject>(items, oldIndex, newIndex);\n      form.setFields([\n        {\n          name: props.formListName,\n          value: newList,\n        },\n      ]);\n      props.onDropChange?.(newList);\n    }\n    setDragActiveId(undefined);\n  }\n\n  const dragOverlayItem = useMemo(() => {\n    if (!dragActiveId) return undefined;\n    const items = getItems();\n    const targetIndex = items.findIndex((item) => getUidValue(item) === dragActiveId);\n    return formListOperationRef.current.find((item) => item.name === targetIndex);\n  }, [dragActiveId, getItems, getUidValue]);\n\n  const cName = classNames(\n    'drag-collapse-formlist-wrapper',\n    { 'dcfw-isEmpty': toArray(formListValue).length === 0 },\n    props.className,\n  );\n  return (\n    <div className={cName} style={props.style}>\n      <DndContext collisionDetection={closestCenter} onDragStart={handleDragStart} onDragEnd={handleDragEnd}>\n        <Form.List name={props.formListName}>\n          {(fields, operate) => {\n            formListOperationRef.current = fields;\n            return (\n              <Fragment>\n                <SortableContext\n                  items={getItems().map((temp) => getUidValue(temp))}\n                  strategy={verticalListSortingStrategy}\n                >\n                  <Fragment>\n                    {fields.map((item, index) => {\n                      const uid = getUidValue(getItems()[index]);\n                      return (\n                        <SortableItem\n                          formListOperate={operate}\n                          formListFieldData={item}\n                          uid={uid}\n                          key={`${uid}-${item.key}`}\n                          isActive={openKeys.includes(uid)}\n                          collapsible={props.collapsible}\n                          expandIcon={props.expandIcon}\n                          expandIconPosition={props.expandIconPosition}\n                          size={props.size}\n                          dragIcon={props.dragIcon}\n                          getItemDragDisabled={props.getItemDragDisabled}\n                          dragDisabled={props.dragDisabled}\n                          onChange={onChange}\n                          isGray={uid === dragActiveId}\n                          isLast={index === getItems().length - 1}\n                          header={props.header}\n                          content={props.content}\n                          index={index}\n                          formStageCompleteName={[...toArray<string | number>(props.formListName), item.name]}\n                        />\n                      );\n                    })}\n                  </Fragment>\n                </SortableContext>\n                <DragOverlay dropAnimation={{ duration: 0 }}>\n                  {dragActiveId && dragOverlayItem ? (\n                    <SortableItem\n                      isOverlay={true}\n                      uid={dragActiveId}\n                      key={dragActiveId}\n                      className=\"overlay-sortable-item\"\n                      formListFieldData={dragOverlayItem}\n                      isActive={openKeys.includes(dragActiveId)}\n                      collapsible={props.collapsible}\n                      expandIcon={props.expandIcon}\n                      expandIconPosition={props.expandIconPosition}\n                      size={props.size}\n                      dragIcon={props.dragIcon}\n                      onChange={onChange}\n                      header={props.header}\n                      content={props.content}\n                      formListOperate={null as TAny}\n                      index={0}\n                      formStageCompleteName={[\n                        ...toArray<string | number>(props.formListName),\n                        dragOverlayItem.name,\n                      ]}\n                    />\n                  ) : null}\n                </DragOverlay>\n              </Fragment>\n            );\n          }}\n        </Form.List>\n      </DndContext>\n    </div>\n  );\n};\n"],"names":["SortableItem","props","_props$onChange","form","Form","useFormInstance","isDisabled","isOverlay","getItemDragDisabled","uid","index","_useSortable","useSortable","id","disabled","listeners","setNodeRef","transform","transition","header","dragIcon","_jsx","_DragOutlined","headerContent","formListFieldData","operation","formListOperate","formStageCompleteName","getInsideFormItemName","key","name","getInsideFormItemData","getFieldValue","dragDisabled","_jsxs","Fragment","children","_extends","className","style","headerStyle","CSS","Transform","toString","cname","_classNames","isGray","isLast","Collapse","activeKey","isActive","undefined","accordion","collapsible","expandIcon","expandIconPosition","size","onChange","bind","ref","Panel","content","DragCollapseFormList","_useState","useState","dragActiveId","setDragActiveId","_useState2","openKeys","setOpenKeys","formListOperationRef","useRef","formListValue","useWatch","formListName","getUidValue","_hooks","useCallbackRef","item","uidFieldName","fbaHooks","useEffectCustom","defaultActiveKeys","toArray","defaultActiveKey","length","useUpdateEffect","openKeysNew","has","includes","_array","arrayRemove","concat","handleDragStart","event","active","getItems","handleDragEnd","over","items","oldIndex","findIndex","newIndex","newList","arrayMove","setFields","value","onDropChange","dragOverlayItem","useMemo","targetIndex","current","find","cName","DndContext","collisionDetection","closestCenter","onDragStart","onDragEnd","List","fields","operate","SortableContext","map","temp","strategy","verticalListSortingStrategy","DragOverlay","dropAnimation","duration"],"mappings":"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"}

package/esm/drag-form-list/index.css

@@ -0,0 +1 @@
+.drag-form-list{background-color:#fff}.drag-form-list-item-grap *{opacity:.7!important}.drag-form-list-item-disabled .drag-form-list-item-trigger{cursor:no-drop;opacity:.6}.drag-form-list-overlay{border:none;border-radius:6px;box-shadow:0 0 12px 4px rgba(34,33,81,.1)}.drag-form-list-overlay .ant-collapse-item{border-bottom:none}.drag-form-list-overlay .drag-form-list-item-trigger{background-color:transparent}.drag-form-list-icon{display:inline-block;width:30px}.drag-form-list-item{align-items:center;background-color:#fff;display:flex;padding:8px 10px}.drag-form-list-item-content{flex:1}.drag-form-list-item-content .ant-form-item{margin-bottom:0}.drag-form-list-item-trigger{align-items:center;border-radius:6px;cursor:move;display:inline-flex;font-size:16px;height:30px;justify-content:center;margin-right:5px;width:30px}.drag-form-list-item-trigger:hover{background-color:rgba(0,0,0,.1)}

package/esm/drag-form-list/index.js

@@ -0,0 +1,5 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+import{_ as e}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{hooks as t}from"@wove/react/cjs/hooks";import{DndContext as a,closestCenter as n,DragOverlay as i}from"@dnd-kit/core";import{useSortable as d,SortableContext as o,verticalListSortingStrategy as l,arrayMove as m}from"@dnd-kit/sortable";import{ButtonWrapper as s}from"@flatbiz/antd";import{toArray as u,getUuid as c}from"@flatbiz/utils";import{Form as f,Empty as p}from"antd";import{Fragment as g,useState as v,useRef as h,useMemo as D}from"react";import N from"@ant-design/icons/es/icons/DragOutlined";import{CSS as I}from"@dnd-kit/utilities";import{jsx as C,jsxs as b}from"react/jsx-runtime";function y(a){var n=f.useFormInstance();var i=a.isOverlay?false:a.getItemDragDisabled==null?void 0:a.getItemDragDisabled(a.uid,a.index);var o=d({id:a.uid,disabled:i}),l=o.listeners,m=o.setNodeRef,s=o.transform,u=o.transition;var c=t.useCallbackRef((function(){var r=a.dragIcon?a.dragIcon:C(N,{});return a.dragDisabled?C(g,{}):C("span",e({className:"drag-form-list-item-trigger"},l,{children:C("span",{children:r})}))}));var p=e({transform:I.Transform.toString(s),transition:u},a.style);var v=r("drag-form-list-item",{"drag-form-list-item-grap":a.isGray,"drag-form-list-item-disabled":i},a.className);return b("div",{style:e({},p),ref:m,className:v,children:[C(f.Item,{style:{margin:0},children:c()}),C("div",{className:"drag-form-list-item-content",children:a.children({formListFieldData:a.formListFieldData,operation:a.formListOperate,formStageCompleteName:a.formStageCompleteName,index:a.index,getInsideFormItemName:function e(r){return[a.formListFieldData.name,r]},getInsideFormItemData:function e(){return n.getFieldValue(a.formStageCompleteName)||{}},prevCompleteName:a.prevCompleteName,uidKey:a.uidFieldName})})]})}var F=function e(r){if(r.wrapper)return r.wrapper({children:r.children});return r.children};var x=function d(N){var I=[].concat(N.prevCompleteName,u(N.name));var x=v(),L=x[0],R=x[1];var k=f.useFormInstance();var w=h([]);var S=N.uidFieldName||"uid";var A=f.useWatch(I,k);var E=t.useCallbackRef((function(e){return e==null?void 0:e[S]}));function O(e){var r=e.active;R(r.id)}var j=t.useCallbackRef((function(){return k.getFieldValue(I)||[]}));function B(e){var r=e.active,t=e.over;var a=j();if(r.id!==t.id){var n=a.findIndex((function(e){return E(e)===r.id}));var i=a.findIndex((function(e){return E(e)===t.id}));var d=m(a,n,i);k.setFields([{name:N.name,value:d}]);N.onDropChange==null?void 0:N.onDropChange(d)}R(undefined)}var V=D((function(){if(!L)return undefined;var e=j();var r=e.findIndex((function(e){return E(e)===L}));return w.current.find((function(e){return e.name===r}))}),[L,j,E]);return b("div",{className:r("drag-form-list",N.className),style:N.style,children:[!N.hiddenEmptyRender&&!(A!=null&&A.length)?C(p,{image:p.PRESENTED_IMAGE_SIMPLE,style:{margin:"15px 0"}}):null,C(a,{collisionDetection:n,onDragStart:O,onDragEnd:B,children:C(f.List,{name:N.name,children:function r(t,a){w.current=t;return C(F,{wrapper:N.formListChildrenWrapper,children:b(g,{children:[C(o,{items:j().map((function(e){return E(e)})),strategy:l,children:b(g,{children:[t.map((function(e,r){var t=E(j()[r]);if(!t)return null;return C(y,{formListOperate:a,formListFieldData:e,uid:t,dragIcon:N.dragIcon,getItemDragDisabled:N.getItemDragDisabled,dragDisabled:N.dragDisabled,isGray:!!t&&t===L,index:r,formStageCompleteName:[].concat(I,[e.name]),prevCompleteName:I,uidFieldName:S,children:N.children},t+"-"+e.key)})),N.onCustomAddRowButton?N.onCustomAddRowButton(a):C(s,{hidden:N.hiddenAddRowButton,type:"dashed",block:true,onClick:function r(){var t;return a.add(e((t={},t[S]=c(),t),N.getAddRowDefaultValues==null?void 0:N.getAddRowDefaultValues()))},children:"添加"})]})}),C(i,{dropAnimation:{duration:0},children:L&&V?C(y,{isOverlay:true,uid:L,className:"drag-form-list-overlay",formListFieldData:V,dragIcon:N.dragIcon,formListOperate:null,index:0,formStageCompleteName:[].concat(I,[V.name]),prevCompleteName:I,uidFieldName:S,children:N.children},L):null})]})})}})})]})};export{x as DragFormList};
+//# sourceMappingURL=index.js.map