@flatbiz/antd 4.4.43 → 4.4.46

package/esm/bootstrap/index.js

@@ -9,5 +9,5 @@ import './../flex-layout/index.css';
 import './../block-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{get as r}from"@dimjs/utils/cjs/get";import{toArray as i}from"@flatbiz/utils";import{theme as t,App as e}from"antd";import{useEffect as a}from"react";import{C as l}from"../index-7f4ad045.js";import{FbaApp as s}from"../fba-app/index.js";import{fbaHooks as m}from"../fba-hooks/index.js";import{jsx as n}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/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-null";import"@dimjs/lang/cjs/is-promise";import"ahooks";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../flex-layout/index.js";import"../block-layout/index.js";import"../use-responsive-point-21b8c601.js";var c=function c(d){var p,g;a((function(){var o=document.body.style.cssText;var i={};if(o){var t=/(.+?):\s*(.+?);/g;var e;while(e=t.exec(o)){var a=e[1].trim();var l=e[2];i[a]=l}}if(d.dark){i["--bg-color"]=r(d,"bgColorConfig.dark.bgColor","#1b1a1a");i["--block-bg-color"]=r(d,"bgColorConfig.dark.blockBgColor","#000")}else{i["--bg-color"]=r(d,"bgColorConfig.light.bgColor","#f9f9f9");i["--block-bg-color"]=r(d,"bgColorConfig.light.blockBgColor","#FFF")}var s="";Object.keys(i).forEach((function(o){if(i[o]){s=s+(o+":"+i[o]+";")}}));document.body.style.cssText=s;if(d.dark){document.body.classList.add("dark-theme")}else{document.body.classList.add("light-theme")}if(d.compact){document.body.classList.add("compact-theme")}}),[d.bgColorConfig,d.dark]);var u=m.useThemeToken();var f=(p=d.configProviderProps)==null||(p=p.theme)==null?void 0:p.algorithm;var j=i(f);j=[].concat(j,[d.dark?t.darkAlgorithm:null,d.compact?t.compactAlgorithm:null]).filter(Boolean);return n(l,o({locale:d.locale,componentSize:"middle",space:{size:"middle"}},d.configProviderProps,{theme:o({},(g=d.configProviderProps)==null?void 0:g.theme,{algorithm:j}),children:n(e,{style:{"--color-primary":u.colorPrimary},className:"bootstrap-app",children:n(s,{children:d.children})})}))};export{c as Bootstrap};
+import{_ as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{get as r}from"@dimjs/utils/cjs/get";import{toArray as i}from"@flatbiz/utils";import{theme as t,App as e}from"antd";import{useEffect as a}from"react";import{C as l}from"../index-7f4ad045.js";import{FbaApp as s}from"../fba-app/index.js";import{fbaHooks as m}from"../fba-hooks/index.js";import{jsx as c}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/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@dimjs/utils/cjs/class-names";import"@dimjs/lang/cjs/is-null";import"@dimjs/lang/cjs/is-promise";import"ahooks";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";import"../block-layout/index.js";import"../use-responsive-point-21b8c601.js";var n=function n(d){var p,g;a((function(){var o=document.body.style.cssText;var i={};if(o){var t=/(.+?):\s*(.+?);/g;var e;while(e=t.exec(o)){var a=e[1].trim();var l=e[2];i[a]=l}}if(d.dark){i["--bg-color"]=r(d,"bgColorConfig.dark.bgColor","#1b1a1a");i["--block-bg-color"]=r(d,"bgColorConfig.dark.blockBgColor","#000")}else{i["--bg-color"]=r(d,"bgColorConfig.light.bgColor","#f9f9f9");i["--block-bg-color"]=r(d,"bgColorConfig.light.blockBgColor","#FFF")}var s="";Object.keys(i).forEach((function(o){if(i[o]){s=s+(o+":"+i[o]+";")}}));document.body.style.cssText=s;if(d.dark){document.body.classList.add("dark-theme")}else{document.body.classList.add("light-theme")}if(d.compact){document.body.classList.add("compact-theme")}}),[d.bgColorConfig,d.dark]);var u=m.useThemeToken();var f=(p=d.configProviderProps)==null||(p=p.theme)==null?void 0:p.algorithm;var j=i(f);j=[].concat(j,[d.dark?t.darkAlgorithm:null,d.compact?t.compactAlgorithm:null]).filter(Boolean);return c(l,o({locale:d.locale,componentSize:"middle",space:{size:"middle"}},d.configProviderProps,{theme:o({},(g=d.configProviderProps)==null?void 0:g.theme,{algorithm:j}),children:c(e,{style:{"--color-primary":u.colorPrimary},className:"bootstrap-app",children:c(s,{children:d.children})})}))};export{n as Bootstrap};
 //# sourceMappingURL=index.js.map

package/esm/bootstrap/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/bootstrap/bootstrap.tsx"],"sourcesContent":["import { get } from '@dimjs/utils';\nimport { toArray } from '@flatbiz/utils';\nimport { App, theme } from 'antd';\nimport { CSSProperties, ReactNode, useEffect } from 'react';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { FbaApp } from '../fba-app';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type BootstrapProps = {\n  /** 是否紧凑模式 */\n  compact?: boolean;\n  /** 是否drak模式 */\n  dark?: boolean;\n  children: ReactNode;\n  configProviderProps?: ConfigProviderWrapperProps;\n  /** @default zhCN */\n  locale?: 'en' | 'zh-cn';\n  /**\n   * 背景颜色配置\n   * ```\n   * 默认值：\n   * dark: { bgColor: '#1b1a1a', blockBgColor: '#000'  }\n   * light: { bgColor: '#f9f9f9', blockBgColor: '#FFF'  }\n   * ```\n   */\n  bgColorConfig?: {\n    dark?: {\n      bgColor?: string;\n      blockBgColor?: string;\n    };\n    light?: {\n      bgColor?: string;\n      blockBgColor?: string;\n    };\n  };\n};\n/**\n * 如果当前项目入口不使用@flatbiz/pro-layout，必须使用 Bootstrap 组件包装\n * ```\n * Bootstrap 内部\n * 1. 封装 antd App组件\n * 2. 封装 @flatbiz/antd FbaApp组件\n * 3. 适配 light/dark模式\n * 4. 封装 antd ConfigProvider 可配置主题\n * ```\n */\nexport const Bootstrap = (props: BootstrapProps) => {\n  useEffect(() => {\n    const bodyStyle = document.body.style.cssText;\n    const keyValuePairs = {};\n    if (bodyStyle) {\n      const regex = /(.+?):\\s*(.+?);/g;\n\n      let match;\n      while ((match = regex.exec(bodyStyle))) {\n        const key = match[1].trim();\n        const value = match[2];\n        keyValuePairs[key] = value;\n      }\n    }\n    if (props.dark) {\n      keyValuePairs['--bg-color'] = get(props, 'bgColorConfig.dark.bgColor', '#1b1a1a');\n      keyValuePairs['--block-bg-color'] = get(props, 'bgColorConfig.dark.blockBgColor', '#000');\n    } else {\n      keyValuePairs['--bg-color'] = get(props, 'bgColorConfig.light.bgColor', '#f9f9f9');\n      keyValuePairs['--block-bg-color'] = get(props, 'bgColorConfig.light.blockBgColor', '#FFF');\n    }\n    let varStyleText = '';\n    Object.keys(keyValuePairs).forEach((key) => {\n      if (keyValuePairs[key]) {\n        varStyleText = varStyleText + `${key}:${keyValuePairs[key]};`;\n      }\n    });\n    document.body.style.cssText = varStyleText;\n\n    if (props.dark) {\n      document.body.classList.add('dark-theme');\n    } else {\n      document.body.classList.add('light-theme');\n    }\n    if (props.compact) {\n      document.body.classList.add('compact-theme');\n    }\n  }, [props.bgColorConfig, props.dark]);\n\n  const innerTheme = fbaHooks.useThemeToken();\n\n  const algorithm = props.configProviderProps?.theme?.algorithm;\n\n  let algorithmArray = toArray<any>(algorithm);\n\n  algorithmArray = [\n    ...algorithmArray,\n    props.dark ? theme.darkAlgorithm : null,\n    props.compact ? theme.compactAlgorithm : null,\n  ].filter(Boolean);\n\n  return (\n    <ConfigProviderWrapper\n      locale={props.locale}\n      componentSize={'middle'}\n      space={{ size: 'middle' }}\n      {...props.configProviderProps}\n      theme={{\n        ...props.configProviderProps?.theme,\n        algorithm: algorithmArray,\n      }}\n    >\n      <App style={{ '--color-primary': innerTheme.colorPrimary } as CSSProperties} className=\"bootstrap-app\">\n        <FbaApp>{props.children}</FbaApp>\n      </App>\n    </ConfigProviderWrapper>\n  );\n};\n"],"names":["Bootstrap","props","_props$configProvider","_props$configProvider2","useEffect","bodyStyle","document","body","style","cssText","keyValuePairs","regex","match","exec","key","trim","value","dark","_get","varStyleText","Object","keys","forEach","classList","add","compact","bgColorConfig","innerTheme","fbaHooks","useThemeToken","algorithm","configProviderProps","theme","algorithmArray","toArray","concat","darkAlgorithm","compactAlgorithm","filter","Boolean","_jsx","ConfigProviderWrapper","_extends","locale","componentSize","space","size","children","App","colorPrimary","className","FbaApp"],"mappings":";6pCA+CaA,EAAY,SAAZA,EAAaC,GAA0B,IAAAC,EAAAC,EAClDC,GAAU,WACR,IAAMC,EAAYC,SAASC,KAAKC,MAAMC,QACtC,IAAMC,EAAgB,CAAA,EACtB,GAAIL,EAAW,CACb,IAAMM,EAAQ,mBAEd,IAAIC,EACJ,MAAQA,EAAQD,EAAME,KAAKR,GAAa,CACtC,IAAMS,EAAMF,EAAM,GAAGG,OACrB,IAAMC,EAAQJ,EAAM,GACpBF,EAAcI,GAAOE,CACvB,CACF,CACA,GAAIf,EAAMgB,KAAM,CACdP,EAAc,cAAgBQ,EAAIjB,EAAO,6BAA8B,WACvES,EAAc,oBAAsBQ,EAAIjB,EAAO,kCAAmC,OACpF,KAAO,CACLS,EAAc,cAAgBQ,EAAIjB,EAAO,8BAA+B,WACxES,EAAc,oBAAsBQ,EAAIjB,EAAO,mCAAoC,OACrF,CACA,IAAIkB,EAAe,GACnBC,OAAOC,KAAKX,GAAeY,SAAQ,SAACR,GAClC,GAAIJ,EAAcI,GAAM,CACtBK,EAAeA,GAAkBL,MAAOJ,EAAcI,GAAO,IAC/D,CACF,IACAR,SAASC,KAAKC,MAAMC,QAAUU,EAE9B,GAAIlB,EAAMgB,KAAM,CACdX,SAASC,KAAKgB,UAAUC,IAAI,aAC9B,KAAO,CACLlB,SAASC,KAAKgB,UAAUC,IAAI,cAC9B,CACA,GAAIvB,EAAMwB,QAAS,CACjBnB,SAASC,KAAKgB,UAAUC,IAAI,gBAC9B,CACD,GAAE,CAACvB,EAAMyB,cAAezB,EAAMgB,OAE/B,IAAMU,EAAaC,EAASC,gBAE5B,IAAMC,GAAS5B,EAAGD,EAAM8B,sBAAmB,OAAA7B,EAAzBA,EAA2B8B,QAA3B9B,UAAAA,EAAAA,EAAkC4B,UAEpD,IAAIG,EAAiBC,EAAaJ,GAElCG,EAAiB,GAAAE,OACZF,EAAc,CACjBhC,EAAMgB,KAAOe,EAAMI,cAAgB,KACnCnC,EAAMwB,QAAUO,EAAMK,iBAAmB,OACzCC,OAAOC,SAET,OACEC,EAACC,EAAqBC,EAAA,CACpBC,OAAQ1C,EAAM0C,OACdC,cAAe,SACfC,MAAO,CAAEC,KAAM,WACX7C,EAAM8B,oBAAmB,CAC7BC,MAAKU,EAAA,IAAAvC,EACAF,EAAM8B,sBAAmB,UAAA,EAAzB5B,EAA2B6B,MAAK,CACnCF,UAAWG,IACXc,SAEFP,EAACQ,EAAG,CAACxC,MAAO,CAAE,kBAAmBmB,EAAWsB,cAAiCC,UAAU,gBAAeH,SACpGP,EAACW,EAAM,CAAAJ,SAAE9C,EAAM8C,eAIvB"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/bootstrap/bootstrap.tsx"],"sourcesContent":["import { get } from '@dimjs/utils';\nimport { toArray } from '@flatbiz/utils';\nimport { App, theme } from 'antd';\nimport { CSSProperties, ReactNode, useEffect } from 'react';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { FbaApp } from '../fba-app';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type BootstrapProps = {\n  /** 是否紧凑模式 */\n  compact?: boolean;\n  /** 是否drak模式 */\n  dark?: boolean;\n  children: ReactNode;\n  configProviderProps?: ConfigProviderWrapperProps;\n  /** @default zhCN */\n  locale?: 'en' | 'zh-cn';\n  /**\n   * 背景颜色配置\n   * ```\n   * 默认值：\n   * dark: { bgColor: '#1b1a1a', blockBgColor: '#000'  }\n   * light: { bgColor: '#f9f9f9', blockBgColor: '#FFF'  }\n   * ```\n   */\n  bgColorConfig?: {\n    dark?: {\n      bgColor?: string;\n      blockBgColor?: string;\n    };\n    light?: {\n      bgColor?: string;\n      blockBgColor?: string;\n    };\n  };\n};\n/**\n * 如果当前项目入口不使用@flatbiz/pro-layout，必须使用 Bootstrap 组件包装\n * ```\n * Bootstrap 内部\n * 1. 封装 antd App组件\n * 2. 封装 @flatbiz/antd FbaApp组件\n * 3. 适配 light/dark模式\n * 4. 封装 antd ConfigProvider 可配置主题\n * ```\n */\nexport const Bootstrap = (props: BootstrapProps) => {\n  useEffect(() => {\n    const bodyStyle = document.body.style.cssText;\n    const keyValuePairs = {};\n    if (bodyStyle) {\n      const regex = /(.+?):\\s*(.+?);/g;\n\n      let match;\n      while ((match = regex.exec(bodyStyle))) {\n        const key = match[1].trim();\n        const value = match[2];\n        keyValuePairs[key] = value;\n      }\n    }\n    if (props.dark) {\n      keyValuePairs['--bg-color'] = get(props, 'bgColorConfig.dark.bgColor', '#1b1a1a');\n      keyValuePairs['--block-bg-color'] = get(props, 'bgColorConfig.dark.blockBgColor', '#000');\n    } else {\n      keyValuePairs['--bg-color'] = get(props, 'bgColorConfig.light.bgColor', '#f9f9f9');\n      keyValuePairs['--block-bg-color'] = get(props, 'bgColorConfig.light.blockBgColor', '#FFF');\n    }\n    let varStyleText = '';\n    Object.keys(keyValuePairs).forEach((key) => {\n      if (keyValuePairs[key]) {\n        varStyleText = varStyleText + `${key}:${keyValuePairs[key]};`;\n      }\n    });\n    document.body.style.cssText = varStyleText;\n\n    if (props.dark) {\n      document.body.classList.add('dark-theme');\n    } else {\n      document.body.classList.add('light-theme');\n    }\n    if (props.compact) {\n      document.body.classList.add('compact-theme');\n    }\n  }, [props.bgColorConfig, props.dark]);\n\n  const innerTheme = fbaHooks.useThemeToken();\n\n  const algorithm = props.configProviderProps?.theme?.algorithm;\n\n  let algorithmArray = toArray<any>(algorithm);\n\n  algorithmArray = [\n    ...algorithmArray,\n    props.dark ? theme.darkAlgorithm : null,\n    props.compact ? theme.compactAlgorithm : null,\n  ].filter(Boolean);\n\n  return (\n    <ConfigProviderWrapper\n      locale={props.locale}\n      componentSize={'middle'}\n      space={{ size: 'middle' }}\n      {...props.configProviderProps}\n      theme={{\n        ...props.configProviderProps?.theme,\n        algorithm: algorithmArray,\n      }}\n    >\n      <App style={{ '--color-primary': innerTheme.colorPrimary } as CSSProperties} className=\"bootstrap-app\">\n        <FbaApp>{props.children}</FbaApp>\n      </App>\n    </ConfigProviderWrapper>\n  );\n};\n"],"names":["Bootstrap","props","_props$configProvider","_props$configProvider2","useEffect","bodyStyle","document","body","style","cssText","keyValuePairs","regex","match","exec","key","trim","value","dark","_get","varStyleText","Object","keys","forEach","classList","add","compact","bgColorConfig","innerTheme","fbaHooks","useThemeToken","algorithm","configProviderProps","theme","algorithmArray","toArray","concat","darkAlgorithm","compactAlgorithm","filter","Boolean","_jsx","ConfigProviderWrapper","_extends","locale","componentSize","space","size","children","App","colorPrimary","className","FbaApp"],"mappings":";gsCA+CaA,EAAY,SAAZA,EAAaC,GAA0B,IAAAC,EAAAC,EAClDC,GAAU,WACR,IAAMC,EAAYC,SAASC,KAAKC,MAAMC,QACtC,IAAMC,EAAgB,CAAA,EACtB,GAAIL,EAAW,CACb,IAAMM,EAAQ,mBAEd,IAAIC,EACJ,MAAQA,EAAQD,EAAME,KAAKR,GAAa,CACtC,IAAMS,EAAMF,EAAM,GAAGG,OACrB,IAAMC,EAAQJ,EAAM,GACpBF,EAAcI,GAAOE,CACvB,CACF,CACA,GAAIf,EAAMgB,KAAM,CACdP,EAAc,cAAgBQ,EAAIjB,EAAO,6BAA8B,WACvES,EAAc,oBAAsBQ,EAAIjB,EAAO,kCAAmC,OACpF,KAAO,CACLS,EAAc,cAAgBQ,EAAIjB,EAAO,8BAA+B,WACxES,EAAc,oBAAsBQ,EAAIjB,EAAO,mCAAoC,OACrF,CACA,IAAIkB,EAAe,GACnBC,OAAOC,KAAKX,GAAeY,SAAQ,SAACR,GAClC,GAAIJ,EAAcI,GAAM,CACtBK,EAAeA,GAAkBL,MAAOJ,EAAcI,GAAO,IAC/D,CACF,IACAR,SAASC,KAAKC,MAAMC,QAAUU,EAE9B,GAAIlB,EAAMgB,KAAM,CACdX,SAASC,KAAKgB,UAAUC,IAAI,aAC9B,KAAO,CACLlB,SAASC,KAAKgB,UAAUC,IAAI,cAC9B,CACA,GAAIvB,EAAMwB,QAAS,CACjBnB,SAASC,KAAKgB,UAAUC,IAAI,gBAC9B,CACD,GAAE,CAACvB,EAAMyB,cAAezB,EAAMgB,OAE/B,IAAMU,EAAaC,EAASC,gBAE5B,IAAMC,GAAS5B,EAAGD,EAAM8B,sBAAmB,OAAA7B,EAAzBA,EAA2B8B,QAA3B9B,UAAAA,EAAAA,EAAkC4B,UAEpD,IAAIG,EAAiBC,EAAaJ,GAElCG,EAAiB,GAAAE,OACZF,EAAc,CACjBhC,EAAMgB,KAAOe,EAAMI,cAAgB,KACnCnC,EAAMwB,QAAUO,EAAMK,iBAAmB,OACzCC,OAAOC,SAET,OACEC,EAACC,EAAqBC,EAAA,CACpBC,OAAQ1C,EAAM0C,OACdC,cAAe,SACfC,MAAO,CAAEC,KAAM,WACX7C,EAAM8B,oBAAmB,CAC7BC,MAAKU,EAAA,IAAAvC,EACAF,EAAM8B,sBAAmB,UAAA,EAAzB5B,EAA2B6B,MAAK,CACnCF,UAAWG,IACXc,SAEFP,EAACQ,EAAG,CAACxC,MAAO,CAAE,kBAAmBmB,EAAWsB,cAAiCC,UAAU,gBAAeH,SACpGP,EAACW,EAAM,CAAAJ,SAAE9C,EAAM8C,eAIvB"}

package/esm/button-operate/index.js

@@ -10,5 +10,5 @@ import './../dialog-modal/index.css';
 import './../flex-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import i from"@ant-design/icons/es/icons/MoreOutlined";import{_ as r,a as e}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isUndefined as n}from"@dimjs/lang/cjs/is-undefined";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{isPlainObject as t}from"@dimjs/lang/cjs/is-plain-object";import{isString as s}from"@dimjs/lang/cjs/is-string";import{isPromise as a}from"@dimjs/lang/cjs/is-promise";import{hooks as p}from"@wove/react/cjs/hooks";import{Popover as l,Tooltip as c,Space as d,Divider as m,Popconfirm as u,Button as f}from"antd";import{isValidElement as v,Fragment as j,useState as g,useMemo as h,createElement as y}from"react";import{ButtonWrapper as k}from"../button-wrapper/index.js";import{DropdownMenuWrapper as x}from"../dropdown-menu-wrapper/index.js";import{fbaUtils as T}from"../fba-utils/index.js";import{jsx as C,jsxs as P}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-null";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";var b=["text","onClick","needConfirm","confirmMessage","popconfirmProps","hoverTips"];var w=function i(r){if(r.hoverTips){if(r.tipsType==="popover"){return C(l,{content:r.hoverTips,zIndex:1e3,children:C("span",{children:r.content})})}return C(c,{title:r.hoverTips,zIndex:1e3,children:C("span",{children:r.content})})}if(v(r.content)){return C(j,{children:r.content})}return C("span",{children:r.content})};var z=function l(c){var j=g(false),z=j[0],F=j[1];var O=p.useCallbackRef((function(i,r){var e=i.onClick==null?void 0:i.onClick(r);if(e&&a(e)){F(true);return e.finally((function(){F(false)}))}return}));var I=c.operateList.filter((function(i){if(!i)return false;if(v(i)){var r,e;if(((r=i.props)==null?void 0:r["hidden"])===true)return false;var n=(e=i.props)==null?void 0:e["v-permission"];if(s(n)){return T.hasPermission(n)}return true}if(t(i)){if(!T.hasPermission(i["permission"])){return false}return!i["hidden"]}return false}));var M=h((function(){return I.filter((function(i){if(v(i)){return true}return!i["isFold"]}))}),[I]);var N=h((function(){var i=I.filter((function(i){if(v(i)){return false}return i["isFold"]}));var e=[];i.forEach((function(i){var n=r({},i);delete n.isFold;e.push(n)}));return e}),[I]);var _=c.gap===undefined?10:c.gap;var L=!c.split?_:0;return C("div",{className:o("table-operate",c.className),style:c.style,children:P(d,r({split:c.split?C(m,{type:"vertical"}):null,size:L,wrap:n(c.wrap)?true:c.wrap},c.spaceProps,{children:[M.map((function(i,n){if(i&&v(i)){return C(w,{content:i,hoverTips:i.hoverTips,tipsType:i.tipsType},n)}var o=i.text,t=i.onClick,s=i.needConfirm,a=i.confirmMessage,p=i.popconfirmProps,l=i.hoverTips,c=e(i,b);var d=i.type||"link";if(s&&!c.disabled){var m=!!i.color?false:true;return y(u,r({okText:"确定",cancelText:"取消",trigger:["click"],placement:"topRight",arrow:true,destroyTooltipOnHide:true},p,{title:a,onConfirm:O.bind(null,i),key:n,okButtonProps:{loading:z},onOpenChange:function i(r){if(!r){F(false)}},onCancel:function i(r){r==null?void 0:r.stopPropagation()}}),C(k,r({danger:m},c,{onClick:function i(r){r.stopPropagation()},type:d,children:C(w,{content:o,hoverTips:l,tipsType:i.tipsType},n)})))}return y(k,r({loadingPosition:"center"},c,{type:d,onClick:function i(r){r.stopPropagation();return t==null?void 0:t(r)},key:n}),C(w,{content:o,hoverTips:l,tipsType:i.tipsType}))})),N.length>0?C(x,r({menuList:N,placement:"bottomCenter"},c.dropdownMenuProps,{children:C(f,{type:"link",className:"fold-more-button",onClick:function i(r){r.stopPropagation()},children:c.foldIcon?c.foldIcon:C(i,{})})})):null]}))})};z.defaultProps={split:true};export{z as ButtonOperate,w as ButtonOperateItemContent};
+import i from"@ant-design/icons/es/icons/MoreOutlined";import{_ as r,a as e}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isUndefined as n}from"@dimjs/lang/cjs/is-undefined";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{isPlainObject as t}from"@dimjs/lang/cjs/is-plain-object";import{isString as s}from"@dimjs/lang/cjs/is-string";import{isPromise as a}from"@dimjs/lang/cjs/is-promise";import{hooks as p}from"@wove/react/cjs/hooks";import{Popover as l,Tooltip as c,Space as m,Divider as d,Popconfirm as u,Button as f}from"antd";import{isValidElement as v,Fragment as j,useState as g,useMemo as h,createElement as y}from"react";import{ButtonWrapper as k}from"../button-wrapper/index.js";import{DropdownMenuWrapper as x}from"../dropdown-menu-wrapper/index.js";import{fbaUtils as T}from"../fba-utils/index.js";import{jsx as C,jsxs as P}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-null";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";var w=["text","onClick","needConfirm","confirmMessage","popconfirmProps","hoverTips"];var b=function i(r){if(r.hoverTips){if(r.tipsType==="popover"){return C(l,{content:r.hoverTips,zIndex:1e3,children:C("span",{children:r.content})})}return C(c,{title:r.hoverTips,zIndex:1e3,children:C("span",{children:r.content})})}if(v(r.content)){return C(j,{children:r.content})}return C("span",{children:r.content})};var z=function l(c){var j=g(false),z=j[0],F=j[1];var O=p.useCallbackRef((function(i,r){var e=i.onClick==null?void 0:i.onClick(r);if(e&&a(e)){F(true);return e.finally((function(){F(false)}))}return}));var I=c.operateList.filter((function(i){if(!i)return false;if(v(i)){var r,e;if(((r=i.props)==null?void 0:r["hidden"])===true)return false;var n=(e=i.props)==null?void 0:e["v-permission"];if(s(n)){return T.hasPermission(n)}return true}if(t(i)){if(!T.hasPermission(i["permission"])){return false}return!i["hidden"]}return false}));var M=h((function(){return I.filter((function(i){if(v(i)){return true}return!i["isFold"]}))}),[I]);var N=h((function(){var i=I.filter((function(i){if(v(i)){return false}return i["isFold"]}));var e=[];i.forEach((function(i){var n=r({},i);delete n.isFold;e.push(n)}));return e}),[I]);var _=c.gap===undefined?10:c.gap;var L=!c.split?_:0;return C("div",{className:o("table-operate",c.className),style:c.style,children:P(m,r({split:c.split?C(d,{type:"vertical"}):null,size:L,wrap:n(c.wrap)?true:c.wrap},c.spaceProps,{children:[M.map((function(i,n){if(i&&v(i)){return C(b,{content:i,hoverTips:i.hoverTips,tipsType:i.tipsType},n)}var o=i.text,t=i.onClick,s=i.needConfirm,a=i.confirmMessage,p=i.popconfirmProps,l=i.hoverTips,c=e(i,w);var m=i.type||"link";if(s&&!c.disabled){var d=!!i.color?false:true;return y(u,r({okText:"确定",cancelText:"取消",trigger:["click"],placement:"topRight",arrow:true,destroyTooltipOnHide:true},p,{title:a,onConfirm:O.bind(null,i),key:n,okButtonProps:{loading:z},onOpenChange:function i(r){if(!r){F(false)}},onCancel:function i(r){r==null?void 0:r.stopPropagation()}}),C(k,r({danger:d},c,{onClick:function i(r){r.stopPropagation()},type:m,children:C(b,{content:o,hoverTips:l,tipsType:i.tipsType},n)})))}return y(k,r({loadingPosition:"center"},c,{type:m,onClick:function i(r){r.stopPropagation();return t==null?void 0:t(r)},key:n}),C(b,{content:o,hoverTips:l,tipsType:i.tipsType}))})),N.length>0?C(x,r({menuList:N,placement:"bottomCenter"},c.dropdownMenuProps,{children:C(f,{type:"link",className:"fold-more-button",onClick:function i(r){r.stopPropagation()},children:c.foldIcon?c.foldIcon:C(i,{})})})):null]}))})};z.defaultProps={split:true};export{z as ButtonOperate,b as ButtonOperateItemContent};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-operate/button-operate.tsx"],"sourcesContent":["import { MoreOutlined } from '@ant-design/icons';\nimport { isPlainObject, isPromise, isString, isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { Button, Divider, Popconfirm, PopconfirmProps, Popover, Space, SpaceProps, Tooltip } from 'antd';\nimport {\n  CSSProperties,\n  FC,\n  Fragment,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { DropdownMenuWrapper, DropdownMenuWrapperProps } from '../dropdown-menu-wrapper';\nimport { fbaUtils } from '../fba-utils';\n\nimport { DialogModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport interface ButtonOperateItem extends ButtonWrapperProps {\n  /** hover 提示文字，isFold=true无效 */\n  hoverTips?: string | React.ReactElement;\n  /** hover 提示类型 默认：'tooltip' */\n  tipsType?: 'popover' | 'tooltip';\n  /** 按钮文案 */\n  text?: string | ReactElement;\n  /** 自定义按钮颜色 */\n  color?: string;\n  /** 是否需要二次弹框确认 */\n  needConfirm?: boolean;\n  /** 二次弹框确认文案  */\n  confirmMessage?: string;\n  /* isFold=false & needConfirm=true 有效  */\n  popconfirmProps?: Pick<PopconfirmProps, 'placement' | 'okText' | 'cancelText' | 'trigger'>;\n  /** 是否折叠合拢 */\n  isFold?: boolean;\n  /* isFold=true & needConfirm=true 有效  */\n  confirmModalProps?: DialogModalProps;\n}\n\nexport interface ButtonOperateProps {\n  className?: string;\n  style?: CSSProperties;\n  /**\n   * 如果数组中元素为ReactElement类型\n   * 1. 一般为antd Button组件，如果组件存在属性hidden=true，则会隐藏\n   * 2. 可配置 v-permission 权限值，例如 v-permission=\"add\"\n   * 3. 任何confirm、disabled等状态在外部控制\n   * 3. 不支持fold效果\n   */\n  operateList: Array<ButtonOperateItem | null | ReactElement>;\n  /** 是否换行，默认true */\n  wrap?: boolean;\n  /** 隐藏图标Icon */\n  foldIcon?: ReactElement;\n  /** 按钮之间是否添加分隔符 */\n  split?: boolean;\n  /** 多个按钮的包装组件Space属性 */\n  spaceProps?: SpaceProps;\n  /** 间距，默认：10；split=true配置下无效（可通过spaceProps设置间距） */\n  gap?: number;\n  /** 折叠合拢属性 */\n  dropdownMenuProps?: Omit<DropdownMenuWrapperProps, 'menuList'>;\n}\n\nexport const ButtonOperateItemContent = (\n  props: Pick<ButtonOperateItem, 'hoverTips' | 'tipsType'> & { content: ReactNode },\n) => {\n  if (props.hoverTips) {\n    if (props.tipsType === 'popover') {\n      return (\n        <Popover content={props.hoverTips} zIndex={1000}>\n          <span>{props.content}</span>\n        </Popover>\n      );\n    }\n    return (\n      <Tooltip title={props.hoverTips} zIndex={1000}>\n        <span>{props.content}</span>\n      </Tooltip>\n    );\n  }\n  if (isValidElement(props.content)) {\n    return <Fragment>{props.content}</Fragment>;\n  }\n  // ButtonOperate item 内部 span 包文案会有动态效果\n  return <span>{props.content}</span>;\n};\n\n/**\n * 按钮组合处理组件\n * ```\n * @flatbiz/antd@4.2.49\n * 1. 替换 Fold 中 needConfirm交互，有 Popconfirm 改为 dialogConfirm组件实现二次弹框确认功能\n * 2. 修改原因：升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框组合使用存在问题\n * ```\n */\nexport const ButtonOperate: FC<ButtonOperateProps> = (props) => {\n  const [loading, setLoading] = useState(false);\n\n  const onConfirm = hooks.useCallbackRef((item: ButtonOperateItem, event) => {\n    const result = item.onClick?.(event);\n    if (result && isPromise(result)) {\n      setLoading(true);\n      return result.finally(() => {\n        setLoading(false);\n      });\n    }\n    return;\n  });\n\n  const operateList = props.operateList.filter((item) => {\n    if (!item) return false;\n    if (isValidElement(item)) {\n      if (item.props?.['hidden'] === true) return false;\n      const permission = item.props?.['v-permission'];\n      if (isString(permission)) {\n        return fbaUtils.hasPermission(permission);\n      }\n      return true;\n    }\n    if (isPlainObject(item)) {\n      if (!fbaUtils.hasPermission(item['permission'])) {\n        return false;\n      }\n      return !item['hidden'];\n    }\n    return false;\n  }) as Array<ButtonOperateItem | ReactElement>;\n\n  const viewList = useMemo(() => {\n    return operateList.filter((item) => {\n      if (isValidElement(item)) {\n        return true;\n      }\n      return !item['isFold'];\n    }) as ButtonOperateItem[];\n  }, [operateList]);\n\n  const foldList = useMemo(() => {\n    const filterList = operateList.filter((item) => {\n      if (isValidElement(item)) {\n        return false;\n      }\n      return item['isFold'];\n    }) as ButtonOperateItem[];\n    const result = [] as ButtonOperateItem[];\n    filterList.forEach((item) => {\n      const target = { ...item };\n      // 多余字段渲染到react dom上，出现警告\n      delete target.isFold;\n      result.push(target);\n    });\n    return result;\n  }, [operateList]);\n\n  const gap = props.gap === undefined ? 10 : props.gap;\n  const size = !props.split ? gap : 0;\n\n  return (\n    <div className={classNames('table-operate', props.className)} style={props.style}>\n      <Space\n        split={props.split ? <Divider type=\"vertical\" /> : null}\n        size={size}\n        wrap={isUndefined(props.wrap) ? true : props.wrap}\n        {...props.spaceProps}\n      >\n        {viewList.map((item, index) => {\n          if (item && isValidElement(item)) {\n            return (\n              <ButtonOperateItemContent\n                content={item}\n                hoverTips={item.hoverTips}\n                tipsType={item.tipsType}\n                key={index}\n              />\n            );\n          }\n          const { text, onClick, needConfirm, confirmMessage, popconfirmProps, hoverTips, ...otherProps } =\n            item;\n          const type = item.type || 'link';\n          if (needConfirm && !otherProps.disabled) {\n            const danger = !!item.color ? false : true;\n            return (\n              <Popconfirm\n                okText=\"确定\"\n                cancelText=\"取消\"\n                trigger={['click']}\n                placement=\"topRight\"\n                arrow={true}\n                destroyTooltipOnHide={true}\n                {...popconfirmProps}\n                title={confirmMessage}\n                onConfirm={onConfirm.bind(null, item)}\n                key={index}\n                okButtonProps={{\n                  loading,\n                }}\n                onOpenChange={(_open) => {\n                  if (!_open) {\n                    setLoading(false);\n                  }\n                }}\n                onCancel={(event) => {\n                  event?.stopPropagation();\n                }}\n              >\n                <ButtonWrapper\n                  danger={danger}\n                  {...otherProps}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                  }}\n                  type={type}\n                >\n                  <ButtonOperateItemContent\n                    content={text}\n                    hoverTips={hoverTips}\n                    tipsType={item.tipsType}\n                    key={index}\n                  />\n                </ButtonWrapper>\n              </Popconfirm>\n            );\n          }\n          return (\n            <ButtonWrapper\n              loadingPosition=\"center\"\n              {...otherProps}\n              type={type}\n              onClick={(event) => {\n                event.stopPropagation();\n                return onClick?.(event);\n              }}\n              key={index}\n            >\n              <ButtonOperateItemContent content={text} hoverTips={hoverTips} tipsType={item.tipsType} />\n            </ButtonWrapper>\n          );\n        })}\n        {foldList.length > 0 ? (\n          <DropdownMenuWrapper menuList={foldList} placement=\"bottomCenter\" {...props.dropdownMenuProps}>\n            <Button\n              type=\"link\"\n              className=\"fold-more-button\"\n              onClick={(event) => {\n                event.stopPropagation();\n              }}\n            >\n              {props.foldIcon ? props.foldIcon : <MoreOutlined />}\n            </Button>\n          </DropdownMenuWrapper>\n        ) : null}\n      </Space>\n    </div>\n  );\n};\n\nButtonOperate.defaultProps = {\n  split: true,\n};\n"],"names":["ButtonOperateItemContent","props","hoverTips","tipsType","_jsx","Popover","content","zIndex","children","Tooltip","title","isValidElement","Fragment","ButtonOperate","_useState","useState","loading","setLoading","onConfirm","_hooks","useCallbackRef","item","event","result","onClick","_isPromise","finally","operateList","filter","_item$props","_item$props2","permission","_isString","fbaUtils","hasPermission","_isPlainObject","viewList","useMemo","foldList","filterList","forEach","target","_extends","isFold","push","gap","undefined","size","split","className","_classNames","style","_jsxs","Space","Divider","type","wrap","_isUndefined","spaceProps","map","index","text","needConfirm","confirmMessage","popconfirmProps","otherProps","_objectWithoutPropertiesLoose","_excluded","disabled","danger","color","_createElement","Popconfirm","okText","cancelText","trigger","placement","arrow","destroyTooltipOnHide","bind","key","okButtonProps","onOpenChange","_open","onCancel","stopPropagation","ButtonWrapper","loadingPosition","length","DropdownMenuWrapper","menuList","dropdownMenuProps","Button","foldIcon","_MoreOutlined","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/button-operate/button-operate.tsx"],"sourcesContent":["import { MoreOutlined } from '@ant-design/icons';\nimport { isPlainObject, isPromise, isString, isUndefined } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { Button, Divider, Popconfirm, PopconfirmProps, Popover, Space, SpaceProps, Tooltip } from 'antd';\nimport {\n  CSSProperties,\n  FC,\n  Fragment,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useMemo,\n  useState,\n} from 'react';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { DropdownMenuWrapper, DropdownMenuWrapperProps } from '../dropdown-menu-wrapper';\nimport { fbaUtils } from '../fba-utils';\n\nimport { DialogModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport interface ButtonOperateItem extends ButtonWrapperProps {\n  /** hover 提示文字，isFold=true无效 */\n  hoverTips?: string | React.ReactElement;\n  /** hover 提示类型 默认：'tooltip' */\n  tipsType?: 'popover' | 'tooltip';\n  /** 按钮文案 */\n  text?: string | ReactElement;\n  /** 自定义按钮颜色 */\n  color?: string;\n  /** 是否需要二次弹框确认 */\n  needConfirm?: boolean;\n  /** 二次弹框确认文案  */\n  confirmMessage?: string;\n  /* isFold=false & needConfirm=true 有效  */\n  popconfirmProps?: Pick<PopconfirmProps, 'placement' | 'okText' | 'cancelText' | 'trigger'>;\n  /** 是否折叠合拢 */\n  isFold?: boolean;\n  /* isFold=true & needConfirm=true 有效  */\n  confirmModalProps?: DialogModalProps;\n}\n\nexport interface ButtonOperateProps {\n  className?: string;\n  style?: CSSProperties;\n  /**\n   * 如果数组中元素为ReactElement类型\n   * 1. 一般为antd Button组件，如果组件存在属性hidden=true，则会隐藏\n   * 2. 可配置 v-permission 权限值，例如 v-permission=\"add\"\n   * 3. 任何confirm、disabled等状态在外部控制\n   * 3. 不支持fold效果\n   */\n  operateList: Array<ButtonOperateItem | null | ReactElement>;\n  /** 是否换行，默认true */\n  wrap?: boolean;\n  /** 隐藏图标Icon */\n  foldIcon?: ReactElement;\n  /** 按钮之间是否添加分隔符 */\n  split?: boolean;\n  /** 多个按钮的包装组件Space属性 */\n  spaceProps?: SpaceProps;\n  /** 间距，默认：10；split=true配置下无效（可通过spaceProps设置间距） */\n  gap?: number;\n  /** 折叠合拢属性 */\n  dropdownMenuProps?: Omit<DropdownMenuWrapperProps, 'menuList'>;\n}\n\nexport const ButtonOperateItemContent = (\n  props: Pick<ButtonOperateItem, 'hoverTips' | 'tipsType'> & { content: ReactNode },\n) => {\n  if (props.hoverTips) {\n    if (props.tipsType === 'popover') {\n      return (\n        <Popover content={props.hoverTips} zIndex={1000}>\n          <span>{props.content}</span>\n        </Popover>\n      );\n    }\n    return (\n      <Tooltip title={props.hoverTips} zIndex={1000}>\n        <span>{props.content}</span>\n      </Tooltip>\n    );\n  }\n  if (isValidElement(props.content)) {\n    return <Fragment>{props.content}</Fragment>;\n  }\n  // ButtonOperate item 内部 span 包文案会有动态效果\n  return <span>{props.content}</span>;\n};\n\n/**\n * 按钮组合处理组件\n * ```\n * @flatbiz/antd@4.2.49\n * 1. 替换 Fold 中 needConfirm交互，有 Popconfirm 改为 dialogConfirm组件实现二次弹框确认功能\n * 2. 修改原因：升级 antd 5.5.1 后，Dropdown 中 Popconfirm弹框组合使用存在问题\n * ```\n */\nexport const ButtonOperate: FC<ButtonOperateProps> = (props) => {\n  const [loading, setLoading] = useState(false);\n\n  const onConfirm = hooks.useCallbackRef((item: ButtonOperateItem, event) => {\n    const result = item.onClick?.(event);\n    if (result && isPromise(result)) {\n      setLoading(true);\n      return result.finally(() => {\n        setLoading(false);\n      });\n    }\n    return;\n  });\n\n  const operateList = props.operateList.filter((item) => {\n    if (!item) return false;\n    if (isValidElement(item)) {\n      if (item.props?.['hidden'] === true) return false;\n      const permission = item.props?.['v-permission'];\n      if (isString(permission)) {\n        return fbaUtils.hasPermission(permission);\n      }\n      return true;\n    }\n    if (isPlainObject(item)) {\n      if (!fbaUtils.hasPermission(item['permission'])) {\n        return false;\n      }\n      return !item['hidden'];\n    }\n    return false;\n  }) as Array<ButtonOperateItem | ReactElement>;\n\n  const viewList = useMemo(() => {\n    return operateList.filter((item) => {\n      if (isValidElement(item)) {\n        return true;\n      }\n      return !item['isFold'];\n    }) as ButtonOperateItem[];\n  }, [operateList]);\n\n  const foldList = useMemo(() => {\n    const filterList = operateList.filter((item) => {\n      if (isValidElement(item)) {\n        return false;\n      }\n      return item['isFold'];\n    }) as ButtonOperateItem[];\n    const result = [] as ButtonOperateItem[];\n    filterList.forEach((item) => {\n      const target = { ...item };\n      // 多余字段渲染到react dom上，出现警告\n      delete target.isFold;\n      result.push(target);\n    });\n    return result;\n  }, [operateList]);\n\n  const gap = props.gap === undefined ? 10 : props.gap;\n  const size = !props.split ? gap : 0;\n\n  return (\n    <div className={classNames('table-operate', props.className)} style={props.style}>\n      <Space\n        split={props.split ? <Divider type=\"vertical\" /> : null}\n        size={size}\n        wrap={isUndefined(props.wrap) ? true : props.wrap}\n        {...props.spaceProps}\n      >\n        {viewList.map((item, index) => {\n          if (item && isValidElement(item)) {\n            return (\n              <ButtonOperateItemContent\n                content={item}\n                hoverTips={item.hoverTips}\n                tipsType={item.tipsType}\n                key={index}\n              />\n            );\n          }\n          const { text, onClick, needConfirm, confirmMessage, popconfirmProps, hoverTips, ...otherProps } =\n            item;\n          const type = item.type || 'link';\n          if (needConfirm && !otherProps.disabled) {\n            const danger = !!item.color ? false : true;\n            return (\n              <Popconfirm\n                okText=\"确定\"\n                cancelText=\"取消\"\n                trigger={['click']}\n                placement=\"topRight\"\n                arrow={true}\n                destroyTooltipOnHide={true}\n                {...popconfirmProps}\n                title={confirmMessage}\n                onConfirm={onConfirm.bind(null, item)}\n                key={index}\n                okButtonProps={{\n                  loading,\n                }}\n                onOpenChange={(_open) => {\n                  if (!_open) {\n                    setLoading(false);\n                  }\n                }}\n                onCancel={(event) => {\n                  event?.stopPropagation();\n                }}\n              >\n                <ButtonWrapper\n                  danger={danger}\n                  {...otherProps}\n                  onClick={(event) => {\n                    event.stopPropagation();\n                  }}\n                  type={type}\n                >\n                  <ButtonOperateItemContent\n                    content={text}\n                    hoverTips={hoverTips}\n                    tipsType={item.tipsType}\n                    key={index}\n                  />\n                </ButtonWrapper>\n              </Popconfirm>\n            );\n          }\n          return (\n            <ButtonWrapper\n              loadingPosition=\"center\"\n              {...otherProps}\n              type={type}\n              onClick={(event) => {\n                event.stopPropagation();\n                return onClick?.(event);\n              }}\n              key={index}\n            >\n              <ButtonOperateItemContent content={text} hoverTips={hoverTips} tipsType={item.tipsType} />\n            </ButtonWrapper>\n          );\n        })}\n        {foldList.length > 0 ? (\n          <DropdownMenuWrapper menuList={foldList} placement=\"bottomCenter\" {...props.dropdownMenuProps}>\n            <Button\n              type=\"link\"\n              className=\"fold-more-button\"\n              onClick={(event) => {\n                event.stopPropagation();\n              }}\n            >\n              {props.foldIcon ? props.foldIcon : <MoreOutlined />}\n            </Button>\n          </DropdownMenuWrapper>\n        ) : null}\n      </Space>\n    </div>\n  );\n};\n\nButtonOperate.defaultProps = {\n  split: true,\n};\n"],"names":["ButtonOperateItemContent","props","hoverTips","tipsType","_jsx","Popover","content","zIndex","children","Tooltip","title","isValidElement","Fragment","ButtonOperate","_useState","useState","loading","setLoading","onConfirm","_hooks","useCallbackRef","item","event","result","onClick","_isPromise","finally","operateList","filter","_item$props","_item$props2","permission","_isString","fbaUtils","hasPermission","_isPlainObject","viewList","useMemo","foldList","filterList","forEach","target","_extends","isFold","push","gap","undefined","size","split","className","_classNames","style","_jsxs","Space","Divider","type","wrap","_isUndefined","spaceProps","map","index","text","needConfirm","confirmMessage","popconfirmProps","otherProps","_objectWithoutPropertiesLoose","_excluded","disabled","danger","color","_createElement","Popconfirm","okText","cancelText","trigger","placement","arrow","destroyTooltipOnHide","bind","key","okButtonProps","onOpenChange","_open","onCancel","stopPropagation","ButtonWrapper","loadingPosition","length","DropdownMenuWrapper","menuList","dropdownMenuProps","Button","foldIcon","_MoreOutlined","defaultProps"],"mappings":"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"}

package/esm/context-1f2093c6.js.map

@@ -1 +1 @@
-{"version":3,"file":"context-1f2093c6.js","sources":["@flatbiz/antd/src/dialog-drawer/context.ts"],"sourcesContent":["import { createCtx } from '@wove/react';\nimport { CSSProperties } from 'react';\n\nexport const [useDialogDrawerCtx, CtxProvider] = createCtx<{\n  onClose: () => void;\n  updateBodyStyle: (style?: CSSProperties) => void;\n}>();\n"],"names":["_createCtx","_createCtx2","useDialogDrawerCtx","CtxProvider"],"mappings":";uDAGO,IAAAA,EAA0CC,IAAnCC,EAAkBF,EAAA,GAAEG,EAAWH,EAAA"}
+{"version":3,"file":"context-1f2093c6.js","sources":["@flatbiz/antd/src/dialog-drawer/context.ts"],"sourcesContent":["import { TPlainObject } from '@flatbiz/utils';\nimport { createCtx } from '@wove/react';\nimport { CSSProperties } from 'react';\n\nexport const [useDialogDrawerCtx, CtxProvider] = createCtx<{\n  onClose: () => void;\n  updateBodyStyle: (style?: CSSProperties) => void;\n  /** 重新渲染footer */\n  rerenderFooter: (data?: TPlainObject) => void;\n}>();\n"],"names":["_createCtx","_createCtx2","useDialogDrawerCtx","CtxProvider"],"mappings":";uDAIO,IAAAA,EAA0CC,IAAnCC,EAAkBF,EAAA,GAAEG,EAAWH,EAAA"}

package/esm/dialog-alert/index.js

@@ -9,5 +9,5 @@ import './../fba-utils/index.css';
 import './../flex-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as i}from"../_rollupPluginBabelHelpers-a0769acd.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-null";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"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"react/jsx-runtime";import"../fba-utils/index.js";import"../flex-layout/index.js";var t={open:function t(s){return o.open(i({okText:"确定",cancelHidden:true,maskClosable:false},s,{onOk:s.onClick}))}};export{t as dialogAlert};
+import{_ as i}from"../_rollupPluginBabelHelpers-a0769acd.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-null";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"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"react/jsx-runtime";import"../fba-utils/index.js";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";var t={open:function t(s){return o.open(i({okText:"确定",cancelHidden:true,maskClosable:false},s,{onOk:s.onClick}))}};export{t 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';\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\n/**\n * 确认弹框\n * ```\n * 1. 可嵌套使用\n * 2. 为什么不推荐使用\n *    dialogAlert.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 3. 需要修改默认主题风格的场景，请使用\n *    const { appDialogAlert } = FbaApp.useDialogAlert();\n *    appDialogAlert.open({})\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":";2kCAsBO,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';\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\n/**\n * 确认弹框\n * ```\n * 1. 可嵌套使用\n * 2. 为什么不推荐使用\n *    dialogAlert.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 3. 需要修改默认主题风格的场景，请使用\n *    const { appDialogAlert } = FbaApp.useDialogAlert();\n *    appDialogAlert.open({})\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":";8mCAsBO,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

@@ -8,5 +8,5 @@ import './../fba-utils/index.css';
 import './../flex-layout/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{_ as i}from"../_rollupPluginBabelHelpers-a0769acd.js";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{dialogModal as s}from"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-null";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"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"react/jsx-runtime";import"../fba-utils/index.js";import"../flex-layout/index.js";var t={open:function t(r){var a=o("v-dialog-confirm",r.className);return s.open(i({width:350,okText:"确定",cancelText:"取消",maskClosable:true,size:null},r,{className:a}))}};export{t as dialogConfirm};
+import{_ as i}from"../_rollupPluginBabelHelpers-a0769acd.js";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{dialogModal as t}from"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-null";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"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"react/jsx-runtime";import"../fba-utils/index.js";import"../flex-layout/index.js";import"@wove/react/cjs/create-ctx";var s={open:function s(r){var a=o("v-dialog-confirm",r.className);return t.open(i({width:350,okText:"确定",cancelText:"取消",maskClosable:true,size:null},r,{className:a}))}};export{s 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\n/**\n * 确认弹框\n * ```\n * 1. 可嵌套使用\n * 2. 为什么不推荐使用\n *    dialogConfirm.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 3. 需要修改默认主题风格的场景，请使用\n *    const { appDialogConfirm } = FbaApp.useDialogConfirm();\n *    appDialogConfirm.open({})\n * ```\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      size: null,\n      ...props,\n      className,\n    });\n  },\n};\n"],"names":["dialogConfirm","open","props","className","_classNames","dialogModal","_extends","width","okText","cancelText","maskClosable","size"],"mappings":";2jCAgBO,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,KACdC,KAAM,MACHT,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\n/**\n * 确认弹框\n * ```\n * 1. 可嵌套使用\n * 2. 为什么不推荐使用\n *    dialogConfirm.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 3. 需要修改默认主题风格的场景，请使用\n *    const { appDialogConfirm } = FbaApp.useDialogConfirm();\n *    appDialogConfirm.open({})\n * ```\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      size: null,\n      ...props,\n      className,\n    });\n  },\n};\n"],"names":["dialogConfirm","open","props","className","_classNames","dialogModal","_extends","width","okText","cancelText","maskClosable","size"],"mappings":";8lCAgBO,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,KACdC,KAAM,MACHT,EAAK,CACRC,UAAAA,IAEJ"}

package/esm/dialog-drawer/index.js

@@ -6,5 +6,5 @@ import './../types/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 t,a as r}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isPromise as o}from"@dimjs/lang/cjs/is-promise";import{hooks as n}from"@wove/react/cjs/hooks";import{dom as i}from"@flatbiz/utils";import{Form as a,Space as l,Drawer as d}from"antd";import{useState as s,useMemo as c}from"react";import{createRoot as m}from"react-dom/client";import{ButtonWrapper as u}from"../button-wrapper/index.js";import{C as p}from"../index-7f4ad045.js";import{fbaHooks as f}from"../fba-hooks/index.js";import{C as v}from"../context-1f2093c6.js";import{jsx as j,jsxs as h}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/utils/cjs/class-names";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"@dimjs/utils/cjs/extend";import"../use-responsive-point-21b8c601.js";import"@wove/react/cjs/create-ctx";var x=["divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","operatePosition","operateRender","width","okHidden","cancelHidden","extra"];var y=function e(i){var m;var y=i.divElement,w=i.elementId,g=i.onOk,k=i.onCancel,C=i.content,P=i.configProviderProps,b=i.okText,_=i.cancelText,E=i.okButtonExtraProps,B=i.cancelButtonExtraProps,I=i.operatePosition,R=I===void 0?"footer":I,W=i.operateRender,H=i.width,O=i.okHidden,T=i.cancelHidden,z=i.extra,F=r(i,x);var S=s(true),D=S[0],Y=S[1];var A=s(),L=A[0],N=A[1];var U=a.useForm(),q=U[0];var G=f.useResponsivePoint()||"";var J=n.useCallbackRef((function(){try{delete window[w]}catch(e){}Y(false)}));f.useEffectCustom((function(){window[w]=J}),[J]);var K=n.useCallbackRef((function(e){if(k){var t=k(q,e);if(t&&o(t)){return t.then(J)}}return J()}));var M=n.useCallbackRef((function(e){if(g){var t=g(q,e);if(t&&o(t)){return t.then(J)}}return J()}));var Q=h(l,{children:[T||B!=null&&B.hidden?null:j(u,t({},B,{onClick:K,children:_||"取消"})),O||E!=null&&E.hidden?null:j(u,t({type:"primary"},E,{onClick:M,children:b||"提交"}))]});var V=function e(){if(W){return W(q)}if(!O||!T){return Q}return null};var X=typeof z==="function"?z(q):z;var Z=function e(t){N(t)};var $=c((function(){if(!G)return undefined;if(["xs","sm"].includes(G)){return{width:"90%",maxWidth:"90%"}}if(H){return{width:H,maxWidth:"calc(100% - 200px)"}}return{width:"40%",maxWidth:"calc(100% - 200px)"}}),[G,H]);return j(v,{value:{onClose:J,updateBodyStyle:Z},children:j(p,t({},P,{children:j(d,t({maskClosable:true,destroyOnClose:true,onClose:J,contentWrapperStyle:{maxWidth:$==null?void 0:$.maxWidth},footer:R==="footer"?V():null},F,{width:$==null?void 0:$.width,styles:t({},F.styles,{body:t({},L,(m=F.styles)==null?void 0:m.body)}),extra:R==="header"?V():X,open:D,getContainer:y,children:typeof C==="function"?C(q,{onClose:J}):C}))}))})};var w={open:function e(r){var o=i.bodyAppendDivElement(),n=o.divElement,a=o.elementId;window["__dialog_drawer_elementId"]=a;var l=m(n);l.render(j(y,t({},r,{divElement:n,elementId:a})));return{close:function e(){var t,r;(t=(r=window)[a])==null?void 0:t.call(r)}}},close:function t(){try{var r,o;var n=window["__dialog_drawer_elementId"];if(e(n))(r=(o=window)[n])==null?void 0:r.call(o)}catch(e){}}};export{w as dialogDrawer};
+import{isString as e}from"@dimjs/lang/cjs/is-string";import{_ as r,a as t}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isPromise as o}from"@dimjs/lang/cjs/is-promise";import{hooks as n}from"@wove/react/cjs/hooks";import{dom as i}from"@flatbiz/utils";import{Form as a,Space as l,Drawer as d}from"antd";import{useState as s,useMemo as c}from"react";import{createRoot as u}from"react-dom/client";import{ButtonWrapper as m}from"../button-wrapper/index.js";import{C as p}from"../index-7f4ad045.js";import{fbaHooks as f}from"../fba-hooks/index.js";import{u as v,C as j}from"../context-1f2093c6.js";import{jsx as h,jsxs as w}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/utils/cjs/class-names";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"@dimjs/utils/cjs/extend";import"../use-responsive-point-21b8c601.js";import"@wove/react/cjs/create-ctx";var x=["divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","operatePosition","operateRender","width","okHidden","cancelHidden","extra"];var y=function e(i){var u;var v=i.divElement,y=i.elementId,g=i.onOk,k=i.onCancel,C=i.content,P=i.configProviderProps,b=i.okText,_=i.cancelText,E=i.okButtonExtraProps,B=i.cancelButtonExtraProps,F=i.operatePosition,I=F===void 0?"footer":F,R=i.operateRender,W=i.width,H=i.okHidden,O=i.cancelHidden,D=i.extra,T=t(i,x);var z=s(true),S=z[0],Y=z[1];var A=s(),L=A[0],N=A[1];var U=a.useForm(),q=U[0];var G=f.useResponsivePoint()||"";var J=s({}),K=J[0],M=J[1];var Q=n.useCallbackRef((function(){try{delete window[y]}catch(e){}Y(false)}));f.useEffectCustom((function(){window[y]=Q}),[Q]);var V=n.useCallbackRef((function(e){if(k){var r=k(q,e);if(r&&o(r)){return r.then(Q)}}return Q()}));var X=n.useCallbackRef((function(e){if(g){var r=g(q,e);if(r&&o(r)){return r.then(Q)}}return Q()}));var Z=c((function(){if(R){return R(q,K)}var e=H||(E==null?void 0:E.hidden);var t=H||(E==null?void 0:E.hidden);var o=w(l,{children:[t?null:h(m,r({},B,{onClick:V,children:_||"取消"})),e?null:h(m,r({type:"primary"},E,{onClick:X,children:b||"提交"}))]});if(!H||!O){return o}return null}),[K]);var $=typeof D==="function"?D(q):D;var ee=function e(r){N(r)};var re=c((function(){if(!G)return undefined;if(["xs","sm"].includes(G)){return{width:"90%",maxWidth:"90%"}}if(W){return{width:W,maxWidth:"calc(100% - 200px)"}}return{width:"40%",maxWidth:"calc(100% - 200px)"}}),[G,W]);var te=function e(r){M(r)};return h(j,{value:{onClose:Q,updateBodyStyle:ee,rerenderFooter:te},children:h(p,r({},P,{children:h(d,r({maskClosable:true,destroyOnClose:true,onClose:Q,contentWrapperStyle:{maxWidth:re==null?void 0:re.maxWidth},footer:I==="footer"?Z:null},T,{width:re==null?void 0:re.width,styles:r({},T.styles,{body:r({},L,(u=T.styles)==null?void 0:u.body)}),extra:I==="header"?Z:$,open:S,getContainer:v,children:typeof C==="function"?C(q,{onClose:Q}):C}))}))})};var g={open:function e(t){var o=i.bodyAppendDivElement(),n=o.divElement,a=o.elementId;window["__dialog_drawer_elementId"]=a;var l=u(n);l.render(h(y,r({},t,{divElement:n,elementId:a})));return{close:function e(){var r,t;(r=(t=window)[a])==null?void 0:r.call(t)}}},close:function r(){try{var t,o;var n=window["__dialog_drawer_elementId"];if(e(n))(t=(o=window)[n])==null?void 0:t.call(o)}catch(e){}},useDialogDrawer:function e(){var r=v();return{rerenderFooter:function e(t){r.rerenderFooter(t)}}}};export{g 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 { dom, TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode, 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 { 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,\n    okHidden,\n    cancelHidden,\n    extra,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [innerBodyStyle, setInnerBodyStyle] = useState<CSSProperties>();\n  const [form] = Form.useForm();\n  const screenType = fbaHooks.useResponsivePoint() || '';\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  const customSize = useMemo(() => {\n    if (!screenType) return undefined;\n    if (['xs', 'sm'].includes(screenType)) {\n      return {\n        width: '90%',\n        maxWidth: '90%',\n      };\n    }\n    if (width) {\n      return { width: width, maxWidth: 'calc(100% - 200px)' };\n    }\n    return { width: '40%', maxWidth: 'calc(100% - 200px)' };\n  }, [screenType, width]);\n\n  return (\n    <CtxProvider value={{ onClose, updateBodyStyle }}>\n      <ConfigProviderWrapper {...configProviderProps}>\n        <Drawer\n          maskClosable={true}\n          destroyOnClose\n          onClose={onClose}\n          // 5.13.0 新增 styles.wrapper，并废弃 contentWrapperStyle drawerStyle maskStyle 属性\n          contentWrapperStyle={{ maxWidth: customSize?.maxWidth }}\n          footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n          {...otherProps}\n          width={customSize?.width}\n          styles={{\n            ...otherProps.styles,\n            body: { ...innerBodyStyle, ...otherProps.styles?.body },\n            // wrapper: {\n            //   maxWidth: customSize?.maxWidth,\n            //   ...otherProps.styles?.wrapper,\n            // },\n          }}\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 * 2. 为什么不推荐使用\n *    dialogDrawer.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 3. 需要修改默认主题风格的场景，请使用\n *    const { appDialogDrawer } = FbaApp.useDialogDrawer();\n *    appDialogDrawer.open({})\n * ```\n */\nexport const dialogDrawer = {\n  open: (props: DialogDrawerProps) => {\n    const { divElement, elementId } = dom.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","_otherProps$styles","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","width","okHidden","cancelHidden","extra","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_useState2","innerBodyStyle","setInnerBodyStyle","_Form$useForm","Form","useForm","form","screenType","fbaHooks","useResponsivePoint","onClose","_hooks","useCallbackRef","window","error","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","operateRenderHandle","extraRender","updateBodyStyle","bodyStyle","customSize","useMemo","undefined","includes","maxWidth","CtxProvider","value","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","contentWrapperStyle","footer","styles","body","getContainer","dialogDrawer","_dom$bodyAppendDivEle","dom","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 { dom, TNoopDefine, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode, 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 { BodyAppendDivElementProps } from '../_utils/dom';\nimport { CtxProvider, useDialogDrawerCtx } 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\n  okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  /** 设置操作区域位置 */\n  operatePosition?: 'header' | 'footer';\n  /** 右上角自定义内容，如果operatePosition=header，此设置无效 */\n  extra?: ReactNode | ((form: FormInstance) => ReactElement);\n  /**\n   * ```\n   * 1. 自定义弹框操作区域，通过 operatePosition 配置可以自定义位置\n   * 2. extraData 为外部通过 useDialogModal.rerenderFooter 重新渲染footer携带的数据\n   * ```\n   */\n  operateRender?: (form: FormInstance, extraData?: TPlainObject) => 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,\n    okHidden,\n    cancelHidden,\n    extra,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [innerBodyStyle, setInnerBodyStyle] = useState<CSSProperties>();\n  const [form] = Form.useForm();\n  const screenType = fbaHooks.useResponsivePoint() || '';\n  const [footerExtraData, setFooterExtraData] = useState<TPlainObject>({});\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 newOperateRender = useMemo(() => {\n    if (operateRender) {\n      return operateRender(form, footerExtraData);\n    }\n\n    const okHiddenNew = okHidden || okButtonExtraProps?.hidden;\n    const cancelHiddenNew = okHidden || okButtonExtraProps?.hidden;\n\n    const operateGroup = (\n      <Space>\n        {cancelHiddenNew ? null : (\n          <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n            {cancelText || '取消'}\n          </ButtonWrapper>\n        )}\n        {okHiddenNew ? null : (\n          <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n            {okText || '提交'}\n          </ButtonWrapper>\n        )}\n      </Space>\n    );\n    if (!okHidden || !cancelHidden) {\n      return operateGroup;\n    }\n    return null;\n  }, [footerExtraData]);\n\n  const extraRender = typeof extra === 'function' ? extra(form) : extra;\n\n  const updateBodyStyle = (bodyStyle?: CSSProperties) => {\n    setInnerBodyStyle(bodyStyle);\n  };\n\n  const customSize = useMemo(() => {\n    if (!screenType) return undefined;\n    if (['xs', 'sm'].includes(screenType)) {\n      return {\n        width: '90%',\n        maxWidth: '90%',\n      };\n    }\n    if (width) {\n      return { width: width, maxWidth: 'calc(100% - 200px)' };\n    }\n    return { width: '40%', maxWidth: 'calc(100% - 200px)' };\n  }, [screenType, width]);\n\n  const rerenderFooter = (data) => {\n    setFooterExtraData(data);\n  };\n\n  return (\n    <CtxProvider value={{ onClose, updateBodyStyle, rerenderFooter }}>\n      <ConfigProviderWrapper {...configProviderProps}>\n        <Drawer\n          maskClosable={true}\n          destroyOnClose\n          onClose={onClose}\n          // 5.13.0 新增 styles.wrapper，并废弃 contentWrapperStyle drawerStyle maskStyle 属性\n          contentWrapperStyle={{ maxWidth: customSize?.maxWidth }}\n          footer={operatePosition === 'footer' ? newOperateRender : null}\n          {...otherProps}\n          width={customSize?.width}\n          styles={{\n            ...otherProps.styles,\n            body: { ...innerBodyStyle, ...otherProps.styles?.body },\n            // wrapper: {\n            //   maxWidth: customSize?.maxWidth,\n            //   ...otherProps.styles?.wrapper,\n            // },\n          }}\n          extra={operatePosition === 'header' ? newOperateRender : 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 * 2. 为什么不推荐使用\n *    dialogDrawer.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 3. 需要修改默认主题风格的场景，请使用\n *    const { appDialogDrawer } = FbaApp.useDialogDrawer();\n *    appDialogDrawer.open({})\n * ```\n */\nexport const dialogDrawer = {\n  open: (props: DialogDrawerProps) => {\n    const { divElement, elementId } = dom.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   * ```\n   * 1. rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态\n   * ```\n   */\n  useDialogDrawer: () => {\n    const ctx = useDialogDrawerCtx();\n    return {\n      /** 重新渲染 footer， data为携带的数据，是footer的第二个参数  */\n      rerenderFooter: (data?: TPlainObject) => {\n        ctx.rerenderFooter(data);\n      },\n    };\n  },\n};\n"],"names":["ModalRender","props","_otherProps$styles","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","width","okHidden","cancelHidden","extra","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_useState2","innerBodyStyle","setInnerBodyStyle","_Form$useForm","Form","useForm","form","screenType","fbaHooks","useResponsivePoint","_useState3","footerExtraData","setFooterExtraData","onClose","_hooks","useCallbackRef","window","error","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","newOperateRender","useMemo","okHiddenNew","hidden","cancelHiddenNew","operateGroup","_jsxs","Space","children","_jsx","ButtonWrapper","_extends","onClick","type","extraRender","updateBodyStyle","bodyStyle","customSize","undefined","includes","maxWidth","rerenderFooter","data","CtxProvider","value","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","contentWrapperStyle","footer","styles","body","getContainer","dialogDrawer","_dom$bodyAppendDivEle","dom","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString","useDialogDrawer","ctx","useDialogDrawerCtx"],"mappings":"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"}

package/esm/dialog-modal/index.js

@@ -7,5 +7,5 @@ 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 t}from"@dimjs/utils/cjs/class-names";import{isNull as i}from"@dimjs/lang/cjs/is-null";import{_ as o,a as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isPromise as r}from"@dimjs/lang/cjs/is-promise";import{hooks as l}from"@wove/react/cjs/hooks";import{dom as a}from"@flatbiz/utils";import{useSize as d}from"ahooks";import{Form as s,Modal as m}from"antd";import{useState as c,useMemo as u}from"react";import{createRoot as f}from"react-dom/client";import{ButtonWrapper as p}from"../button-wrapper/index.js";import{C as h}from"../index-7f4ad045.js";import{fbaHooks as v}from"../fba-hooks/index.js";import{FlexLayout as g}from"../flex-layout/index.js";import{jsx as j,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"@dimjs/utils/cjs/extend";import"../use-responsive-point-21b8c601.js";var w=["title","titleExtra","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","size"];var k=function e(f){var k,x;var C=f.title,b=f.titleExtra,_=f.divElement,P=f.elementId,E=f.onOk,I=f.onCancel,z=f.okButtonProps,B=f.cancelButtonProps,H=f.content,O=f.configProviderProps,R=f.className,N=f.okHidden,T=f.cancelHidden,F=f.footer,D=f.cancelText,S=f.okText,Y=f.size,q=n(f,w);var A=c(true),L=A[0],U=A[1];var G=s.useForm(),J=G[0];var K=d(document.querySelector("html"));var M=v.useResponsivePoint()||"";var Q=Y===null?undefined:Y===undefined?"middle":Y;var V=l.useCallbackRef((function(){try{delete window[P]}catch(e){}U(false)}));v.useEffectCustom((function(){window[P]=V}),[V]);var W=l.useCallbackRef((function(e){if(I){var t=I(J,e);if(t&&r(t)){return t.then(V)}}return V()}));var X=l.useCallbackRef((function(e){if(E){var t=E(J,e);if(t&&r(t)){return t.then(V)}}return V()}));var Z=l.useCallbackRef((function(){a.removeBodyChild("#"+P);f.afterClose==null?void 0:f.afterClose()}));var $=!T||!N?[j(p,o({},B,{onClick:W,hidden:T,children:D||"取消"}),"0"),j(p,o({type:"primary"},z,{onClick:X,hidden:N,children:S||"提交"}),"1")]:undefined;var ee=i(F)?null:(typeof F==="function"?F(J):F)||$||[];var te=u((function(){if(!(K!=null&&K.height)||!M)return undefined;if(["xs","sm"].includes(M)){return{height:(K==null?void 0:K.height)*.7}}if(Q=="large"){return{height:(K==null?void 0:K.height)*.7,width:K.width*.6}}if(Q=="small"){var e=K.width*.3;return{height:(K==null?void 0:K.height)*.4,width:e<470?470:e}}if(Q=="middle"){return{height:(K==null?void 0:K.height)*.55,width:K.width*.5}}return undefined}),[K==null?void 0:K.height,Q,(k=q.styles)==null||(k=k.body)==null?void 0:k.height,q.width,M]);var ie=t("v-dialog-modal",{"v-dialog-modal-title-extra":!!b},{"v-dialog-modal-footer-empty":!ee},R);return j(h,o({},O,{children:j(m,o({title:b?y(g,{direction:"horizontal",fullIndex:0,children:[j("span",{children:C}),b]}):C,maskClosable:true,centered:true,onCancel:V,destroyOnClose:true,width:te==null?void 0:te.width},q,{footer:ee,styles:o({},q.styles,{body:o({height:te==null?void 0:te.height,maxHeight:"calc(100vh - 200px)"},(x=q.styles)==null?void 0:x.body)}),className:ie,open:L,afterClose:Z,getContainer:_,children:typeof H==="function"?H(J,{onClose:V}):H}))}))};var x={open:function e(t){var i=a.bodyAppendDivElement(),n=i.divElement,r=i.elementId;window["__dialog_modal_elementId"]=r;var l=f(n);l.render(j(k,o({},t,{divElement:n,elementId:r})));return{close:function e(){var t,i;(t=(i=window)[r])==null?void 0:t.call(i)}}},close:function t(){try{var i,o;var n=window["__dialog_modal_elementId"];if(e(n))(i=(o=window)[n])==null?void 0:i.call(o)}catch(e){}}};export{x as dialogModal};
+import{isString as e}from"@dimjs/lang/cjs/is-string";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{isNull as o}from"@dimjs/lang/cjs/is-null";import{_ as i,a as r}from"../_rollupPluginBabelHelpers-a0769acd.js";import{isPromise as n}from"@dimjs/lang/cjs/is-promise";import{hooks as l}from"@wove/react/cjs/hooks";import{dom as a}from"@flatbiz/utils";import{useSize as d}from"ahooks";import{Form as s,Modal as m}from"antd";import{useState as u,useMemo as c}from"react";import{createRoot as f}from"react-dom/client";import{ButtonWrapper as p}from"../button-wrapper/index.js";import{C as v}from"../index-7f4ad045.js";import{fbaHooks as h}from"../fba-hooks/index.js";import{FlexLayout as g}from"../flex-layout/index.js";import{createCtx as y}from"@wove/react/cjs/create-ctx";import{jsx as j,jsxs as w}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"@dimjs/utils/cjs/extend";import"../use-responsive-point-21b8c601.js";var k=y(),x=k[0],C=k[1];var b=["title","titleExtra","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","size","bodyHeight"];var _=function e(f){var y,k,x;var _=f.title,P=f.titleExtra,E=f.divElement,H=f.elementId,I=f.onOk,z=f.onCancel,B=f.okButtonProps,F=f.cancelButtonProps,O=f.content,N=f.configProviderProps,R=f.className,T=f.okHidden,D=f.cancelHidden,S=f.footer,Y=f.cancelText,q=f.okText,A=f.size,J=f.bodyHeight,L=r(f,b);var M=u(true),U=M[0],G=M[1];var K=s.useForm(),Q=K[0];var V=d(document.querySelector("html"));var W=h.useResponsivePoint()||"";var X=A===null?undefined:A===undefined?"middle":A;var Z=u({}),$=Z[0],ee=Z[1];var te=l.useCallbackRef((function(){try{delete window[H]}catch(e){}G(false)}));h.useEffectCustom((function(){window[H]=te}),[te]);var oe=l.useCallbackRef((function(e){if(z){var t=z(Q,e);if(t&&n(t)){return t.then(te)}}return te()}));var ie=l.useCallbackRef((function(e){if(I){var t=I(Q,e);if(t&&n(t)){return t.then(te)}}return te()}));var re=l.useCallbackRef((function(){a.removeBodyChild("#"+H);f.afterClose==null?void 0:f.afterClose()}));var ne=c((function(){var e=!D||!T?[j(p,i({},F,{onClick:oe,hidden:D,children:Y||"取消"}),"0"),j(p,i({type:"primary"},B,{onClick:ie,hidden:T,children:q||"提交"}),"1")]:undefined;var t=o(S)?null:(typeof S==="function"?S(Q,$):S)||e||[];return t}),[JSON.stringify($)]);var le=c((function(){if(!(V!=null&&V.height)||!W)return undefined;if(["xs","sm"].includes(W)){return{height:(V==null?void 0:V.height)*.7}}if(X=="large"){return{height:(V==null?void 0:V.height)*.7,width:V.width*.6}}if(X=="small"){var e=V.width*.3;return{height:(V==null?void 0:V.height)*.4,width:e<470?470:e}}if(X=="middle"){return{height:(V==null?void 0:V.height)*.4,width:V.width*.5}}return undefined}),[V==null?void 0:V.height,X,(y=L.styles)==null||(y=y.body)==null?void 0:y.height,L.width,W]);var ae=t("v-dialog-modal",{"v-dialog-modal-title-extra":!!P},{"v-dialog-modal-footer-empty":!ne},R);var de=function e(t){ee(t)};var se=((k=L.styles)==null||(k=k.body)==null?void 0:k.height)||J;return j(C,{value:{rerenderFooter:de},children:j(v,i({},N,{children:j(m,i({title:P?w(g,{direction:"horizontal",fullIndex:0,children:[j("span",{children:_}),P]}):_,maskClosable:true,centered:true,onCancel:te,destroyOnClose:true,width:le==null?void 0:le.width},L,{footer:ne,styles:i({},L.styles,{body:i({height:se||(le==null?void 0:le.height),maxHeight:"calc(100vh - 200px)"},(x=L.styles)==null?void 0:x.body)}),className:ae,open:U,afterClose:re,getContainer:E,children:typeof O==="function"?O(Q,{onClose:te}):O}))}))})};var P={open:function e(t){var o=a.bodyAppendDivElement(),r=o.divElement,n=o.elementId;window["__dialog_modal_elementId"]=n;var l=f(r);l.render(j(_,i({},t,{divElement:r,elementId:n})));return{close:function e(){var t,o;(t=(o=window)[n])==null?void 0:t.call(o)}}},close:function t(){try{var o,i;var r=window["__dialog_modal_elementId"];if(e(r))(o=(i=window)[r])==null?void 0:o.call(i)}catch(e){}},useDialogModal:function e(){var t=x();return{rerenderFooter:function e(o){t.rerenderFooter(o)}}}};export{P 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 { isNull, 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' | 'footer'\n> & {\n  /**\n   * 内置尺寸，根据比例固定高度、宽度，默认：middle\n   * ```\n   * 1. 如果自定义了width、styles.body.height属性，size中的height、width将对应失效\n   * 2. 可传 null 值，取消内置尺寸\n   * ```\n   */\n  size?: 'small' | 'middle' | 'large' | null;\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   * @deprecated 已失效，可通过size属性设置\n   * ```\n   * 1. 最大值：80\n   * 1. 设置bodyStyle.height 后，bodyHeightPercent失效\n   * ```\n   */\n  bodyHeightPercent?: number;\n  titleExtra?: ReactElement;\n  /** null则隐藏footer */\n  footer?: null | ReactElement | ReactElement[] | ((form: FormInstance) => 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    size,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useState(true);\n  const [form] = Form.useForm();\n  const htmlSize = useSize(document.querySelector('html'));\n  const screenType = fbaHooks.useResponsivePoint() || '';\n  const sizeFt = size === null ? undefined : size === undefined ? 'middle' : size;\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    !cancelHidden || !okHidden\n      ? [\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      : undefined;\n\n  const footerNew = isNull(footer)\n    ? null\n    : (typeof footer === 'function' ? footer(form) : footer) || operateGroup || [];\n\n  const customSize = useMemo(() => {\n    if (!htmlSize?.height || !screenType) return undefined;\n    if (['xs', 'sm'].includes(screenType)) {\n      return {\n        height: (htmlSize?.height as number) * 0.7,\n      };\n    }\n    if (sizeFt == 'large') {\n      return {\n        height: (htmlSize?.height as number) * 0.7,\n        width: htmlSize.width * 0.6,\n      };\n    }\n    if (sizeFt == 'small') {\n      const width = htmlSize.width * 0.3;\n      return {\n        height: (htmlSize?.height as number) * 0.4,\n        width: width < 470 ? 470 : width,\n      };\n    }\n\n    if (sizeFt == 'middle') {\n      return {\n        height: (htmlSize?.height as number) * 0.55,\n        width: htmlSize.width * 0.5,\n      };\n    }\n\n    return undefined;\n  }, [htmlSize?.height, sizeFt, otherProps.styles?.body?.height, otherProps.width, screenType]);\n\n  const classNameNew = classNames(\n    'v-dialog-modal',\n    { 'v-dialog-modal-title-extra': !!titleExtra },\n    { 'v-dialog-modal-footer-empty': !footerNew },\n    className,\n  );\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        width={customSize?.width}\n        {...otherProps}\n        footer={footerNew}\n        styles={{\n          ...otherProps.styles,\n          body: {\n            height: customSize?.height,\n            maxHeight: 'calc(100vh - 200px)',\n            ...otherProps.styles?.body,\n          },\n        }}\n        className={classNameNew}\n        open={open}\n        afterClose={onAfterClose}\n        getContainer={divElement}\n      >\n        {typeof content === 'function' ? content(form, { onClose }) : content}\n      </Modal>\n    </ConfigProviderWrapper>\n  );\n};\n\n/**\n * 居中弹框\n * ```\n * 1. 可嵌套使用\n * 2. 为什么不推荐使用\n *    dialogModal.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 3. 需要修改默认主题风格的场景，请使用\n *    const { appDialogModal } = FbaApp.useDialogModal();\n *    appDialogModal.open({})\n * 4.  配置size属性可使用预设的弹窗尺寸，如果不使用内置尺寸可设置 size = null\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","_otherProps$styles","_otherProps$styles2","title","titleExtra","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","size","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_Form$useForm","Form","useForm","form","htmlSize","useSize","document","querySelector","screenType","fbaHooks","useResponsivePoint","sizeFt","undefined","onClose","_hooks","useCallbackRef","window","error","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","onAfterClose","dom","removeBodyChild","afterClose","operateGroup","_jsx","ButtonWrapper","_extends","onClick","hidden","children","type","footerNew","_isNull","customSize","useMemo","height","includes","width","styles","body","classNameNew","_classNames","ConfigProviderWrapper","Modal","_jsxs","FlexLayout","direction","fullIndex","maskClosable","centered","destroyOnClose","maxHeight","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/context.ts","@flatbiz/antd/src/dialog-modal/dialog-modal.tsx"],"sourcesContent":["import { TPlainObject } from '@flatbiz/utils';\nimport { createCtx } from '@wove/react';\n\nexport const [useDialogModalCtx, DialogModalCtxProvider] = createCtx<{\n  /** 重新渲染footer */\n  rerenderFooter: (data?: TPlainObject) => void;\n}>();\n","import { isNull, isPromise, isString } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\n\nimport { BodyAppendDivElementProps, dom, TNoopDefine, TPlainObject } 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 { DialogModalCtxProvider, useDialogModalCtx } from './context';\nimport './style.less';\n\nexport type DialogModalProps = Omit<\n  ModalProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'okButtonProps' | 'cancelButtonProps' | 'footer'\n> & {\n  /**\n   * 内置尺寸，根据比例固定高度、宽度，默认：middle\n   * ```\n   * 1. 如果自定义了width、styles.body.height属性，size中的height、width将对应失效\n   * 2. 可传 null 值，取消内置尺寸\n   * ```\n   */\n  size?: 'small' | 'middle' | 'large' | null;\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   * @deprecated 已失效，可通过size属性设置\n   * ```\n   * 1. 最大值：80\n   * 1. 设置bodyStyle.height 后，bodyHeightPercent失效\n   * ```\n   */\n  bodyHeightPercent?: number;\n  titleExtra?: ReactElement;\n  /**\n   * null则隐藏footer\n   * ```\n   * extraData 为外部通过 useDialogModal.rerenderFooter 重新渲染footer携带的数据\n   * ```\n   */\n  footer?:\n    | null\n    | ReactElement\n    | ReactElement[]\n    | ((form: FormInstance, extraData?: TPlainObject) => ReactElement);\n  /** 内容高度，为styles.body.height快捷配置，优先级低于styles.body.height */\n  bodyHeight?: number;\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    size,\n    bodyHeight,\n    ...otherProps\n  } = props;\n\n  const [open, setOpen] = useState(true);\n  const [form] = Form.useForm();\n  const htmlSize = useSize(document.querySelector('html'));\n  const screenType = fbaHooks.useResponsivePoint() || '';\n  const sizeFt = size === null ? undefined : size === undefined ? 'middle' : size;\n  const [footerExtraData, setFooterExtraData] = useState<TPlainObject>({});\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 footerNew = useMemo(() => {\n    const operateGroup =\n      !cancelHidden || !okHidden\n        ? [\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        : undefined;\n    const footerNew = isNull(footer)\n      ? null\n      : (typeof footer === 'function' ? footer(form, footerExtraData) : footer) || operateGroup || [];\n    return footerNew;\n  }, [JSON.stringify(footerExtraData)]);\n\n  const customSize = useMemo(() => {\n    if (!htmlSize?.height || !screenType) return undefined;\n    if (['xs', 'sm'].includes(screenType)) {\n      return {\n        height: (htmlSize?.height as number) * 0.7,\n      };\n    }\n    if (sizeFt == 'large') {\n      return {\n        height: (htmlSize?.height as number) * 0.7,\n        width: htmlSize.width * 0.6,\n      };\n    }\n    if (sizeFt == 'small') {\n      const width = htmlSize.width * 0.3;\n      return {\n        height: (htmlSize?.height as number) * 0.4,\n        width: width < 470 ? 470 : width,\n      };\n    }\n\n    if (sizeFt == 'middle') {\n      return {\n        height: (htmlSize?.height as number) * 0.4,\n        width: htmlSize.width * 0.5,\n      };\n    }\n\n    return undefined;\n  }, [htmlSize?.height, sizeFt, otherProps.styles?.body?.height, otherProps.width, screenType]);\n\n  const classNameNew = classNames(\n    'v-dialog-modal',\n    { 'v-dialog-modal-title-extra': !!titleExtra },\n    { 'v-dialog-modal-footer-empty': !footerNew },\n    className,\n  );\n\n  const rerenderFooter = (data) => {\n    setFooterExtraData(data);\n  };\n\n  const bodyHeightNew = otherProps.styles?.body?.height || bodyHeight;\n\n  return (\n    <DialogModalCtxProvider value={{ rerenderFooter }}>\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          width={customSize?.width}\n          {...otherProps}\n          footer={footerNew}\n          styles={{\n            ...otherProps.styles,\n            body: {\n              height: bodyHeightNew || customSize?.height,\n              maxHeight: 'calc(100vh - 200px)',\n              ...otherProps.styles?.body,\n            },\n          }}\n          className={classNameNew}\n          open={open}\n          afterClose={onAfterClose}\n          getContainer={divElement}\n        >\n          {typeof content === 'function' ? content(form, { onClose }) : content}\n        </Modal>\n      </ConfigProviderWrapper>\n    </DialogModalCtxProvider>\n  );\n};\n\n/**\n * 居中弹框\n * ```\n * 1. 可嵌套使用\n * 2. 为什么不推荐使用\n *    dialogModal.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 3. 需要修改默认主题风格的场景，请使用\n *    const { appDialogModal } = FbaApp.useDialogModal();\n *    appDialogModal.open({})\n * 4. size属性可使用预设的弹窗尺寸（默认值middle），如果不使用内置尺寸可设置 size = null\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   * ```\n   * 1. rerenderFooter 携带指定数据重新渲染 footer，可用于切换footer中的按钮状态\n   * ```\n   */\n  useDialogModal: () => {\n    const ctx = useDialogModalCtx();\n    return {\n      /** 重新渲染 footer， data为携带的数据，是footer的第二个参数  */\n      rerenderFooter: (data?: TPlainObject) => {\n        ctx.rerenderFooter(data);\n      },\n    };\n  },\n};\n"],"names":["_createCtx","_createCtx2","useDialogModalCtx","DialogModalCtxProvider","ModalRender","props","_otherProps$styles","_otherProps$styles2","_otherProps$styles3","title","titleExtra","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","size","bodyHeight","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_Form$useForm","Form","useForm","form","htmlSize","useSize","document","querySelector","screenType","fbaHooks","useResponsivePoint","sizeFt","undefined","_useState2","footerExtraData","setFooterExtraData","onClose","_hooks","useCallbackRef","window","error","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","onAfterClose","dom","removeBodyChild","afterClose","footerNew","useMemo","operateGroup","_jsx","ButtonWrapper","_extends","onClick","hidden","children","type","_isNull","JSON","stringify","customSize","height","includes","width","styles","body","classNameNew","_classNames","rerenderFooter","data","bodyHeightNew","value","ConfigProviderWrapper","Modal","_jsxs","FlexLayout","direction","fullIndex","maskClosable","centered","destroyOnClose","maxHeight","getContainer","dialogModal","_dom$bodyAppendDivEle","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString","useDialogModal","ctx"],"mappings":"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"}

package/esm/drag-editable-table/index.js

@@ -7,6 +7,7 @@ import './../types/index.css';
 import './../fba-utils/index.css';
 import './../table-title-tooltip/index.css';
 import './../text-symbol-wrapper/index.css';
+import './../form-item-hidden/index.css';
 import './../date-picker-wrapper/index.css';
 import './../date-range-picker-wrapper/index.css';
 import './../selector-wrapper/index.css';
@@ -26,5 +27,5 @@ import './../input-text-area-wrapper/index.css';
 import './../icon-wrapper/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as i,_ as e}from"../_rollupPluginBabelHelpers-a0769acd.js";import{useSensors as r,useSensor as t,PointerSensor as o,DndContext as n}from"@dnd-kit/core";import{restrictToVerticalAxis as s}from"@dnd-kit/modifiers";import{useSortable as a,SortableContext as d,verticalListSortingStrategy as m,arrayMove as p}from"@dnd-kit/sortable";import{Form as l}from"antd";import{useMemo as c,createElement as u,Children as j,cloneElement as g,forwardRef as v,useRef as f,useImperativeHandle as x}from"react";import{EditableTable as y}from"../editable-table/index.js";import{createCtx as b}from"@wove/react/cjs/create-ctx";import I from"@ant-design/icons/es/icons/DragOutlined";import{CSS as w}from"@dnd-kit/utilities";import{isUndefinedOrNull as h,noop as k}from"@flatbiz/utils";import{IconWrapper as F}from"../icon-wrapper/index.js";import{jsx as D}from"react/jsx-runtime";import"@ant-design/icons/es/icons/PlusOutlined";import"@dimjs/utils/cjs/class-names";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"../table-title-tooltip/index.js";import"@ant-design/icons/es/icons/QuestionCircleOutlined";import"../text-symbol-wrapper/index.js";import"../tips-wrapper/index.js";import"../table-cell-render/index.js";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-object";import"@dimjs/utils/cjs/get";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-empty";import"../button-operate/index.js";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/lang/cjs/is-undefined";import"../dropdown-menu-wrapper/index.js";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-null";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"../tag-list-render/index.js";import"../date-picker-wrapper/index.js";import"../time-53b3f55f.js";import"../date-range-picker-wrapper/index.js";import"../input-wrapper/index.js";import"../selector-wrapper/index.js";import"@ant-design/icons/es/icons/RedoOutlined";import"../request-status/index.js";import"@dimjs/lang/cjs/is-deep-equal";import"@dimjs/utils/cjs/json";import"pubsub-js";import"../switch-wrapper/index.js";import"@dimjs/lang/cjs/is-boolean";import"@dimjs/lang/cjs/is-number";import"../input-text-area-wrapper/index.js";import"../upload-wrapper/index.js";import"react-dom";import"@ant-design/icons/es/icons/DeleteOutlined";var K=b(),_=K[0],C=K[1];var O=["dragIcon"];var P=function r(t){var o=t.dragIcon,n=i(t,O);var s=n["data-row-key"];var d=c((function(){var i;return!h(s)?(i=t.getTableItemDataByFormListItemKey(s))==null?void 0:i[t.uidFieldKey]:undefined}),[t,s]);var m=a({id:d}),p=m.setActivatorNodeRef,l=m.listeners,v=m.setNodeRef,f=m.transform,x=m.transition,y=m.isDragging;if(h(d)){return D("tr",e({},n))}var b=e({},n.style,{transform:w.Transform.toString(f&&e({},f,{scaleY:1})),transition:x,cursor:"move"},y?{position:"relative",zIndex:9999,boxShadow:" 0px 0px 12px 4px rgba(34, 33, 81, 0.1)",backgroundColor:"var(--block-bg-color)"}:{});var K=o||D(I,{});return u("tr",e({},n,{ref:v,style:b,key:d}),j.map(t.children,(function(i){if(i.key==="__sort"){return g(i,{children:D("span",e({ref:p,style:{touchAction:"none",cursor:"move"}},l,{children:D(F,{style:{touchAction:"none",cursor:"move",padding:"1px 0px",margin:0,justifyContent:"center",color:"#787878"},icon:K,onClick:k})}))})}return i})))};var B=function i(r){var t=_();return D(P,e({},r,{dragIcon:t.dragIcon,uidFieldKey:t.uidFieldKey,getTableItemDataByFormListItemKey:t.getTableItemDataByFormListItemKey}))};var L=["dragIcon","uidFieldKey","onDragChange","disabledDrag"];var T=v((function(a,c){var u,j;var g=a.dragIcon,v=a.uidFieldKey,b=a.onDragChange,I=a.disabledDrag,w=i(a,L);var h=l.useFormInstance();var k=l.useWatch(a.name,h);var F=f(null);x(c,(function(){return F.current}));var K=r(t(o,{activationConstraint:{delay:0,tolerance:0}}));var _=function i(e){var r=e.active,t=e.over;if(r.id!==(t==null?void 0:t.id)){var o=k.findIndex((function(i){return i[v]===r.id}));var n=k.findIndex((function(i){return i[v]===(t==null?void 0:t.id)}));var s=p(k,o,n);h.setFields([{name:a.name,value:s}]);b==null?void 0:b(s,{activeId:r.id,activeIndex:o,overIndex:n})}};var O=I?w.columns:[{dataIndex:"__sort",width:50,key:"__sort"}].concat(w.columns||[]);return D(C,{value:{dragIcon:g,uidFieldKey:v,getTableItemDataByFormListItemKey:function i(e){var r;return(r=F.current)==null?void 0:r.getTableItemDataByFormListItemKey(e)}},children:D(n,{sensors:K,modifiers:[s],onDragEnd:_,children:D(d,{items:(k==null?void 0:k.map((function(i){return i[v]})))||[],strategy:m,children:D(y,e({ref:F},w,{columns:O,tableProps:e({},w.tableProps,{components:e({},(u=w.tableProps)==null?void 0:u.components,{body:e({},(j=w.tableProps)==null||(j=j.components)==null?void 0:j.body,{row:I?undefined:B})})})}))})})})}));export{T as DragEditableTable};
+import{a as i,_ as e}from"../_rollupPluginBabelHelpers-a0769acd.js";import{useSensors as r,useSensor as t,PointerSensor as o,DndContext as n}from"@dnd-kit/core";import{restrictToVerticalAxis as s}from"@dnd-kit/modifiers";import{useSortable as a,SortableContext as d,verticalListSortingStrategy as m,arrayMove as p}from"@dnd-kit/sortable";import{Form as l}from"antd";import{useMemo as c,createElement as u,Children as j,cloneElement as g,forwardRef as v,useRef as f,useImperativeHandle as x}from"react";import{EditableTable as y}from"../editable-table/index.js";import{createCtx as b}from"@wove/react/cjs/create-ctx";import I from"@ant-design/icons/es/icons/DragOutlined";import{CSS as w}from"@dnd-kit/utilities";import{isUndefinedOrNull as h,noop as k}from"@flatbiz/utils";import{IconWrapper as F}from"../icon-wrapper/index.js";import{jsx as D}from"react/jsx-runtime";import"@ant-design/icons/es/icons/PlusOutlined";import"@dimjs/utils/cjs/class-names";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"../table-title-tooltip/index.js";import"@ant-design/icons/es/icons/QuestionCircleOutlined";import"../text-symbol-wrapper/index.js";import"../tips-wrapper/index.js";import"../form-item-hidden/index.js";import"../table-cell-render/index.js";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-object";import"@dimjs/utils/cjs/get";import"@dimjs/lang/cjs/is-plain-object";import"@dimjs/lang/cjs/is-empty";import"../button-operate/index.js";import"@ant-design/icons/es/icons/MoreOutlined";import"@dimjs/lang/cjs/is-undefined";import"../dropdown-menu-wrapper/index.js";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-null";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";import"../tag-list-render/index.js";import"../date-picker-wrapper/index.js";import"../time-53b3f55f.js";import"../date-range-picker-wrapper/index.js";import"../input-wrapper/index.js";import"../selector-wrapper/index.js";import"@ant-design/icons/es/icons/RedoOutlined";import"../request-status/index.js";import"@dimjs/lang/cjs/is-deep-equal";import"@dimjs/utils/cjs/json";import"pubsub-js";import"../switch-wrapper/index.js";import"@dimjs/lang/cjs/is-boolean";import"@dimjs/lang/cjs/is-number";import"../input-text-area-wrapper/index.js";import"../upload-wrapper/index.js";import"react-dom";import"@ant-design/icons/es/icons/DeleteOutlined";var K=b(),_=K[0],C=K[1];var O=["dragIcon"];var P=function r(t){var o=t.dragIcon,n=i(t,O);var s=n["data-row-key"];var d=c((function(){var i;return!h(s)?(i=t.getTableItemDataByFormListItemKey(s))==null?void 0:i[t.uidFieldKey]:undefined}),[t,s]);var m=a({id:d}),p=m.setActivatorNodeRef,l=m.listeners,v=m.setNodeRef,f=m.transform,x=m.transition,y=m.isDragging;if(h(d)){return D("tr",e({},n))}var b=e({},n.style,{transform:w.Transform.toString(f&&e({},f,{scaleY:1})),transition:x,cursor:"move"},y?{position:"relative",zIndex:9999,boxShadow:" 0px 0px 12px 4px rgba(34, 33, 81, 0.1)",backgroundColor:"var(--block-bg-color)"}:{});var K=o||D(I,{});return u("tr",e({},n,{ref:v,style:b,key:d}),j.map(t.children,(function(i){if(i.key==="__sort"){return g(i,{children:D("span",e({ref:p,style:{touchAction:"none",cursor:"move"}},l,{children:D(F,{style:{touchAction:"none",cursor:"move",padding:"1px 0px",margin:0,justifyContent:"center",color:"#787878"},icon:K,onClick:k})}))})}return i})))};var B=function i(r){var t=_();return D(P,e({},r,{dragIcon:t.dragIcon,uidFieldKey:t.uidFieldKey,getTableItemDataByFormListItemKey:t.getTableItemDataByFormListItemKey}))};var L=["dragIcon","uidFieldKey","onDragChange","disabledDrag"];var T=v((function(a,c){var u,j;var g=a.dragIcon,v=a.uidFieldKey,b=a.onDragChange,I=a.disabledDrag,w=i(a,L);var h=l.useFormInstance();var k=l.useWatch(a.name,h);var F=f(null);x(c,(function(){return F.current}));var K=r(t(o,{activationConstraint:{delay:0,tolerance:0}}));var _=function i(e){var r=e.active,t=e.over;if(r.id!==(t==null?void 0:t.id)){var o=k.findIndex((function(i){return i[v]===r.id}));var n=k.findIndex((function(i){return i[v]===(t==null?void 0:t.id)}));var s=p(k,o,n);h.setFields([{name:a.name,value:s}]);b==null?void 0:b(s,{activeId:r.id,activeIndex:o,overIndex:n})}};var O=I?w.columns:[{dataIndex:"__sort",width:50,key:"__sort"}].concat(w.columns||[]);return D(C,{value:{dragIcon:g,uidFieldKey:v,getTableItemDataByFormListItemKey:function i(e){var r;return(r=F.current)==null?void 0:r.getTableItemDataByFormListItemKey(e)}},children:D(n,{sensors:K,modifiers:[s],onDragEnd:_,children:D(d,{items:(k==null?void 0:k.map((function(i){return i[v]})))||[],strategy:m,children:D(y,e({ref:F},w,{columns:O,tableProps:e({},w.tableProps,{components:e({},(u=w.tableProps)==null?void 0:u.components,{body:e({},(j=w.tableProps)==null||(j=j.components)==null?void 0:j.body,{row:I?undefined:B})})})}))})})})}));export{T as DragEditableTable};
 //# sourceMappingURL=index.js.map

package/esm/drag-editable-table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drag-editable-table/context.ts","@flatbiz/antd/src/drag-editable-table/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table/row.tsx","@flatbiz/antd/src/drag-editable-table/drag.tsx"],"sourcesContent":["import { type TPlainObject } from '@flatbiz/utils';\nimport { createCtx } from '@wove/react';\nimport { type ReactElement } from 'react';\n\nexport const [getCtx, CtxProvider] = createCtx<{\n  dragIcon?: ReactElement;\n  getTableItemDataByFormListItemKey?: (key: number) => TPlainObject;\n  uidFieldKey: string;\n}>();\n","import { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop, type TPlainObject } from '@flatbiz/utils';\nimport { type RowProps } from 'antd';\nimport { Children, cloneElement, useMemo, type ReactElement } from 'react';\nimport { IconWrapper } from '../icon-wrapper';\n\ntype TableTrHandleProps = RowProps & {\n  dragIcon?: ReactElement;\n  getTableItemDataByFormListItemKey: (key: number) => TPlainObject;\n  uidFieldKey: string;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n  const { dragIcon, ...innerProps } = props;\n  const rowId = innerProps['data-row-key'] as number;\n\n  const uidValue = useMemo(() => {\n    return !isUndefinedOrNull(rowId)\n      ? props.getTableItemDataByFormListItemKey(rowId)?.[props.uidFieldKey]\n      : undefined;\n  }, [props, rowId]);\n\n  const { setActivatorNodeRef, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: uidValue,\n  });\n\n  if (isUndefinedOrNull(uidValue)) {\n    return <tr {...innerProps} />;\n  }\n  const style: React.CSSProperties = {\n    ...innerProps.style,\n    transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n    transition,\n    cursor: 'move',\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n          boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n          backgroundColor: 'var(--block-bg-color)',\n        }\n      : {}),\n  };\n  const iconElement = dragIcon || <DragOutlined />;\n  return (\n    <tr {...innerProps} ref={setNodeRef} style={style} key={uidValue}>\n      {Children.map(props.children, (child) => {\n        if ((child as React.ReactElement).key === '__sort') {\n          return cloneElement(child as React.ReactElement, {\n            children: (\n              <span ref={setActivatorNodeRef} style={{ touchAction: 'none', cursor: 'move' }} {...listeners}>\n                <IconWrapper\n                  style={{\n                    touchAction: 'none',\n                    cursor: 'move',\n                    padding: '1px 0px',\n                    margin: 0,\n                    justifyContent: 'center',\n                    color: '#787878',\n                  }}\n                  icon={iconElement}\n                  onClick={noop}\n                />\n              </span>\n            ),\n          });\n        }\n        return child;\n      })}\n    </tr>\n  );\n};\n","import { getCtx } from './context';\nimport { TableTrHandle } from './table-tr-handle';\n\nexport const Row = (props) => {\n  const ctx = getCtx();\n  return (\n    <TableTrHandle\n      {...props}\n      dragIcon={ctx.dragIcon}\n      uidFieldKey={ctx.uidFieldKey}\n      getTableItemDataByFormListItemKey={ctx.getTableItemDataByFormListItemKey}\n    />\n  );\n};\n","import { DndContext, PointerSensor, useSensor, useSensors, type DragEndEvent } from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { Form } from 'antd';\nimport { forwardRef, useImperativeHandle, useRef, type ReactElement } from 'react';\nimport { EditableTable, EditableTableProps, EditableTableRefApi } from '../editable-table';\nimport { CtxProvider } from './context';\nimport { Row } from './row';\n\nexport type DragEditableTableProps = EditableTableProps & {\n  /**\n   * 拖拽图标自定义，默认使用 DragOutlined 图标\n   */\n  dragIcon?: ReactElement;\n\n  /** 禁用拖拽 */\n  disabledDrag?: boolean;\n  /**\n   * 表格数据唯一值字段Key\n   * ```\n   * ```\n   */\n  uidFieldKey: string;\n  /**\n   * 拖拽结束事件\n   * ```\n   * dataSource: 拖拽完成后的数据源\n   * dragData\n   * 1. activeId 拖拽ID\n   * 2. activeIndex 拖拽起始表格数组索引值\n   * 3. overIndex 拖拽结束表格数组索引值\n   * ```\n   */\n  onDragChange?: (\n    dataSource: TPlainObject[],\n    dragData: {\n      activeId: string | number;\n      activeIndex: number;\n      overIndex: number;\n    },\n  ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * ```\n * 1. 表格数据必须要有唯一值字段，通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * ```\n */\nexport const DragEditableTable = forwardRef<EditableTableRefApi, DragEditableTableProps>((props, ref) => {\n  const { dragIcon, uidFieldKey, onDragChange, disabledDrag, ...otherProps } = props;\n  const form = Form.useFormInstance();\n  const dataList = Form.useWatch(props.name, form);\n\n  const editableTableRef = useRef<EditableTableRefApi>(null);\n\n  useImperativeHandle(ref, () => {\n    return editableTableRef.current as EditableTableRefApi;\n  });\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        // 当拖拽触发区域有其他点击事件时，需要延迟触发拖拽动作\n        delay: 0,\n        tolerance: 0,\n      },\n    }),\n  );\n\n  const onDragEnd = ({ active, over }: DragEndEvent) => {\n    if (active.id !== over?.id) {\n      const activeIndex = dataList.findIndex((i) => i[uidFieldKey] === active.id);\n      const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n      const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n      form.setFields([\n        {\n          name: props.name,\n          value: dataListNew,\n        },\n      ]);\n      onDragChange?.(dataListNew as TPlainObject[], {\n        activeId: active.id,\n        activeIndex,\n        overIndex,\n      });\n    }\n  };\n\n  const columns = disabledDrag\n    ? otherProps.columns\n    : [{ dataIndex: '__sort', width: 50, key: '__sort' }].concat((otherProps.columns || []) as TAny[]);\n\n  return (\n    <CtxProvider\n      value={{\n        dragIcon,\n        uidFieldKey,\n        getTableItemDataByFormListItemKey: (key) => {\n          return editableTableRef.current?.getTableItemDataByFormListItemKey(key) as TPlainObject;\n        },\n      }}\n    >\n      <DndContext sensors={sensors} modifiers={[restrictToVerticalAxis]} onDragEnd={onDragEnd}>\n        <SortableContext\n          items={dataList?.map((i) => i[uidFieldKey]) || []}\n          strategy={verticalListSortingStrategy}\n        >\n          <EditableTable\n            ref={editableTableRef}\n            {...otherProps}\n            columns={columns}\n            tableProps={{\n              ...otherProps.tableProps,\n              components: {\n                ...otherProps.tableProps?.components,\n                body: {\n                  ...otherProps.tableProps?.components?.body,\n                  row: disabledDrag ? undefined : Row,\n                },\n              },\n            }}\n          />\n        </SortableContext>\n      </DndContext>\n    </CtxProvider>\n  );\n});\n"],"names":["_createCtx","_createCtx2","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutPropertiesLoose","_excluded","rowId","uidValue","useMemo","_props$getTableItemDa","isUndefinedOrNull","getTableItemDataByFormListItemKey","uidFieldKey","undefined","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","_jsx","_extends","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","IconWrapper","padding","margin","justifyContent","color","icon","onClick","noop","Row","ctx","DragEditableTable","forwardRef","_otherProps$tableProp","_otherProps$tableProp2","onDragChange","disabledDrag","otherProps","form","Form","useFormInstance","dataList","useWatch","name","editableTableRef","useRef","useImperativeHandle","current","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","value","activeId","columns","dataIndex","width","concat","_editableTableRef$cur","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTable","tableProps","components","body","row"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drag-editable-table/context.ts","@flatbiz/antd/src/drag-editable-table/table-tr-handle.tsx","@flatbiz/antd/src/drag-editable-table/row.tsx","@flatbiz/antd/src/drag-editable-table/drag.tsx"],"sourcesContent":["import { type TPlainObject } from '@flatbiz/utils';\nimport { createCtx } from '@wove/react';\nimport { type ReactElement } from 'react';\n\nexport const [getCtx, CtxProvider] = createCtx<{\n  dragIcon?: ReactElement;\n  getTableItemDataByFormListItemKey?: (key: number) => TPlainObject;\n  uidFieldKey: string;\n}>();\n","import { DragOutlined } from '@ant-design/icons';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { isUndefinedOrNull, noop, type TPlainObject } from '@flatbiz/utils';\nimport { type RowProps } from 'antd';\nimport { Children, cloneElement, useMemo, type ReactElement } from 'react';\nimport { IconWrapper } from '../icon-wrapper';\n\ntype TableTrHandleProps = RowProps & {\n  dragIcon?: ReactElement;\n  getTableItemDataByFormListItemKey: (key: number) => TPlainObject;\n  uidFieldKey: string;\n};\nexport const TableTrHandle = (props: TableTrHandleProps) => {\n  const { dragIcon, ...innerProps } = props;\n  const rowId = innerProps['data-row-key'] as number;\n\n  const uidValue = useMemo(() => {\n    return !isUndefinedOrNull(rowId)\n      ? props.getTableItemDataByFormListItemKey(rowId)?.[props.uidFieldKey]\n      : undefined;\n  }, [props, rowId]);\n\n  const { setActivatorNodeRef, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id: uidValue,\n  });\n\n  if (isUndefinedOrNull(uidValue)) {\n    return <tr {...innerProps} />;\n  }\n  const style: React.CSSProperties = {\n    ...innerProps.style,\n    transform: CSS.Transform.toString(transform && { ...transform, scaleY: 1 }),\n    transition,\n    cursor: 'move',\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n          boxShadow: ' 0px 0px 12px 4px rgba(34, 33, 81, 0.1)',\n          backgroundColor: 'var(--block-bg-color)',\n        }\n      : {}),\n  };\n  const iconElement = dragIcon || <DragOutlined />;\n  return (\n    <tr {...innerProps} ref={setNodeRef} style={style} key={uidValue}>\n      {Children.map(props.children, (child) => {\n        if ((child as React.ReactElement).key === '__sort') {\n          return cloneElement(child as React.ReactElement, {\n            children: (\n              <span ref={setActivatorNodeRef} style={{ touchAction: 'none', cursor: 'move' }} {...listeners}>\n                <IconWrapper\n                  style={{\n                    touchAction: 'none',\n                    cursor: 'move',\n                    padding: '1px 0px',\n                    margin: 0,\n                    justifyContent: 'center',\n                    color: '#787878',\n                  }}\n                  icon={iconElement}\n                  onClick={noop}\n                />\n              </span>\n            ),\n          });\n        }\n        return child;\n      })}\n    </tr>\n  );\n};\n","import { getCtx } from './context';\nimport { TableTrHandle } from './table-tr-handle';\n\nexport const Row = (props) => {\n  const ctx = getCtx();\n  return (\n    <TableTrHandle\n      {...props}\n      dragIcon={ctx.dragIcon}\n      uidFieldKey={ctx.uidFieldKey}\n      getTableItemDataByFormListItemKey={ctx.getTableItemDataByFormListItemKey}\n    />\n  );\n};\n","import { DndContext, PointerSensor, useSensor, useSensors, type DragEndEvent } from '@dnd-kit/core';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { type TAny, type TPlainObject } from '@flatbiz/utils';\nimport { Form } from 'antd';\nimport { forwardRef, useImperativeHandle, useRef, type ReactElement } from 'react';\nimport { EditableTable, EditableTableProps, EditableTableRefApi } from '../editable-table';\nimport { CtxProvider } from './context';\nimport { Row } from './row';\n\nexport type DragEditableTableProps = EditableTableProps & {\n  /**\n   * 拖拽图标自定义，默认使用 DragOutlined 图标\n   */\n  dragIcon?: ReactElement;\n\n  /** 禁用拖拽 */\n  disabledDrag?: boolean;\n  /**\n   * 表格数据唯一值字段Key\n   * ```\n   * ```\n   */\n  uidFieldKey: string;\n  /**\n   * 拖拽结束事件\n   * ```\n   * dataSource: 拖拽完成后的数据源\n   * dragData\n   * 1. activeId 拖拽ID\n   * 2. activeIndex 拖拽起始表格数组索引值\n   * 3. overIndex 拖拽结束表格数组索引值\n   * ```\n   */\n  onDragChange?: (\n    dataSource: TPlainObject[],\n    dragData: {\n      activeId: string | number;\n      activeIndex: number;\n      overIndex: number;\n    },\n  ) => void;\n};\n\n/**\n * 可拖拽编辑表格\n * ```\n * 1. 表格数据必须要有唯一值字段，通过参数 uidFieldKey 告诉组件\n * 2. Table 参数 components.body.row 被组件内部使用\n * ```\n */\nexport const DragEditableTable = forwardRef<EditableTableRefApi, DragEditableTableProps>((props, ref) => {\n  const { dragIcon, uidFieldKey, onDragChange, disabledDrag, ...otherProps } = props;\n  const form = Form.useFormInstance();\n  const dataList = Form.useWatch(props.name, form);\n\n  const editableTableRef = useRef<EditableTableRefApi>(null);\n\n  useImperativeHandle(ref, () => {\n    return editableTableRef.current as EditableTableRefApi;\n  });\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        // 当拖拽触发区域有其他点击事件时，需要延迟触发拖拽动作\n        delay: 0,\n        tolerance: 0,\n      },\n    }),\n  );\n\n  const onDragEnd = ({ active, over }: DragEndEvent) => {\n    if (active.id !== over?.id) {\n      const activeIndex = dataList.findIndex((i) => i[uidFieldKey] === active.id);\n      const overIndex = dataList.findIndex((i) => i[uidFieldKey] === over?.id);\n      const dataListNew = arrayMove(dataList, activeIndex, overIndex);\n      form.setFields([\n        {\n          name: props.name,\n          value: dataListNew,\n        },\n      ]);\n      onDragChange?.(dataListNew as TPlainObject[], {\n        activeId: active.id,\n        activeIndex,\n        overIndex,\n      });\n    }\n  };\n\n  const columns = disabledDrag\n    ? otherProps.columns\n    : [{ dataIndex: '__sort', width: 50, key: '__sort' }].concat((otherProps.columns || []) as TAny[]);\n\n  return (\n    <CtxProvider\n      value={{\n        dragIcon,\n        uidFieldKey,\n        getTableItemDataByFormListItemKey: (key) => {\n          return editableTableRef.current?.getTableItemDataByFormListItemKey(key) as TPlainObject;\n        },\n      }}\n    >\n      <DndContext sensors={sensors} modifiers={[restrictToVerticalAxis]} onDragEnd={onDragEnd}>\n        <SortableContext\n          items={dataList?.map((i) => i[uidFieldKey]) || []}\n          strategy={verticalListSortingStrategy}\n        >\n          <EditableTable\n            ref={editableTableRef}\n            {...otherProps}\n            columns={columns}\n            tableProps={{\n              ...otherProps.tableProps,\n              components: {\n                ...otherProps.tableProps?.components,\n                body: {\n                  ...otherProps.tableProps?.components?.body,\n                  row: disabledDrag ? undefined : Row,\n                },\n              },\n            }}\n          />\n        </SortableContext>\n      </DndContext>\n    </CtxProvider>\n  );\n});\n"],"names":["_createCtx","_createCtx2","getCtx","CtxProvider","TableTrHandle","props","dragIcon","innerProps","_objectWithoutPropertiesLoose","_excluded","rowId","uidValue","useMemo","_props$getTableItemDa","isUndefinedOrNull","getTableItemDataByFormListItemKey","uidFieldKey","undefined","_useSortable","useSortable","id","setActivatorNodeRef","listeners","setNodeRef","transform","transition","isDragging","_jsx","_extends","style","CSS","Transform","toString","scaleY","cursor","position","zIndex","boxShadow","backgroundColor","iconElement","_DragOutlined","_createElement","ref","key","Children","map","children","child","cloneElement","touchAction","IconWrapper","padding","margin","justifyContent","color","icon","onClick","noop","Row","ctx","DragEditableTable","forwardRef","_otherProps$tableProp","_otherProps$tableProp2","onDragChange","disabledDrag","otherProps","form","Form","useFormInstance","dataList","useWatch","name","editableTableRef","useRef","useImperativeHandle","current","sensors","useSensors","useSensor","PointerSensor","activationConstraint","delay","tolerance","onDragEnd","_ref","active","over","activeIndex","findIndex","i","overIndex","dataListNew","arrayMove","setFields","value","activeId","columns","dataIndex","width","concat","_editableTableRef$cur","DndContext","modifiers","restrictToVerticalAxis","SortableContext","items","strategy","verticalListSortingStrategy","EditableTable","tableProps","components","body","row"],"mappings":"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"}