@flatbiz/antd 4.2.94 → 4.2.95

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 p}from"@dimjs/lang/cjs/is-promise";import{hooks as a}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"../config-provider-wrapper/index.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"../index-ac189a77.js";import"@dimjs/utils/cjs/extend";import"@ant-design/icons/es/icons/ExclamationCircleFilled";import"../dialog-confirm/index.js";import"../dialog-modal/index.js";import"ahooks";import"react-dom/client";import"../flex-layout/index.js";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=a.useCallbackRef((function(i,r){var e=i.onClick==null?void 0:i.onClick(r);if(e&&p(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(b,{content:i,hoverTips:i.hoverTips,tipsType:i.tipsType},n)}var o=i.text,t=i.onClick,s=i.needConfirm,p=i.confirmMessage,a=i.popconfirmProps,l=i.hoverTips,c=e(i,w);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},a,{title:p,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(b,{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(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};
+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-34027e61.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"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};
 //# 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  hidden?: boolean;\n  /** hover 提示文字，isFold=true无效 */\n  hoverTips?: string | React.ReactElement;\n  /** hover 提示类型 默认：'tooltip' */\n  tipsType?: 'popover' | 'tooltip';\n  text?: string | ReactElement;\n  color?: string;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  permission?: 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  /**\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  wrap?: boolean;\n  foldIcon?: ReactElement;\n  className?: string;\n  split?: boolean;\n  spaceProps?: SpaceProps;\n  /** 间距，默认：10；split=true配置下无效（可通过spaceProps设置间距） */\n  gap?: number;\n  style?: CSSProperties;\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  hidden?: boolean;\n  /** hover 提示文字，isFold=true无效 */\n  hoverTips?: string | React.ReactElement;\n  /** hover 提示类型 默认：'tooltip' */\n  tipsType?: 'popover' | 'tooltip';\n  text?: string | ReactElement;\n  color?: string;\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  permission?: 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  /**\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  wrap?: boolean;\n  foldIcon?: ReactElement;\n  className?: string;\n  split?: boolean;\n  spaceProps?: SpaceProps;\n  /** 间距，默认：10；split=true配置下无效（可通过spaceProps设置间距） */\n  gap?: number;\n  style?: CSSProperties;\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/button-wrapper/index.js

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

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

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

package/esm/color-picker-wrapper/index.js

@@ -1,5 +1,6 @@
 /* eslint-disable */
+import './../icon-wrapper/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import e from"@ant-design/icons/es/icons/CloseCircleOutlined";import{_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{IconWrapper as o}from"@flatbiz/antd";import{ColorPicker as r}from"antd";import{useState as i,useEffect as l}from"react";import{jsxs as t,jsx as a}from"react/jsx-runtime";var c=function c(d){var m=i(),u=m[0],s=m[1];l((function(){s(d.value)}),[d.value]);return t("div",{className:"color-picker-wrapper",children:[a(r,n({},d,{onChange:function e(n){s(n.toHexString());d.onChange==null?void 0:d.onChange(n.toHexString())},children:!u?a("div",{className:"color-placeholder",children:"请选择颜色"}):undefined})),u?a(o,{icon:a(e,{}),onClick:function e(){d.onChange==null?void 0:d.onChange(undefined)},size:"small",style:{marginLeft:10,color:"#cfcece"},hideHoverBgColor:true}):null]})};export{c as ColorPickerWrapper};
+import e from"@ant-design/icons/es/icons/CloseCircleOutlined";import{_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{ColorPicker as o}from"antd";import{useState as r,useEffect as i}from"react";import{IconWrapper as l}from"../icon-wrapper/index.js";import{jsxs as c,jsx as t}from"react/jsx-runtime";import"@dimjs/utils/cjs/class-names";var a=function a(s){var m=r(),d=m[0],u=m[1];i((function(){u(s.value)}),[s.value]);return c("div",{className:"color-picker-wrapper",children:[t(o,n({},s,{onChange:function e(n){u(n.toHexString());s.onChange==null?void 0:s.onChange(n.toHexString())},children:!d?t("div",{className:"color-placeholder",children:"请选择颜色"}):undefined})),d?t(l,{icon:t(e,{}),onClick:function e(){s.onChange==null?void 0:s.onChange(undefined)},size:"small",style:{marginLeft:10,color:"#cfcece"},hideHoverBgColor:true}):null]})};export{a as ColorPickerWrapper};
 //# sourceMappingURL=index.js.map

package/esm/color-picker-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/color-picker-wrapper/color-picker.tsx"],"sourcesContent":["import { CloseCircleOutlined } from '@ant-design/icons';\nimport { IconWrapper } from '@flatbiz/antd';\nimport { ColorPicker, type ColorPickerProps } from 'antd';\nimport { useEffect, useState } from 'react';\nimport './style.less';\n\nexport type ColorPickerWrapperProps = Omit<ColorPickerProps, 'value' | 'onChange'> & {\n  /** 格式：#1677ff */\n  value?: string;\n  /** 转换成 hex 格式颜色字符串，返回格式如：#1677ff  */\n  onChange?: (hex?: string) => void;\n  viewMinWidth?: number;\n};\n\nexport const ColorPickerWrapper = (props: ColorPickerWrapperProps) => {\n  const [color, setColor] = useState<string>();\n\n  useEffect(() => {\n    setColor(props.value);\n  }, [props.value]);\n\n  return (\n    <div className=\"color-picker-wrapper\">\n      <ColorPicker\n        {...props}\n        onChange={(color) => {\n          setColor(color.toHexString());\n          props.onChange?.(color.toHexString());\n        }}\n      >\n        {!color ? <div className=\"color-placeholder\">请选择颜色</div> : undefined}\n      </ColorPicker>\n\n      {color ? (\n        <IconWrapper\n          icon={<CloseCircleOutlined />}\n          onClick={() => {\n            props.onChange?.(undefined);\n          }}\n          size=\"small\"\n          style={{ marginLeft: 10, color: '#cfcece' }}\n          hideHoverBgColor\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["ColorPickerWrapper","props","_useState","useState","color","setColor","useEffect","value","_jsxs","className","children","_jsx","ColorPicker","_extends","onChange","toHexString","undefined","IconWrapper","icon","_CloseCircleOutlined","onClick","size","style","marginLeft","hideHoverBgColor"],"mappings":";gTAcaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAAC,EAA0BC,IAAnBC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEtBI,GAAU,WACRD,EAASJ,EAAMM,MACjB,GAAG,CAACN,EAAMM,QAEV,OACEC,EAAA,MAAA,CAAKC,UAAU,uBAAsBC,UACnCC,EAACC,EAAWC,KACNZ,EAAK,CACTa,SAAU,SAAAA,EAACV,GACTC,EAASD,EAAMW,eACfd,EAAMa,UAANb,UAAAA,EAAAA,EAAMa,SAAWV,EAAMW,cACvB,EAAAL,UAEAN,EAAQO,EAAA,MAAA,CAAKF,UAAU,oBAAmBC,SAAC,UAAcM,aAG5DZ,EACCO,EAACM,EAAW,CACVC,KAAMP,EAAAQ,MACNC,QAAS,SAAAA,IACPnB,EAAMa,UAANb,UAAAA,EAAAA,EAAMa,SAAWE,UACjB,EACFK,KAAK,QACLC,MAAO,CAAEC,WAAY,GAAInB,MAAO,WAChCoB,iBAAgB,OAEhB,OAGV"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/color-picker-wrapper/color-picker.tsx"],"sourcesContent":["import { CloseCircleOutlined } from '@ant-design/icons';\nimport { ColorPicker, type ColorPickerProps } from 'antd';\nimport { useEffect, useState } from 'react';\nimport { IconWrapper } from '../icon-wrapper';\nimport './style.less';\n\nexport type ColorPickerWrapperProps = Omit<ColorPickerProps, 'value' | 'onChange'> & {\n  /** 格式：#1677ff */\n  value?: string;\n  /** 转换成 hex 格式颜色字符串，返回格式如：#1677ff  */\n  onChange?: (hex?: string) => void;\n  viewMinWidth?: number;\n};\n\nexport const ColorPickerWrapper = (props: ColorPickerWrapperProps) => {\n  const [color, setColor] = useState<string>();\n\n  useEffect(() => {\n    setColor(props.value);\n  }, [props.value]);\n\n  return (\n    <div className=\"color-picker-wrapper\">\n      <ColorPicker\n        {...props}\n        onChange={(color) => {\n          setColor(color.toHexString());\n          props.onChange?.(color.toHexString());\n        }}\n      >\n        {!color ? <div className=\"color-placeholder\">请选择颜色</div> : undefined}\n      </ColorPicker>\n\n      {color ? (\n        <IconWrapper\n          icon={<CloseCircleOutlined />}\n          onClick={() => {\n            props.onChange?.(undefined);\n          }}\n          size=\"small\"\n          style={{ marginLeft: 10, color: '#cfcece' }}\n          hideHoverBgColor\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":["ColorPickerWrapper","props","_useState","useState","color","setColor","useEffect","value","_jsxs","className","children","_jsx","ColorPicker","_extends","onChange","toHexString","undefined","IconWrapper","icon","_CloseCircleOutlined","onClick","size","style","marginLeft","hideHoverBgColor"],"mappings":";gWAcaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAAC,EAA0BC,IAAnBC,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEtBI,GAAU,WACRD,EAASJ,EAAMM,MACjB,GAAG,CAACN,EAAMM,QAEV,OACEC,EAAA,MAAA,CAAKC,UAAU,uBAAsBC,UACnCC,EAACC,EAAWC,KACNZ,EAAK,CACTa,SAAU,SAAAA,EAACV,GACTC,EAASD,EAAMW,eACfd,EAAMa,UAANb,UAAAA,EAAAA,EAAMa,SAAWV,EAAMW,cACvB,EAAAL,UAEAN,EAAQO,EAAA,MAAA,CAAKF,UAAU,oBAAmBC,SAAC,UAAcM,aAG5DZ,EACCO,EAACM,EAAW,CACVC,KAAMP,EAAAQ,MACNC,QAAS,SAAAA,IACPnB,EAAMa,UAANb,UAAAA,EAAAA,EAAMa,SAAWE,UACjB,EACFK,KAAK,QACLC,MAAO,CAAEC,WAAY,GAAInB,MAAO,WAChCoB,iBAAgB,OAEhB,OAGV"}

package/esm/config-provider-wrapper/index.js

@@ -3,5 +3,5 @@ import './../fba-hooks/index.css';
 import './../types/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{ConfigProvider as r}from"antd";import a from"antd/es/locale/en_US";import t from"antd/es/locale/zh_CN";import n from"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import m from"dayjs/plugin/advancedFormat";import i from"dayjs/plugin/customParseFormat";import s from"dayjs/plugin/localeData";import d from"dayjs/plugin/utc";import l from"dayjs/plugin/weekday";import p from"dayjs/plugin/weekOfYear";import c from"dayjs/plugin/weekYear";import{fbaHooks as j}from"../fba-hooks/index.js";import{s as f}from"../index-ac189a77.js";import{jsx as u}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"react";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";var y=["locale"];n.extend(i);n.extend(m);n.extend(l);n.extend(s);n.extend(p);n.extend(c);n.extend(d);var x={en:{dayjs:"en",antd:a},"zh-cn":{dayjs:"zh-cn",antd:t}};var h=function a(t){var m=t.locale,i=e(t,y);var s=m||"zh-cn";j.useEffectCustom((function(){f(s,t.customLocaleMessage);n.locale(x[s].dayjs||x["zh-cn"].dayjs)}),[]);return u(r,o({componentSize:"middle",space:{size:"middle"}},i,{locale:x[s].antd||x["zh-cn"].antd,children:t.children}))};export{h as ConfigProviderWrapper};
+export{C as ConfigProviderWrapper}from"../index-34027e61.js";import"../_rollupPluginBabelHelpers-a0769acd.js";import"antd";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"@wove/react/cjs/hooks";import"react";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"react/jsx-runtime";
 //# sourceMappingURL=index.js.map

package/esm/config-provider-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/config-provider-wrapper/config-provider-wrapper.tsx"],"sourcesContent":["import { ConfigProvider } from 'antd';\nimport { ConfigProviderProps } from 'antd/es/config-provider';\nimport enUS from 'antd/es/locale/en_US';\nimport zhCN from 'antd/es/locale/zh_CN';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/en';\nimport 'dayjs/locale/zh-cn';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport localeData from 'dayjs/plugin/localeData';\nimport dayjsUtc from 'dayjs/plugin/utc';\nimport weekday from 'dayjs/plugin/weekday';\nimport weekOfYear from 'dayjs/plugin/weekOfYear';\nimport weekYear from 'dayjs/plugin/weekYear';\nimport { fbaHooks } from '../fba-hooks';\nimport { TFbaLocale, TLocale } from '../types';\nimport { setFbaLocaleMessage } from '../_utils/i18n';\ndayjs.extend(customParseFormat);\ndayjs.extend(advancedFormat);\ndayjs.extend(weekday);\ndayjs.extend(localeData);\ndayjs.extend(weekOfYear);\ndayjs.extend(weekYear);\ndayjs.extend(dayjsUtc);\n\nexport type ConfigProviderWrapperProps = Omit<ConfigProviderProps, 'locale'> & {\n  locale?: TLocale;\n  /** 自定义国际化数据 */\n  customLocaleMessage?: Partial<TFbaLocale>;\n};\n\nconst localeMap = {\n  en: {\n    dayjs: 'en',\n    antd: enUS,\n  },\n  'zh-cn': {\n    dayjs: 'zh-cn',\n    antd: zhCN,\n  },\n};\n\nexport const ConfigProviderWrapper = (props: ConfigProviderWrapperProps) => {\n  const { locale, ...otherProps } = props;\n  const localeNew = locale || 'zh-cn';\n  fbaHooks.useEffectCustom(() => {\n    setFbaLocaleMessage(localeNew, props.customLocaleMessage);\n    dayjs.locale(localeMap[localeNew].dayjs || localeMap['zh-cn'].dayjs);\n  }, []);\n  return (\n    <ConfigProvider\n      componentSize={'middle'}\n      space={{ size: 'middle' }}\n      {...otherProps}\n      locale={localeMap[localeNew].antd || localeMap['zh-cn'].antd}\n    >\n      {props.children}\n    </ConfigProvider>\n  );\n};\n"],"names":["dayjs","extend","customParseFormat","advancedFormat","weekday","localeData","weekOfYear","weekYear","dayjsUtc","localeMap","en","antd","enUS","zhCN","ConfigProviderWrapper","props","locale","otherProps","_objectWithoutPropertiesLoose","_excluded","localeNew","fbaHooks","useEffectCustom","setFbaLocaleMessage","customLocaleMessage","_jsx","ConfigProvider","_extends","componentSize","space","size","children"],"mappings":";szBAiBAA,EAAMC,OAAOC,GACbF,EAAMC,OAAOE,GACbH,EAAMC,OAAOG,GACbJ,EAAMC,OAAOI,GACbL,EAAMC,OAAOK,GACbN,EAAMC,OAAOM,GACbP,EAAMC,OAAOO,GAQb,IAAMC,EAAY,CAChBC,GAAI,CACFV,MAAO,KACPW,KAAMC,GAER,QAAS,CACPZ,MAAO,QACPW,KAAME,QAIGC,EAAwB,SAAxBA,EAAyBC,GACpC,IAAQC,EAA0BD,EAA1BC,OAAWC,EAAUC,EAAKH,EAAKI,GACvC,IAAMC,EAAYJ,GAAU,QAC5BK,EAASC,iBAAgB,WACvBC,EAAoBH,EAAWL,EAAMS,qBACrCxB,EAAMgB,OAAOP,EAAUW,GAAWpB,OAASS,EAAU,SAAST,MAC/D,GAAE,IACH,OACEyB,EAACC,EAAcC,EAAA,CACbC,cAAe,SACfC,MAAO,CAAEC,KAAM,WACXb,EAAU,CACdD,OAAQP,EAAUW,GAAWT,MAAQF,EAAU,SAASE,KAAKoB,SAE5DhB,EAAMgB,WAGb"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -1,8 +1,9 @@
 /* eslint-disable */
 import './../date-range-picker-wrapper/index.css';
 import './../fba-hooks/index.css';
+import './../form-item-wrapper/index.css';
 import './../types/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{a as e,_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as r}from"@wove/react/cjs/hooks";import{isArray as a}from"@dimjs/lang/cjs/is-array";import{Form as t,Input as o}from"antd";import{useMemo as i,useRef as l,forwardRef as u,useImperativeHandle as s}from"react";import{DateRangePickerWrapper as m}from"../date-range-picker-wrapper/index.js";import{fbaHooks as c}from"../fba-hooks/index.js";import{jsxs as v,Fragment as d,jsx as f}from"react/jsx-runtime";import"@flatbiz/utils";import"dayjs";import"../time-53b3f55f.js";import"../use-responsive-point-21b8c601.js";var p=["startName","endName","formListName","dateRangePickerWrapperProps"];var h=function o(u){var s=u.startName,h=u.endName,C=u.formListName,_=u.dateRangePickerWrapperProps,j=e(u,p);var P=t.useFormInstance();var k=i((function(){if(a(s)&&a(h)){return s.slice(0,s.length-1).concat("__#invalid_date_"+s[s.length-1]+"_"+h[h.length-1])}return"__#invalid_date_"+s+"_"+h}),[s,h]);var N=i((function(){return C?[].concat(C,s):s}),[s,C]);var b=i((function(){return C?[].concat(C,h):h}),[h,C]);var x=t.useWatch(N,P);var F=t.useWatch(b,P);var I=c.usePrevious(x);var W=c.usePrevious(F);c.useEffectCustom((function(){var e=C?[].concat(C,k):k;if(x&&F){P.setFields([{name:e,value:[x,F]}])}if(I&&W&&!x&&!F){P.setFields([{name:e,value:undefined}])}}),[x,F]);var R=l(null);var w=l(null);var y=r.useCallbackRef((function(e){var n,r;P.setFields([{name:N,value:e==null?void 0:e[0]},{name:b,value:e==null?void 0:e[1]}]);(n=R.current)==null||n.onChange==null?void 0:n.onChange(e==null?void 0:e[0]);(r=w.current)==null||r.onChange==null?void 0:r.onChange(e==null?void 0:e[1]);_==null||_.onChange==null?void 0:_.onChange(e)}));return v(d,{children:[f(t.Item,{name:s,hidden:true,children:f(g,{ref:R})}),f(t.Item,{name:h,hidden:true,children:f(g,{ref:w})}),f(t.Item,n({},j,{name:k,children:f(m,n({},_,{onChange:y}))}))]})};var g=u((function(e,n){s(n,(function(){return{onChange:function n(r){e.onChange==null?void 0:e.onChange(r)}}}));return f(o,{value:e.value})}));export{h as DateRangePickerWrapperFormItem};
+import{a as e,_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as r}from"@wove/react/cjs/hooks";import{isArray as a}from"@dimjs/lang/cjs/is-array";import{Form as t,Input as o}from"antd";import{useMemo as i,useRef as l,forwardRef as u,useImperativeHandle as m}from"react";import{DateRangePickerWrapper as s}from"../date-range-picker-wrapper/index.js";import{fbaHooks as c}from"../fba-hooks/index.js";import{FormItemWrapper as v}from"../form-item-wrapper/index.js";import{jsxs as d,Fragment as f,jsx as p}from"react/jsx-runtime";import"@flatbiz/utils";import"dayjs";import"../time-53b3f55f.js";import"../use-responsive-point-21b8c601.js";var h=["startName","endName","formListName","dateRangePickerWrapperProps"];var g=function o(u){var m=u.startName,g=u.endName,_=u.formListName,j=u.dateRangePickerWrapperProps,P=e(u,h);var k=t.useFormInstance();var N=i((function(){if(a(m)&&a(g)){return m.slice(0,m.length-1).concat("__#invalid_date_"+m[m.length-1]+"_"+g[g.length-1])}return"__#invalid_date_"+m+"_"+g}),[m,g]);var x=i((function(){return _?[].concat(_,m):m}),[m,_]);var b=i((function(){return _?[].concat(_,g):g}),[g,_]);var F=t.useWatch(x,k);var W=t.useWatch(b,k);var w=c.usePrevious(F);var I=c.usePrevious(W);c.useEffectCustom((function(){var e=_?[].concat(_,N):N;if(F&&W){k.setFields([{name:e,value:[F,W]}])}if(w&&I&&!F&&!W){k.setFields([{name:e,value:undefined}])}}),[F,W]);var R=l(null);var y=l(null);var L=r.useCallbackRef((function(e){var n,r;k.setFields([{name:x,value:e==null?void 0:e[0]},{name:b,value:e==null?void 0:e[1]}]);(n=R.current)==null||n.onChange==null?void 0:n.onChange(e==null?void 0:e[0]);(r=y.current)==null||r.onChange==null?void 0:r.onChange(e==null?void 0:e[1]);j==null||j.onChange==null?void 0:j.onChange(e)}));return d(f,{children:[p(t.Item,{name:m,hidden:true,children:p(C,{ref:R})}),p(t.Item,{name:g,hidden:true,children:p(C,{ref:y})}),p(v,n({},P,{name:N,children:p(s,n({},j,{onChange:L}))}))]})};var C=u((function(e,n){m(n,(function(){return{onChange:function n(r){e.onChange==null?void 0:e.onChange(r)}}}));return p(o,{value:e.value})}));export{g as DateRangePickerWrapperFormItem};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/date-range-picker-wrapper-form-item/date-range-picker-wrapper-form-item.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, FormItemProps, Input } from 'antd';\nimport { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\nimport { DateRangePickerWrapper, DateRangePickerWrapperProps } from '../date-range-picker-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { FormItemNamePath } from '../types';\n\nexport type DateRangePickerWrapperFormItemProps = Omit<FormItemProps, 'name'> & {\n  /**\n   * 开始的时间name\n   */\n  startName: FormItemNamePath;\n  /**\n   * 结束的时间name\n   */\n  endName: FormItemNamePath;\n  /**\n   * 如果 DateRangePickerWrapperFormItem 在Form.List场景下 必传\n   */\n  formListName?: FormItemNamePath;\n  dateRangePickerWrapperProps?: DateRangePickerWrapperProps;\n};\n/**\n * 包含了Form.Item组件的时间区间选择组件\n * ```\n * 1. 时间区间组件可以定义成两个字段操作，不用再通过数组处理\n * 2. 会在form中产生一个 `__#invalid_date_xxxx_xxxx` 的无效字段，可以直接忽略\n * ```\n */\nexport const DateRangePickerWrapperFormItem = (props: DateRangePickerWrapperFormItemProps) => {\n  const { startName, endName, formListName, dateRangePickerWrapperProps, ...otherProps } = props;\n  const form = Form.useFormInstance();\n  const bodyName = useMemo(() => {\n    if (isArray(startName) && isArray(endName)) {\n      return startName\n        .slice(0, startName.length - 1)\n        .concat(`__#invalid_date_${startName[startName.length - 1]}_${endName[endName.length - 1]}`);\n    }\n    return `__#invalid_date_${startName}_${endName}`;\n  }, [startName, endName]);\n\n  const startNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, startName) : startName;\n  }, [startName, formListName]);\n\n  const endNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, endName) : endName;\n  }, [endName, formListName]);\n\n  const startVal = Form.useWatch(startNameMerge, form);\n  const endVal = Form.useWatch(endNameMerge, form);\n  // const bodyVal = Form.useWatch(bodyName, form);\n\n  const preValue1 = fbaHooks.usePrevious(startVal);\n  const preValue2 = fbaHooks.usePrevious(endVal);\n\n  fbaHooks.useEffectCustom(() => {\n    const name = formListName ? ([] as (string | number)[]).concat(formListName, bodyName) : bodyName;\n    if (startVal && endVal) {\n      form.setFields([{ name, value: [startVal, endVal] }]);\n    }\n    if (preValue1 && preValue2 && !startVal && !endVal) {\n      form.setFields([{ name, value: undefined }]);\n    }\n  }, [startVal, endVal]);\n\n  const reftest = useRef<InputContentRef>(null);\n  const reftest2 = useRef<InputContentRef>(null);\n\n  const onChange = hooks.useCallbackRef((data) => {\n    form.setFields([\n      { name: startNameMerge, value: data?.[0] },\n      { name: endNameMerge, value: data?.[1] },\n    ]);\n    // 为了解决 外部Form onValuesChange获取到操作值\n    reftest.current?.onChange?.(data?.[0]);\n    reftest2.current?.onChange?.(data?.[1]);\n    dateRangePickerWrapperProps?.onChange?.(data);\n  });\n\n  return (\n    <>\n      <Form.Item name={startName} hidden>\n        <InputContent ref={reftest} />\n      </Form.Item>\n      <Form.Item name={endName} hidden>\n        <InputContent ref={reftest2} />\n      </Form.Item>\n      <Form.Item {...otherProps} name={bodyName}>\n        <DateRangePickerWrapper {...dateRangePickerWrapperProps} onChange={onChange} />\n      </Form.Item>\n    </>\n  );\n};\n\ntype InputContentProps = {\n  onChange?: (data: TAny) => void;\n  value?: string;\n};\n\ntype InputContentRef = {\n  onChange?: (data: TAny) => void;\n};\n\nconst InputContent = forwardRef<InputContentRef, InputContentProps>((props, ref) => {\n  useImperativeHandle(ref, () => {\n    return {\n      onChange: (startVal) => {\n        props.onChange?.(startVal);\n      },\n    };\n  });\n\n  return <Input value={props.value} />;\n});\n"],"names":["DateRangePickerWrapperFormItem","props","startName","endName","formListName","dateRangePickerWrapperProps","otherProps","_objectWithoutPropertiesLoose","_excluded","form","Form","useFormInstance","bodyName","useMemo","_isArray","slice","length","concat","startNameMerge","endNameMerge","startVal","useWatch","endVal","preValue1","fbaHooks","usePrevious","preValue2","useEffectCustom","name","setFields","value","undefined","reftest","useRef","reftest2","onChange","_hooks","useCallbackRef","data","_reftest$current","_reftest2$current","current","_jsxs","_Fragment","children","_jsx","Item","hidden","InputContent","ref","_extends","DateRangePickerWrapper","forwardRef","useImperativeHandle","Input"],"mappings":";6pBA+BaA,EAAiC,SAAjCA,EAAkCC,GAC7C,IAAQC,EAAiFD,EAAjFC,UAAWC,EAAsEF,EAAtEE,QAASC,EAA6DH,EAA7DG,aAAcC,EAA+CJ,EAA/CI,4BAAgCC,EAAUC,EAAKN,EAAKO,GAC9F,IAAMC,EAAOC,EAAKC,kBAClB,IAAMC,EAAWC,GAAQ,WACvB,GAAIC,EAAQZ,IAAcY,EAAQX,GAAU,CAC1C,OAAOD,EACJa,MAAM,EAAGb,EAAUc,OAAS,GAC5BC,OAA0Bf,mBAAAA,EAAUA,EAAUc,OAAS,GAAMb,IAAAA,EAAQA,EAAQa,OAAS,GAC3F,CACA,MAA0Bd,mBAAAA,MAAaC,CACzC,GAAG,CAACD,EAAWC,IAEf,IAAMe,EAAiBL,GAAQ,WAC7B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcF,GAAaA,CACtF,GAAG,CAACA,EAAWE,IAEf,IAAMe,EAAeN,GAAQ,WAC3B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcD,GAAWA,CACpF,GAAG,CAACA,EAASC,IAEb,IAAMgB,EAAWV,EAAKW,SAASH,EAAgBT,GAC/C,IAAMa,EAASZ,EAAKW,SAASF,EAAcV,GAG3C,IAAMc,EAAYC,EAASC,YAAYL,GACvC,IAAMM,EAAYF,EAASC,YAAYH,GAEvCE,EAASG,iBAAgB,WACvB,IAAMC,EAAOxB,EAAgB,GAA2Ba,OAAOb,EAAcQ,GAAYA,EACzF,GAAIQ,GAAYE,EAAQ,CACtBb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAO,CAACV,EAAUE,KAC5C,CACA,GAAIC,GAAaG,IAAcN,IAAaE,EAAQ,CAClDb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAOC,YACjC,CACF,GAAG,CAACX,EAAUE,IAEd,IAAMU,EAAUC,EAAwB,MACxC,IAAMC,EAAWD,EAAwB,MAEzC,IAAME,EAAWC,EAAMC,gBAAe,SAACC,GAAS,IAAAC,EAAAC,EAC9C/B,EAAKoB,UAAU,CACb,CAAED,KAAMV,EAAgBY,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,IACtC,CAAEV,KAAMT,EAAcW,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,OAGtCC,EAAAP,EAAQS,UAARF,MAAAA,EAAiBJ,UAAQ,UAAA,EAAzBI,EAAiBJ,SAAWG,GAAI,UAAA,EAAJA,EAAO,KACnCE,EAAAN,EAASO,UAATD,MAAAA,EAAkBL,UAAQ,UAAA,EAA1BK,EAAkBL,SAAWG,GAAI,UAAA,EAAJA,EAAO,IACpCjC,GAA2B,MAA3BA,EAA6B8B,UAAQ,UAAA,EAArC9B,EAA6B8B,SAAWG,EAC1C,IAEA,OACEI,EAAAC,EAAA,CAAAC,SACEC,CAAAA,EAACnC,EAAKoC,KAAI,CAAClB,KAAM1B,EAAW6C,OAAM,KAAAH,SAChCC,EAACG,EAAY,CAACC,IAAKjB,MAErBa,EAACnC,EAAKoC,KAAI,CAAClB,KAAMzB,EAAS4C,OAAM,KAAAH,SAC9BC,EAACG,EAAY,CAACC,IAAKf,MAErBW,EAACnC,EAAKoC,KAAII,EAAA,CAAA,EAAK5C,EAAU,CAAEsB,KAAMhB,EAASgC,SACxCC,EAACM,EAAsBD,KAAK7C,EAA2B,CAAE8B,SAAUA,UAI3E,EAWA,IAAMa,EAAeI,GAA+C,SAACnD,EAAOgD,GAC1EI,EAAoBJ,GAAK,WACvB,MAAO,CACLd,SAAU,SAAAA,EAACf,GACTnB,EAAMkC,UAANlC,UAAAA,EAAAA,EAAMkC,SAAWf,EACnB,EAEJ,IAEA,OAAOyB,EAACS,EAAK,CAACxB,MAAO7B,EAAM6B,OAC7B"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/date-range-picker-wrapper-form-item/date-range-picker-wrapper-form-item.tsx"],"sourcesContent":["import { isArray } from '@dimjs/lang';\nimport { TAny } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, Input } from 'antd';\nimport { forwardRef, useImperativeHandle, useMemo, useRef } from 'react';\nimport { DateRangePickerWrapper, DateRangePickerWrapperProps } from '../date-range-picker-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { FormItemWrapper, FormItemWrapperProps } from '../form-item-wrapper';\nimport { FormItemNamePath } from '../types';\n\nexport type DateRangePickerWrapperFormItemProps = Omit<FormItemWrapperProps, 'name'> & {\n  /**\n   * 开始的时间name\n   */\n  startName: FormItemNamePath;\n  /**\n   * 结束的时间name\n   */\n  endName: FormItemNamePath;\n  /**\n   * 如果 DateRangePickerWrapperFormItem 在Form.List场景下 必传\n   */\n  formListName?: FormItemNamePath;\n  dateRangePickerWrapperProps?: DateRangePickerWrapperProps;\n};\n/**\n * 包含了Form.Item组件的时间区间选择组件\n * ```\n * 1. 时间区间组件可以定义成两个字段操作，不用再通过数组处理\n * 2. 会在form中产生一个 `__#invalid_date_xxxx_xxxx` 的无效字段，可以直接忽略\n * ```\n */\nexport const DateRangePickerWrapperFormItem = (props: DateRangePickerWrapperFormItemProps) => {\n  const { startName, endName, formListName, dateRangePickerWrapperProps, ...otherProps } = props;\n  const form = Form.useFormInstance();\n  const bodyName = useMemo(() => {\n    if (isArray(startName) && isArray(endName)) {\n      return startName\n        .slice(0, startName.length - 1)\n        .concat(`__#invalid_date_${startName[startName.length - 1]}_${endName[endName.length - 1]}`);\n    }\n    return `__#invalid_date_${startName}_${endName}`;\n  }, [startName, endName]);\n\n  const startNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, startName) : startName;\n  }, [startName, formListName]);\n\n  const endNameMerge = useMemo(() => {\n    return formListName ? ([] as (string | number)[]).concat(formListName, endName) : endName;\n  }, [endName, formListName]);\n\n  const startVal = Form.useWatch(startNameMerge, form);\n  const endVal = Form.useWatch(endNameMerge, form);\n  // const bodyVal = Form.useWatch(bodyName, form);\n\n  const preValue1 = fbaHooks.usePrevious(startVal);\n  const preValue2 = fbaHooks.usePrevious(endVal);\n\n  fbaHooks.useEffectCustom(() => {\n    const name = formListName ? ([] as (string | number)[]).concat(formListName, bodyName) : bodyName;\n    if (startVal && endVal) {\n      form.setFields([{ name, value: [startVal, endVal] }]);\n    }\n    if (preValue1 && preValue2 && !startVal && !endVal) {\n      form.setFields([{ name, value: undefined }]);\n    }\n  }, [startVal, endVal]);\n\n  const reftest = useRef<InputContentRef>(null);\n  const reftest2 = useRef<InputContentRef>(null);\n\n  const onChange = hooks.useCallbackRef((data) => {\n    form.setFields([\n      { name: startNameMerge, value: data?.[0] },\n      { name: endNameMerge, value: data?.[1] },\n    ]);\n    // 为了解决 外部Form onValuesChange获取到操作值\n    reftest.current?.onChange?.(data?.[0]);\n    reftest2.current?.onChange?.(data?.[1]);\n    dateRangePickerWrapperProps?.onChange?.(data);\n  });\n\n  return (\n    <>\n      <Form.Item name={startName} hidden>\n        <InputContent ref={reftest} />\n      </Form.Item>\n      <Form.Item name={endName} hidden>\n        <InputContent ref={reftest2} />\n      </Form.Item>\n      <FormItemWrapper {...otherProps} name={bodyName}>\n        <DateRangePickerWrapper {...dateRangePickerWrapperProps} onChange={onChange} />\n      </FormItemWrapper>\n    </>\n  );\n};\n\ntype InputContentProps = {\n  onChange?: (data: TAny) => void;\n  value?: string;\n};\n\ntype InputContentRef = {\n  onChange?: (data: TAny) => void;\n};\n\nconst InputContent = forwardRef<InputContentRef, InputContentProps>((props, ref) => {\n  useImperativeHandle(ref, () => {\n    return {\n      onChange: (startVal) => {\n        props.onChange?.(startVal);\n      },\n    };\n  });\n\n  return <Input value={props.value} />;\n});\n"],"names":["DateRangePickerWrapperFormItem","props","startName","endName","formListName","dateRangePickerWrapperProps","otherProps","_objectWithoutPropertiesLoose","_excluded","form","Form","useFormInstance","bodyName","useMemo","_isArray","slice","length","concat","startNameMerge","endNameMerge","startVal","useWatch","endVal","preValue1","fbaHooks","usePrevious","preValue2","useEffectCustom","name","setFields","value","undefined","reftest","useRef","reftest2","onChange","_hooks","useCallbackRef","data","_reftest$current","_reftest2$current","current","_jsxs","_Fragment","children","_jsx","Item","hidden","InputContent","ref","FormItemWrapper","_extends","DateRangePickerWrapper","forwardRef","useImperativeHandle","Input"],"mappings":";6tBAgCaA,EAAiC,SAAjCA,EAAkCC,GAC7C,IAAQC,EAAiFD,EAAjFC,UAAWC,EAAsEF,EAAtEE,QAASC,EAA6DH,EAA7DG,aAAcC,EAA+CJ,EAA/CI,4BAAgCC,EAAUC,EAAKN,EAAKO,GAC9F,IAAMC,EAAOC,EAAKC,kBAClB,IAAMC,EAAWC,GAAQ,WACvB,GAAIC,EAAQZ,IAAcY,EAAQX,GAAU,CAC1C,OAAOD,EACJa,MAAM,EAAGb,EAAUc,OAAS,GAC5BC,OAA0Bf,mBAAAA,EAAUA,EAAUc,OAAS,GAAMb,IAAAA,EAAQA,EAAQa,OAAS,GAC3F,CACA,MAA0Bd,mBAAAA,MAAaC,CACzC,GAAG,CAACD,EAAWC,IAEf,IAAMe,EAAiBL,GAAQ,WAC7B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcF,GAAaA,CACtF,GAAG,CAACA,EAAWE,IAEf,IAAMe,EAAeN,GAAQ,WAC3B,OAAOT,EAAgB,GAA2Ba,OAAOb,EAAcD,GAAWA,CACpF,GAAG,CAACA,EAASC,IAEb,IAAMgB,EAAWV,EAAKW,SAASH,EAAgBT,GAC/C,IAAMa,EAASZ,EAAKW,SAASF,EAAcV,GAG3C,IAAMc,EAAYC,EAASC,YAAYL,GACvC,IAAMM,EAAYF,EAASC,YAAYH,GAEvCE,EAASG,iBAAgB,WACvB,IAAMC,EAAOxB,EAAgB,GAA2Ba,OAAOb,EAAcQ,GAAYA,EACzF,GAAIQ,GAAYE,EAAQ,CACtBb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAO,CAACV,EAAUE,KAC5C,CACA,GAAIC,GAAaG,IAAcN,IAAaE,EAAQ,CAClDb,EAAKoB,UAAU,CAAC,CAAED,KAAAA,EAAME,MAAOC,YACjC,CACF,GAAG,CAACX,EAAUE,IAEd,IAAMU,EAAUC,EAAwB,MACxC,IAAMC,EAAWD,EAAwB,MAEzC,IAAME,EAAWC,EAAMC,gBAAe,SAACC,GAAS,IAAAC,EAAAC,EAC9C/B,EAAKoB,UAAU,CACb,CAAED,KAAMV,EAAgBY,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,IACtC,CAAEV,KAAMT,EAAcW,MAAOQ,GAAAA,UAAAA,EAAAA,EAAO,OAGtCC,EAAAP,EAAQS,UAARF,MAAAA,EAAiBJ,UAAQ,UAAA,EAAzBI,EAAiBJ,SAAWG,GAAI,UAAA,EAAJA,EAAO,KACnCE,EAAAN,EAASO,UAATD,MAAAA,EAAkBL,UAAQ,UAAA,EAA1BK,EAAkBL,SAAWG,GAAI,UAAA,EAAJA,EAAO,IACpCjC,GAA2B,MAA3BA,EAA6B8B,UAAQ,UAAA,EAArC9B,EAA6B8B,SAAWG,EAC1C,IAEA,OACEI,EAAAC,EAAA,CAAAC,SACEC,CAAAA,EAACnC,EAAKoC,KAAI,CAAClB,KAAM1B,EAAW6C,OAAM,KAAAH,SAChCC,EAACG,EAAY,CAACC,IAAKjB,MAErBa,EAACnC,EAAKoC,KAAI,CAAClB,KAAMzB,EAAS4C,OAAM,KAAAH,SAC9BC,EAACG,EAAY,CAACC,IAAKf,MAErBW,EAACK,EAAeC,KAAK7C,EAAU,CAAEsB,KAAMhB,EAASgC,SAC9CC,EAACO,EAAsBD,KAAK9C,EAA2B,CAAE8B,SAAUA,UAI3E,EAWA,IAAMa,EAAeK,GAA+C,SAACpD,EAAOgD,GAC1EK,EAAoBL,GAAK,WACvB,MAAO,CACLd,SAAU,SAAAA,EAACf,GACTnB,EAAMkC,UAANlC,UAAAA,EAAAA,EAAMkC,SAAWf,EACnB,EAEJ,IAEA,OAAOyB,EAACU,EAAK,CAACzB,MAAO7B,EAAM6B,OAC7B"}

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-promise";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"ahooks";import"antd";import"react";import"react-dom/client";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../config-provider-wrapper/index.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"../index-ac189a77.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){return o.open(i({okText:"确定",cancelHidden:true,maskClosable:false},r,{onOk:r.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-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-34027e61.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};
 //# 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 * @deprecated 已过期\n * ```\n * 1. 为什么过期\n *    dialogAlert.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 2. 请使用\n * const { appDialogModal } = FbaApp.useDialogModal();\n * appDialogModal.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":";ulCAqBO,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 * @deprecated 已过期\n * ```\n * 1. 为什么过期\n *    dialogAlert.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 2. 请使用\n * const { appDialogModal } = FbaApp.useDialogModal();\n * appDialogModal.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":";2iCAqBO,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 t}from"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-string";import"@dimjs/lang/cjs/is-promise";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"ahooks";import"antd";import"react";import"react-dom/client";import"../button-wrapper/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"../config-provider-wrapper/index.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"../index-ac189a77.js";import"@dimjs/utils/cjs/extend";import"react/jsx-runtime";import"../fba-utils/index.js";import"../flex-layout/index.js";var r={open:function r(s){var a=o("v-dialog-confirm",s.className);return t.open(i({width:350,okText:"确定",cancelText:"取消",maskClosable:true},s,{className:a}))}};export{r 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-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-34027e61.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 s={open:function s(r){var a=o("v-dialog-confirm",r.className);return t.open(i({width:350,okText:"确定",cancelText:"取消",maskClosable:true},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 * @deprecated 已过期\n * ```\n * 1. 为什么过期\n *    dialogConfirm.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 2. 请使用\n * const { appDialogModal } = FbaApp.useDialogModal();\n * appDialogModal.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      ...props,\n      className,\n    });\n  },\n};\n"],"names":["dialogConfirm","open","props","className","_classNames","dialogModal","_extends","width","okText","cancelText","maskClosable"],"mappings":";ukCAeO,IAAMA,EAAgB,CAC3BC,KAAM,SAAAA,EAACC,GACL,IAAMC,EAAYC,EAAW,mBAAoBF,EAAMC,WACvD,OAAOE,EAAYJ,KAAIK,EAAA,CACrBC,MAAO,IACPC,OAAQ,KACRC,WAAY,KACZC,aAAc,MACXR,EAAK,CACRC,UAAAA,IAEJ"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-confirm/dialog-confirm.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { dialogModal, DialogModalProps } from '../dialog-modal';\nimport './style.less';\n\n/**\n * @deprecated 已过期\n * ```\n * 1. 为什么过期\n *    dialogConfirm.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 2. 请使用\n * const { appDialogModal } = FbaApp.useDialogModal();\n * appDialogModal.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      ...props,\n      className,\n    });\n  },\n};\n"],"names":["dialogConfirm","open","props","className","_classNames","dialogModal","_extends","width","okText","cancelText","maskClosable"],"mappings":";2hCAeO,IAAMA,EAAgB,CAC3BC,KAAM,SAAAA,EAACC,GACL,IAAMC,EAAYC,EAAW,mBAAoBF,EAAMC,WACvD,OAAOE,EAAYJ,KAAIK,EAAA,CACrBC,MAAO,IACPC,OAAQ,KACRC,WAAY,KACZC,aAAc,MACXR,EAAK,CACRC,UAAAA,IAEJ"}

package/esm/dialog-drawer/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-drawer/dialog-drawer.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { bodyAppendDivElement, BodyAppendDivElementProps } from '../_utils/dom';\nimport { CtxProvider } from './context';\n\nexport type DialogDrawerProps = Omit<\n  DrawerProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'footer' | 'extra'\n> & {\n  okText?: string | ReactElement;\n  cancelText?: string | ReactElement;\n  onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n  operatePosition?: 'header' | 'footer';\n  operateRender?: (form: FormInstance) => ReactElement;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  extra?: ReactNode | ((form: FormInstance) => ReactElement);\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogDrawerProps) => {\n  const {\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    content,\n    configProviderProps,\n    okText,\n    cancelText,\n    okButtonExtraProps,\n    cancelButtonExtraProps,\n    operatePosition = 'footer',\n    operateRender,\n    width = 600,\n    okHidden,\n    cancelHidden,\n    extra,\n    bodyStyle,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [innerBodyStyle, setInnerBodyStyle] = useState<CSSProperties>();\n  const [form] = Form.useForm();\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    window[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const operateGroup = (\n    <Space>\n      {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n          {cancelText || '取消'}\n        </ButtonWrapper>\n      )}\n      {okHidden || okButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n          {okText || '提交'}\n        </ButtonWrapper>\n      )}\n    </Space>\n  );\n\n  const operateRenderHandle = () => {\n    if (operateRender) {\n      return operateRender(form);\n    }\n    if (!okHidden || !cancelHidden) {\n      return operateGroup;\n    }\n    return null;\n  };\n\n  const extraRender = typeof extra === 'function' ? extra(form) : extra;\n\n  const updateBodyStyle = (bodyStyle?: CSSProperties) => {\n    setInnerBodyStyle(bodyStyle);\n  };\n\n  return (\n    <CtxProvider value={{ onClose, updateBodyStyle }}>\n      <ConfigProviderWrapper {...configProviderProps}>\n        <Drawer\n          maskClosable={true}\n          destroyOnClose\n          onClose={onClose}\n          width={'80%'}\n          contentWrapperStyle={{ maxWidth: width }}\n          footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n          {...otherProps}\n          bodyStyle={{ ...innerBodyStyle, ...bodyStyle }}\n          extra={operatePosition === 'header' ? operateRenderHandle() : extraRender}\n          open={open}\n          getContainer={divElement}\n        >\n          {typeof content === 'function' ? content(form, { onClose }) : content}\n        </Drawer>\n      </ConfigProviderWrapper>\n    </CtxProvider>\n  );\n};\n\n/**\n *\n * @deprecated 已过期\n * ```\n * 1. 为什么过期\n *    dialogConfirm.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 2. 请使用\n * const { appDialogModal } = FbaApp.useDialogModal();\n * appDialogModal.open({})\n *\n * ```\n */\nexport const dialogDrawer = {\n  open: (props: DialogDrawerProps) => {\n    const { divElement, elementId } = bodyAppendDivElement();\n    window['__dialog_drawer_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n    return {\n      close: () => {\n        window[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogDrawer.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_drawer_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (error) {\n      //\n    }\n  },\n};\n"],"names":["ModalRender","props","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","_props$width","width","okHidden","cancelHidden","extra","bodyStyle","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_useState2","innerBodyStyle","setInnerBodyStyle","_Form$useForm","Form","useForm","form","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","operateRenderHandle","extraRender","updateBodyStyle","CtxProvider","value","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","contentWrapperStyle","maxWidth","footer","getContainer","dialogDrawer","_bodyAppendDivElement","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-drawer/dialog-drawer.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { bodyAppendDivElement, BodyAppendDivElementProps } from '../_utils/dom';\nimport { CtxProvider } from './context';\n\nexport type DialogDrawerProps = Omit<\n  DrawerProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'footer' | 'extra'\n> & {\n  okText?: string | ReactElement;\n  cancelText?: string | ReactElement;\n  onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n  cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n  operatePosition?: 'header' | 'footer';\n  operateRender?: (form: FormInstance) => ReactElement;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  extra?: ReactNode | ((form: FormInstance) => ReactElement);\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogDrawerProps) => {\n  const {\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    content,\n    configProviderProps,\n    okText,\n    cancelText,\n    okButtonExtraProps,\n    cancelButtonExtraProps,\n    operatePosition = 'footer',\n    operateRender,\n    width = 600,\n    okHidden,\n    cancelHidden,\n    extra,\n    bodyStyle,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [innerBodyStyle, setInnerBodyStyle] = useState<CSSProperties>();\n  const [form] = Form.useForm();\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    window[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const operateGroup = (\n    <Space>\n      {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n          {cancelText || '取消'}\n        </ButtonWrapper>\n      )}\n      {okHidden || okButtonExtraProps?.hidden ? null : (\n        <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n          {okText || '提交'}\n        </ButtonWrapper>\n      )}\n    </Space>\n  );\n\n  const operateRenderHandle = () => {\n    if (operateRender) {\n      return operateRender(form);\n    }\n    if (!okHidden || !cancelHidden) {\n      return operateGroup;\n    }\n    return null;\n  };\n\n  const extraRender = typeof extra === 'function' ? extra(form) : extra;\n\n  const updateBodyStyle = (bodyStyle?: CSSProperties) => {\n    setInnerBodyStyle(bodyStyle);\n  };\n\n  return (\n    <CtxProvider value={{ onClose, updateBodyStyle }}>\n      <ConfigProviderWrapper {...configProviderProps}>\n        <Drawer\n          maskClosable={true}\n          destroyOnClose\n          onClose={onClose}\n          width={'80%'}\n          contentWrapperStyle={{ maxWidth: width }}\n          footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n          {...otherProps}\n          bodyStyle={{ ...innerBodyStyle, ...bodyStyle }}\n          extra={operatePosition === 'header' ? operateRenderHandle() : extraRender}\n          open={open}\n          getContainer={divElement}\n        >\n          {typeof content === 'function' ? content(form, { onClose }) : content}\n        </Drawer>\n      </ConfigProviderWrapper>\n    </CtxProvider>\n  );\n};\n\n/**\n *\n * @deprecated 已过期\n * ```\n * 1. 为什么过期\n *    dialogConfirm.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 2. 请使用\n * const { appDialogModal } = FbaApp.useDialogModal();\n * appDialogModal.open({})\n *\n * ```\n */\nexport const dialogDrawer = {\n  open: (props: DialogDrawerProps) => {\n    const { divElement, elementId } = bodyAppendDivElement();\n    window['__dialog_drawer_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n    return {\n      close: () => {\n        window[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogDrawer.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_drawer_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (error) {\n      //\n    }\n  },\n};\n"],"names":["ModalRender","props","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","_props$width","width","okHidden","cancelHidden","extra","bodyStyle","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_useState2","innerBodyStyle","setInnerBodyStyle","_Form$useForm","Form","useForm","form","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","operateRenderHandle","extraRender","updateBodyStyle","CtxProvider","value","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","contentWrapperStyle","maxWidth","footer","getContainer","dialogDrawer","_bodyAppendDivElement","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-modal/dialog-modal.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\n\nimport { BodyAppendDivElementProps, dom, TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useSize } from 'ahooks';\nimport { Form, FormInstance, Modal, ModalProps } from 'antd';\nimport { ReactElement, useMemo, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { FlexLayout } from '../flex-layout';\nimport './style.less';\n\nexport type DialogModalProps = Omit<\n  ModalProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'okButtonProps' | 'cancelButtonProps'\n> & {\n  onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  okButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n  cancelButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n  /**\n   * 设置modal body height 为当前窗口height的百分比，例如：30\n   * ```\n   * 1. 最大值：80\n   * 1. 设置bodyStyle.height 后，bodyHeightPercent失效\n   * ```\n   */\n  bodyHeightPercent?: number;\n  titleExtra?: ReactElement;\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogModalProps) => {\n  const {\n    title,\n    titleExtra,\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    okButtonProps,\n    cancelButtonProps,\n    content,\n    configProviderProps,\n    className,\n    okHidden,\n    cancelHidden,\n    footer,\n    cancelText,\n    okText,\n    bodyHeightPercent,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [form] = Form.useForm();\n  const size = useSize(document.querySelector('html'));\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    window[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onAfterClose = hooks.useCallbackRef(() => {\n    dom.removeBodyChild(`#${elementId}`);\n    props.afterClose?.();\n  });\n\n  const operateGroup = [\n    <ButtonWrapper key=\"0\" {...cancelButtonProps} onClick={onCancelHandle} hidden={cancelHidden}>\n      {cancelText || '取消'}\n    </ButtonWrapper>,\n    <ButtonWrapper key=\"1\" type=\"primary\" {...okButtonProps} onClick={onOkHandle} hidden={okHidden}>\n      {okText || '提交'}\n    </ButtonWrapper>,\n  ];\n\n  const footerNew = footer || operateGroup;\n\n  const height = useMemo(() => {\n    if (!size?.height || !bodyHeightPercent) {\n      return 'auto';\n    }\n    return size?.height * (bodyHeightPercent / 100);\n  }, [bodyHeightPercent, size?.height]);\n\n  return (\n    <ConfigProviderWrapper {...configProviderProps}>\n      <Modal\n        title={\n          titleExtra ? (\n            <FlexLayout direction=\"horizontal\" fullIndex={0}>\n              <span>{title}</span>\n              {titleExtra}\n            </FlexLayout>\n          ) : (\n            title\n          )\n        }\n        maskClosable={true}\n        centered={true}\n        onCancel={onClose}\n        destroyOnClose\n        {...otherProps}\n        bodyStyle={{\n          height,\n          maxHeight: size?.height ? size?.height * 0.8 : 'calc(100vh - 200px)',\n          ...otherProps.bodyStyle,\n        }}\n        className={classNames('v-dialog-modal', { 'v-dialog-modal-title-extra': !!titleExtra }, className)}\n        open={open}\n        afterClose={onAfterClose}\n        getContainer={divElement}\n        footer={footerNew}\n      >\n        {typeof content === 'function' ? content(form, { onClose }) : content}\n      </Modal>\n    </ConfigProviderWrapper>\n  );\n};\n\n/**\n *\n * @deprecated 已过期\n * ```\n * 1. 为什么过期\n *    dialogModal.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 2. 请使用\n * const { appDialogModal } = FbaApp.useDialogModal();\n * appDialogModal.open({})\n *\n * ```\n */\nexport const dialogModal = {\n  open: (props: DialogModalProps) => {\n    const { divElement, elementId } = dom.bodyAppendDivElement();\n    window['__dialog_modal_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n    return {\n      close: () => {\n        window[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogModal.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_modal_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (error) {\n      //\n    }\n  },\n};\n"],"names":["ModalRender","props","title","titleExtra","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_Form$useForm","Form","useForm","form","size","useSize","document","querySelector","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","onAfterClose","dom","removeBodyChild","afterClose","operateGroup","_jsx","ButtonWrapper","_extends","onClick","hidden","children","type","footerNew","height","useMemo","ConfigProviderWrapper","Modal","_jsxs","FlexLayout","direction","fullIndex","maskClosable","centered","destroyOnClose","bodyStyle","maxHeight","_classNames","getContainer","dialogModal","_dom$bodyAppendDivEle","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-modal/dialog-modal.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\n\nimport { BodyAppendDivElementProps, dom, TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useSize } from 'ahooks';\nimport { Form, FormInstance, Modal, ModalProps } from 'antd';\nimport { ReactElement, useMemo, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { FlexLayout } from '../flex-layout';\nimport './style.less';\n\nexport type DialogModalProps = Omit<\n  ModalProps,\n  'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'okButtonProps' | 'cancelButtonProps'\n> & {\n  onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n  content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n  configProviderProps?: ConfigProviderWrapperProps;\n  okHidden?: boolean;\n  cancelHidden?: boolean;\n  okButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n  cancelButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n  /**\n   * 设置modal body height 为当前窗口height的百分比，例如：30\n   * ```\n   * 1. 最大值：80\n   * 1. 设置bodyStyle.height 后，bodyHeightPercent失效\n   * ```\n   */\n  bodyHeightPercent?: number;\n  titleExtra?: ReactElement;\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogModalProps) => {\n  const {\n    title,\n    titleExtra,\n    divElement,\n    elementId,\n    onOk,\n    onCancel,\n    okButtonProps,\n    cancelButtonProps,\n    content,\n    configProviderProps,\n    className,\n    okHidden,\n    cancelHidden,\n    footer,\n    cancelText,\n    okText,\n    bodyHeightPercent,\n    ...otherProps\n  } = props;\n  const [open, setOpen] = useState(true);\n  const [form] = Form.useForm();\n  const size = useSize(document.querySelector('html'));\n\n  const onClose = hooks.useCallbackRef(() => {\n    try {\n      delete window[elementId];\n    } catch (error) {\n      //\n    }\n    setOpen(false);\n  });\n\n  fbaHooks.useEffectCustom(() => {\n    window[elementId] = onClose;\n  }, [onClose]);\n\n  const onCancelHandle = hooks.useCallbackRef((e) => {\n    if (onCancel) {\n      const response = onCancel(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onOkHandle = hooks.useCallbackRef((e) => {\n    if (onOk) {\n      const response = onOk(form, e);\n      if (response && isPromise(response)) {\n        return response.then(onClose);\n      }\n    }\n    return onClose();\n  });\n\n  const onAfterClose = hooks.useCallbackRef(() => {\n    dom.removeBodyChild(`#${elementId}`);\n    props.afterClose?.();\n  });\n\n  const operateGroup = [\n    <ButtonWrapper key=\"0\" {...cancelButtonProps} onClick={onCancelHandle} hidden={cancelHidden}>\n      {cancelText || '取消'}\n    </ButtonWrapper>,\n    <ButtonWrapper key=\"1\" type=\"primary\" {...okButtonProps} onClick={onOkHandle} hidden={okHidden}>\n      {okText || '提交'}\n    </ButtonWrapper>,\n  ];\n\n  const footerNew = footer || operateGroup;\n\n  const height = useMemo(() => {\n    if (!size?.height || !bodyHeightPercent) {\n      return 'auto';\n    }\n    return size?.height * (bodyHeightPercent / 100);\n  }, [bodyHeightPercent, size?.height]);\n\n  return (\n    <ConfigProviderWrapper {...configProviderProps}>\n      <Modal\n        title={\n          titleExtra ? (\n            <FlexLayout direction=\"horizontal\" fullIndex={0}>\n              <span>{title}</span>\n              {titleExtra}\n            </FlexLayout>\n          ) : (\n            title\n          )\n        }\n        maskClosable={true}\n        centered={true}\n        onCancel={onClose}\n        destroyOnClose\n        {...otherProps}\n        bodyStyle={{\n          height,\n          maxHeight: size?.height ? size?.height * 0.8 : 'calc(100vh - 200px)',\n          ...otherProps.bodyStyle,\n        }}\n        className={classNames('v-dialog-modal', { 'v-dialog-modal-title-extra': !!titleExtra }, className)}\n        open={open}\n        afterClose={onAfterClose}\n        getContainer={divElement}\n        footer={footerNew}\n      >\n        {typeof content === 'function' ? content(form, { onClose }) : content}\n      </Modal>\n    </ConfigProviderWrapper>\n  );\n};\n\n/**\n *\n * @deprecated 已过期\n * ```\n * 1. 为什么过期\n *    dialogModal.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化\n *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）\n * 2. 请使用\n * const { appDialogModal } = FbaApp.useDialogModal();\n * appDialogModal.open({})\n *\n * ```\n */\nexport const dialogModal = {\n  open: (props: DialogModalProps) => {\n    const { divElement, elementId } = dom.bodyAppendDivElement();\n    window['__dialog_modal_elementId'] = elementId;\n    const root = createRoot(divElement);\n    root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n    return {\n      close: () => {\n        window[elementId]?.();\n      },\n    };\n  },\n  /**\n   * ```\n   * 1. 关闭最新弹框，如果有多个弹框只能关闭最后一个\n   * 2. 多个弹框主动关闭，只能使用 dialogModal.open()返回值中的close\n   * ```\n   */\n  close: () => {\n    try {\n      const elementId = window['__dialog_modal_elementId'] as string;\n      if (isString(elementId)) window[elementId]?.();\n    } catch (error) {\n      //\n    }\n  },\n};\n"],"names":["ModalRender","props","title","titleExtra","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_Form$useForm","Form","useForm","form","size","useSize","document","querySelector","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","onAfterClose","dom","removeBodyChild","afterClose","operateGroup","_jsx","ButtonWrapper","_extends","onClick","hidden","children","type","footerNew","height","useMemo","ConfigProviderWrapper","Modal","_jsxs","FlexLayout","direction","fullIndex","maskClosable","centered","destroyOnClose","bodyStyle","maxHeight","_classNames","getContainer","dialogModal","_dom$bodyAppendDivEle","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}