@flatbiz/antd 4.2.103 → 4.2.105

package/esm/modal-wrapper/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as r}from"@dimjs/utils/cjs/class-names";import{a as e,_ as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{Space as a,Button as n,Modal as i}from"antd";import{Fragment as l}from"react";import{fbaHooks as t}from"../fba-hooks/index.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";var d=["loading","okText","cancelText","onCancel","onOk","hideOkBtn"];var p=function r(i){var t=i.loading,p=i.okText,m=p===void 0?"保存":p,h=i.cancelText,u=h===void 0?"取消":h,f=i.onCancel,v=i.onOk,k=i.hideOkBtn,N=e(i,d);return s(l,{children:c(a,{size:"middle",children:[s(n,o({},N.cancelButtonProps,{className:"cancel-btn",onClick:f,children:u})),k!=true&&s(n,o({type:"primary"},N.okButtonProps,{className:"ok-btn",onClick:v,loading:t,children:m}))]})})};var m=["pageLoading","className","width","children"];var h=function r(){return s("div",{className:"modal-wrapper-loader",children:c("div",{className:"loader-wrapper",children:[s("div",{className:"loader-inner"}),s("div",{className:"loader-text",children:"LOADING"})]})})};var u=function r(e){return c(l,{children:[s("div",{className:"modal-wrapper-content",children:e.children}),e.operationProps?s(f,{children:s(p,o({},e.operationProps))}):null]})};var f=function r(e){return s("div",{className:"modal-wrapper-footer",children:e.children})};var v=function a(n){var d=n.pageLoading,p=n.className,u=n.width,f=n.children,v=e(n,m);t.useEffectCustom((function(){if(n["operationProps"]){throw new Error("ModalWrapper组件升级，参数operationProps用法变更，请及时更新")}}),[]);return s(i,o({className:r("modal-wrapper",p),keyboard:false,destroyOnClose:true,forceRender:false},v,{width:u||600,footer:null,children:c(l,{children:[f,d&&s(h,{})]})}))};v.Content=u;v.Footer=f;export{v as ModalWrapper};
+import{classNames as r}from"@dimjs/utils/cjs/class-names";import{a as e,_ as o}from"../_rollupPluginBabelHelpers-a0769acd.js";import{Space as a,Button as n,Modal as i}from"antd";import{Fragment as l}from"react";import{fbaHooks as t}from"../fba-hooks/index.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";var d=["loading","okText","cancelText","onCancel","onOk","hideOkBtn"];var p=function r(i){var t=i.loading,p=i.okText,m=p===void 0?"保存":p,h=i.cancelText,u=h===void 0?"取消":h,f=i.onCancel,v=i.onOk,k=i.hideOkBtn,N=e(i,d);return s(l,{children:c(a,{size:"middle",children:[s(n,o({},N.cancelButtonProps,{className:"cancel-btn",onClick:f,children:u})),k!=true&&s(n,o({type:"primary"},N.okButtonProps,{className:"ok-btn",onClick:v,loading:t,children:m}))]})})};var m=["pageLoading","className","width","children"];var h=function r(){return s("div",{className:"modal-wrapper-loader",children:c("div",{className:"loader-wrapper",children:[s("div",{className:"loader-inner"}),s("div",{className:"loader-text",children:"LOADING"})]})})};var u=function r(e){return c(l,{children:[s("div",{className:"modal-wrapper-content",children:e.children}),e.operationProps?s(f,{children:s(p,o({},e.operationProps))}):null]})};var f=function r(e){return s("div",{className:"modal-wrapper-footer",children:e.children})};var v=function a(n){var d=n.pageLoading,p=n.className,u=n.width,f=n.children,v=e(n,m);t.useEffectCustom((function(){if(n["operationProps"]){throw new Error("ModalWrapper组件升级，参数operationProps用法变更，请及时更新")}}),[]);return s(i,o({className:r("modal-wrapper",p),keyboard:false,destroyOnClose:true,forceRender:false},v,{width:u||600,footer:null,children:c(l,{children:[f,d&&s(h,{})]})}))};v.Content=u;v.Footer=f;export{v as ModalWrapper};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/modal-wrapper/modal-operation.tsx","@flatbiz/antd/src/modal-wrapper/modal-wrapper.tsx"],"sourcesContent":["import { Button, ButtonProps, Space } from 'antd';\nimport { Fragment } from 'react';\n\nexport interface ModalOperationOldProps {\n  loading?: boolean;\n  okText?: string;\n  cancelText?: string;\n  onOk?: () => void;\n  onCancel?: () => void;\n  hideOkBtn?: boolean;\n  okButtonProps?: Omit<ButtonProps, 'onClick' | 'loading' | 'className'>;\n  cancelButtonProps?: Omit<ButtonProps, 'onClick' | 'loading' | 'className'>;\n}\n\nexport const ModalOperation = ({\n  loading,\n  okText = '保存',\n  cancelText = '取消',\n  onCancel,\n  onOk,\n  hideOkBtn,\n  ...otherProps\n}: ModalOperationOldProps) => {\n  return (\n    <Fragment>\n      <Space size=\"middle\">\n        <Button {...otherProps.cancelButtonProps} className=\"cancel-btn\" onClick={onCancel}>\n          {cancelText}\n        </Button>\n        {hideOkBtn != true && (\n          <Button\n            type=\"primary\"\n            {...otherProps.okButtonProps}\n            className=\"ok-btn\"\n            onClick={onOk}\n            loading={loading}\n          >\n            {okText}\n          </Button>\n        )}\n      </Space>\n    </Fragment>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { Modal, ModalProps } from 'antd';\nimport { FC, Fragment, ReactNode } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { ModalOperation, ModalOperationOldProps } from './modal-operation';\nimport './style.less';\n\ntype ModalWrapperStaticMethods = {\n  Content: typeof ModalWrapperContent;\n  Footer: typeof ModalWrapperFooter;\n};\n\nexport type ModalWrapperProps = {\n  className?: string;\n  // 整个modal页面级的spinning <Page loading />\n  pageLoading?: boolean;\n} & Omit<\n  ModalProps,\n  | 'footer'\n  | 'onOk'\n  | 'okText'\n  | 'cancelText'\n  | 'okButtonProps'\n  | 'cancelButtonProps'\n  | 'okType'\n  | 'confirmLoading'\n>;\n\nconst PageLoader = () => {\n  return (\n    <div className=\"modal-wrapper-loader\">\n      <div className=\"loader-wrapper\">\n        <div className=\"loader-inner\" />\n        <div className=\"loader-text\">LOADING</div>\n      </div>\n    </div>\n  );\n};\n\nconst ModalWrapperContent = (props: { operationProps?: ModalOperationOldProps; children?: ReactNode }) => {\n  return (\n    <Fragment>\n      <div className=\"modal-wrapper-content\">{props.children}</div>\n      {props.operationProps ? (\n        <ModalWrapperFooter>\n          <ModalOperation {...props.operationProps} />\n        </ModalWrapperFooter>\n      ) : null}\n    </Fragment>\n  );\n};\n\nconst ModalWrapperFooter = (props) => {\n  return <div className=\"modal-wrapper-footer\">{props.children}</div>;\n};\n\n/**\n * 弹窗机制\n * @deprecated 已过时 4.3.0版本移除，后面版本会移除；请使用 dialogModal.open\n * ```\n * 1. 默认 destroyOnClose = true\n * 2. 默认 forceRender = false\n * 3. 如果设置 forceRender = true，会导致弹框中的接口提前调用\n *\n * 注意\n * 1. <Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 destroyOnClose。\n * 2. <Modal /> 和 Form 一起配合使用时，设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据，需要设置 <Form preserve={false} />。\n *\n * ```\n */\nexport const ModalWrapper: FC<ModalWrapperProps> & ModalWrapperStaticMethods = (props) => {\n  const { pageLoading, className, width, children, ...otherProps } = props;\n\n  fbaHooks.useEffectCustom(() => {\n    if (props['operationProps']) {\n      throw new Error('ModalWrapper组件升级，参数operationProps用法变更，请及时更新');\n    }\n  }, []);\n\n  return (\n    <Modal\n      className={classNames('modal-wrapper', className)}\n      keyboard={false}\n      destroyOnClose={true}\n      forceRender={false}\n      {...otherProps}\n      width={width || 600}\n      footer={null}\n    >\n      <Fragment>\n        {children}\n        {pageLoading && <PageLoader />}\n      </Fragment>\n    </Modal>\n  );\n};\n\nModalWrapper.Content = ModalWrapperContent;\nModalWrapper.Footer = ModalWrapperFooter;\n"],"names":["ModalOperation","_ref","loading","_ref$okText","okText","_ref$cancelText","cancelText","onCancel","onOk","hideOkBtn","otherProps","_objectWithoutPropertiesLoose","_excluded","_jsx","Fragment","children","_jsxs","Space","size","Button","_extends","cancelButtonProps","className","onClick","type","okButtonProps","PageLoader","ModalWrapperContent","props","operationProps","ModalWrapperFooter","ModalWrapper","pageLoading","width","fbaHooks","useEffectCustom","Error","Modal","_classNames","keyboard","destroyOnClose","forceRender","footer","Content","Footer"],"mappings":";ueAcO,IAAMA,EAAiB,SAAjBA,EAAcC,GAQG,IAP5BC,EAAOD,EAAPC,QAAOC,EAAAF,EACPG,OAAAA,EAAMD,SAAG,EAAA,KAAIA,EAAAE,EAAAJ,EACbK,WAAAA,EAAUD,SAAG,EAAA,KAAIA,EACjBE,EAAQN,EAARM,SACAC,EAAIP,EAAJO,KACAC,EAASR,EAATQ,UACGC,EAAUC,EAAAV,EAAAW,GAEb,OACEC,EAACC,EAAQ,CAAAC,SACPC,EAACC,EAAK,CAACC,KAAK,SAAQH,SAAA,CAClBF,EAACM,EAAMC,EAAA,CAAA,EAAKV,EAAWW,kBAAiB,CAAEC,UAAU,aAAaC,QAAShB,EAASQ,SAChFT,KAEFG,GAAa,MACZI,EAACM,EAAMC,EAAA,CACLI,KAAK,WACDd,EAAWe,cAAa,CAC5BH,UAAU,SACVC,QAASf,EACTN,QAASA,EAAQa,SAEhBX,SAMb,uDCfA,IAAMsB,EAAa,SAAbA,IACJ,OACEb,EAAA,MAAA,CAAKS,UAAU,uBAAsBP,SACnCC,EAAA,MAAA,CAAKM,UAAU,iBAAgBP,UAC7BF,EAAA,MAAA,CAAKS,UAAU,iBACfT,EAAA,MAAA,CAAKS,UAAU,cAAaP,SAAC,gBAIrC,EAEA,IAAMY,EAAsB,SAAtBA,EAAuBC,GAC3B,OACEZ,EAACF,EAAQ,CAAAC,UACPF,EAAA,MAAA,CAAKS,UAAU,wBAAuBP,SAAEa,EAAMb,WAC7Ca,EAAMC,eACLhB,EAACiB,EAAkB,CAAAf,SACjBF,EAACb,EAAcoB,EAAKQ,CAAAA,EAAAA,EAAMC,mBAE1B,OAGV,EAEA,IAAMC,EAAqB,SAArBA,EAAsBF,GAC1B,OAAOf,EAAA,MAAA,CAAKS,UAAU,uBAAsBP,SAAEa,EAAMb,UACtD,MAgBagB,EAAkE,SAAlEA,EAAmEH,GAC9E,IAAQI,EAA2DJ,EAA3DI,YAAaV,EAA8CM,EAA9CN,UAAWW,EAAmCL,EAAnCK,MAAOlB,EAA4Ba,EAA5Bb,SAAaL,EAAUC,EAAKiB,EAAKhB,GAExEsB,EAASC,iBAAgB,WACvB,GAAIP,EAAM,kBAAmB,CAC3B,MAAM,IAAIQ,MAAM,8CAClB,CACD,GAAE,IAEH,OACEvB,EAACwB,EAAKjB,EAAA,CACJE,UAAWgB,EAAW,gBAAiBhB,GACvCiB,SAAU,MACVC,eAAgB,KAChBC,YAAa,OACT/B,EAAU,CACduB,MAAOA,GAAS,IAChBS,OAAQ,KAAK3B,SAEbC,EAACF,EAAQ,CAAAC,SAAA,CACNA,EACAiB,GAAenB,EAACa,EAAU,CAAA,QAInC,EAEAK,EAAaY,QAAUhB,EACvBI,EAAaa,OAASd"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/modal-wrapper/modal-operation.tsx","@flatbiz/antd/src/modal-wrapper/modal-wrapper.tsx"],"sourcesContent":["import { Button, ButtonProps, Space } from 'antd';\nimport { Fragment } from 'react';\n\nexport interface ModalOperationOldProps {\n  loading?: boolean;\n  okText?: string;\n  cancelText?: string;\n  onOk?: () => void;\n  onCancel?: () => void;\n  hideOkBtn?: boolean;\n  okButtonProps?: Omit<ButtonProps, 'onClick' | 'loading' | 'className'>;\n  cancelButtonProps?: Omit<ButtonProps, 'onClick' | 'loading' | 'className'>;\n}\n\nexport const ModalOperation = ({\n  loading,\n  okText = '保存',\n  cancelText = '取消',\n  onCancel,\n  onOk,\n  hideOkBtn,\n  ...otherProps\n}: ModalOperationOldProps) => {\n  return (\n    <Fragment>\n      <Space size=\"middle\">\n        <Button {...otherProps.cancelButtonProps} className=\"cancel-btn\" onClick={onCancel}>\n          {cancelText}\n        </Button>\n        {hideOkBtn != true && (\n          <Button\n            type=\"primary\"\n            {...otherProps.okButtonProps}\n            className=\"ok-btn\"\n            onClick={onOk}\n            loading={loading}\n          >\n            {okText}\n          </Button>\n        )}\n      </Space>\n    </Fragment>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { Modal, ModalProps } from 'antd';\nimport { FC, Fragment, ReactNode } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { ModalOperation, ModalOperationOldProps } from './modal-operation';\nimport './style.less';\n\ntype ModalWrapperStaticMethods = {\n  Content: typeof ModalWrapperContent;\n  Footer: typeof ModalWrapperFooter;\n};\n\nexport type ModalWrapperProps = {\n  className?: string;\n  // 整个modal页面级的spinning <Page loading />\n  pageLoading?: boolean;\n} & Omit<\n  ModalProps,\n  | 'footer'\n  | 'onOk'\n  | 'okText'\n  | 'cancelText'\n  | 'okButtonProps'\n  | 'cancelButtonProps'\n  | 'okType'\n  | 'confirmLoading'\n>;\n\nconst PageLoader = () => {\n  return (\n    <div className=\"modal-wrapper-loader\">\n      <div className=\"loader-wrapper\">\n        <div className=\"loader-inner\" />\n        <div className=\"loader-text\">LOADING</div>\n      </div>\n    </div>\n  );\n};\n\nconst ModalWrapperContent = (props: { operationProps?: ModalOperationOldProps; children?: ReactNode }) => {\n  return (\n    <Fragment>\n      <div className=\"modal-wrapper-content\">{props.children}</div>\n      {props.operationProps ? (\n        <ModalWrapperFooter>\n          <ModalOperation {...props.operationProps} />\n        </ModalWrapperFooter>\n      ) : null}\n    </Fragment>\n  );\n};\n\nconst ModalWrapperFooter = (props) => {\n  return <div className=\"modal-wrapper-footer\">{props.children}</div>;\n};\n\n/**\n * 弹窗机制\n * @deprecated 已过时 4.3.0版本移除，后面版本会移除；请使用 dialogModal.open\n * ```\n * 1. 默认 destroyOnClose = true\n * 2. 默认 forceRender = false\n * 3. 如果设置 forceRender = true，会导致弹框中的接口提前调用\n *\n * 注意\n * 1. <Modal /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容，请设置 destroyOnClose。\n * 2. <Modal /> 和 Form 一起配合使用时，设置 destroyOnClose 也不会在 Modal 关闭时销毁表单字段数据，需要设置 <Form preserve={false} />。\n *\n * ```\n */\nexport const ModalWrapper: FC<ModalWrapperProps> & ModalWrapperStaticMethods = (props) => {\n  const { pageLoading, className, width, children, ...otherProps } = props;\n\n  fbaHooks.useEffectCustom(() => {\n    if (props['operationProps']) {\n      throw new Error('ModalWrapper组件升级，参数operationProps用法变更，请及时更新');\n    }\n  }, []);\n\n  return (\n    <Modal\n      className={classNames('modal-wrapper', className)}\n      keyboard={false}\n      destroyOnClose={true}\n      forceRender={false}\n      {...otherProps}\n      width={width || 600}\n      footer={null}\n    >\n      <Fragment>\n        {children}\n        {pageLoading && <PageLoader />}\n      </Fragment>\n    </Modal>\n  );\n};\n\nModalWrapper.Content = ModalWrapperContent;\nModalWrapper.Footer = ModalWrapperFooter;\n"],"names":["ModalOperation","_ref","loading","_ref$okText","okText","_ref$cancelText","cancelText","onCancel","onOk","hideOkBtn","otherProps","_objectWithoutPropertiesLoose","_excluded","_jsx","Fragment","children","_jsxs","Space","size","Button","_extends","cancelButtonProps","className","onClick","type","okButtonProps","PageLoader","ModalWrapperContent","props","operationProps","ModalWrapperFooter","ModalWrapper","pageLoading","width","fbaHooks","useEffectCustom","Error","Modal","_classNames","keyboard","destroyOnClose","forceRender","footer","Content","Footer"],"mappings":";8fAcO,IAAMA,EAAiB,SAAjBA,EAAcC,GAQG,IAP5BC,EAAOD,EAAPC,QAAOC,EAAAF,EACPG,OAAAA,EAAMD,SAAG,EAAA,KAAIA,EAAAE,EAAAJ,EACbK,WAAAA,EAAUD,SAAG,EAAA,KAAIA,EACjBE,EAAQN,EAARM,SACAC,EAAIP,EAAJO,KACAC,EAASR,EAATQ,UACGC,EAAUC,EAAAV,EAAAW,GAEb,OACEC,EAACC,EAAQ,CAAAC,SACPC,EAACC,EAAK,CAACC,KAAK,SAAQH,SAAA,CAClBF,EAACM,EAAMC,EAAA,CAAA,EAAKV,EAAWW,kBAAiB,CAAEC,UAAU,aAAaC,QAAShB,EAASQ,SAChFT,KAEFG,GAAa,MACZI,EAACM,EAAMC,EAAA,CACLI,KAAK,WACDd,EAAWe,cAAa,CAC5BH,UAAU,SACVC,QAASf,EACTN,QAASA,EAAQa,SAEhBX,SAMb,uDCfA,IAAMsB,EAAa,SAAbA,IACJ,OACEb,EAAA,MAAA,CAAKS,UAAU,uBAAsBP,SACnCC,EAAA,MAAA,CAAKM,UAAU,iBAAgBP,UAC7BF,EAAA,MAAA,CAAKS,UAAU,iBACfT,EAAA,MAAA,CAAKS,UAAU,cAAaP,SAAC,gBAIrC,EAEA,IAAMY,EAAsB,SAAtBA,EAAuBC,GAC3B,OACEZ,EAACF,EAAQ,CAAAC,UACPF,EAAA,MAAA,CAAKS,UAAU,wBAAuBP,SAAEa,EAAMb,WAC7Ca,EAAMC,eACLhB,EAACiB,EAAkB,CAAAf,SACjBF,EAACb,EAAcoB,EAAKQ,CAAAA,EAAAA,EAAMC,mBAE1B,OAGV,EAEA,IAAMC,EAAqB,SAArBA,EAAsBF,GAC1B,OAAOf,EAAA,MAAA,CAAKS,UAAU,uBAAsBP,SAAEa,EAAMb,UACtD,MAgBagB,EAAkE,SAAlEA,EAAmEH,GAC9E,IAAQI,EAA2DJ,EAA3DI,YAAaV,EAA8CM,EAA9CN,UAAWW,EAAmCL,EAAnCK,MAAOlB,EAA4Ba,EAA5Bb,SAAaL,EAAUC,EAAKiB,EAAKhB,GAExEsB,EAASC,iBAAgB,WACvB,GAAIP,EAAM,kBAAmB,CAC3B,MAAM,IAAIQ,MAAM,8CAClB,CACD,GAAE,IAEH,OACEvB,EAACwB,EAAKjB,EAAA,CACJE,UAAWgB,EAAW,gBAAiBhB,GACvCiB,SAAU,MACVC,eAAgB,KAChBC,YAAa,OACT/B,EAAU,CACduB,MAAOA,GAAS,IAChBS,OAAQ,KAAK3B,SAEbC,EAACF,EAAQ,CAAAC,SAAA,CACNA,EACAiB,GAAenB,EAACa,EAAU,CAAA,QAInC,EAEAK,EAAaY,QAAUhB,EACvBI,EAAaa,OAASd"}

package/esm/relation-tree/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{hooks as e}from"@wove/react/cjs/hooks";import{_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{classNames as i}from"@dimjs/utils/cjs/class-names";import{Tag as r,Empty as t,Form as l}from"antd";import{useState as a,createElement as o,Fragment as c}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{jsxs as d,jsx as u}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var m=function e(n){var t;var l={"--relation-tagline-width":(n.tagLineWidth||40)+"px","--relation-group-indent-width":(n.indentWidth||80)+"px","--relation-tag-width":(n.tagWidth||26)+"px","--relation-line-color":""+(n.lineColor||"#fda148")};var a=i("relation-list",{"relation-list-only-one":n.onlyOne,"relation-list-only-no-main-one":n.onlyOne},n.className);var o=n.solt1,c=n.solt2;return d("div",{className:a,style:l,children:[o?d("div",{className:"relation-list-solt1",children:[u("div",{className:"relation-list-line"}),u("div",{className:"relation-list-label",children:n.label}),n.tagName?u(r,{className:"relation-item-tag",color:n.tagColor||"#fecd96",onClick:(t=n.onTagClick)==null?void 0:t.bind(null,n.tagName),children:n.tagName}):null,o()]}):null,c?u("div",{className:"relation-list-solt2",children:c()}):null]})};var f=function e(n){return u("div",{className:i("relation-group-list",n.className),children:n.children})};var h=function e(n){var r=i("relation-item",{"relation-item-line":true,"relation-item-first":n.isFirst,"relation-item-last":n.isLast,"relation-item-only-one":n.onlyOne});return u("div",{className:r,style:n.style,children:n.children})};var v=function e(n,i){var r;if(n.uid===i){n["_delete"]=true}n==null||(r=n.relationList)==null?void 0:r.forEach((function(r){var t,l;if(r.uid===i||((t=r.customData)==null?void 0:t.uid)===i){r["_delete"]=true;if(n.relationList.length===1){n["_delete"]=true}}(l=r.children)==null?void 0:l.forEach((function(n){e(n,i)}))}))};var g=function e(n){n.relationList=n.relationList||[];n.relationList=n.relationList.filter((function(e){return!e["_delete"]}));n.relationList.forEach((function(n){n.children=n.children||[];n.children=n.children.filter((function(e){return!e["_delete"]}));n.children.forEach((function(n){e(n)}))}));n.relationList=n.relationList.filter((function(e){if(!e.customData&&!e.children){return false}if(!e.customData&&(!e.children||e.children.length===0)){return false}return true}))};var p=function e(n){var r=n.relationItem;var t=n.dataSource;var a=n.index;if(r.customData&&r.children&&r.children.length>0){var o;return d(c,{children:[u(h,{isFirst:a===0,isLast:a===t.relationList.length-1,onlyOne:n.onlyOne,children:n.relationItemRender(r.customData,r.extraData)}),u(f,{children:(o=r.children)==null?void 0:o.map((function(e){return u(C,{dataSource:e,relationItemRender:n.relationItemRender,relationProps:n.relationProps,onTagClick:n.onTagClick,className:n.className},e.uid)}))})]},r.uid)}if(r.children&&r.children.length>0){var s;return u("div",{className:i("form-list-no-main-group",{"form-list-no-main-group":a===0}),children:(s=r.children)==null?void 0:s.map((function(e){return u(C,{dataSource:e,relationItemRender:n.relationItemRender,className:i("form-list-no-main",{"form-list-no-main-first":a===0,"form-list-no-main-last":a===t.relationList.length-1}),relationProps:n.relationProps,onTagClick:n.onTagClick},e.uid)}))},r.uid)}if(r.customData){return u(h,{isFirst:a===0,isLast:a===t.relationList.length-1,onlyOne:n.onlyOne,children:u(l,{component:false,children:n.relationItemRender(r.customData,r.extraData)})},r.uid)}return null};var C=function e(i){var r=i.dataSource;var t=r.relationList||[];var l=t[t.length-1];var a=t.length>0&&l.customData&&l.children&&l.children.length>0;var s=t.length==1;return o(m,n({},i.relationProps,{tagName:r.tagName,key:r.uid,onlyOne:s,label:r.label,className:i.className,onTagClick:function e(){i.onTagClick==null?void 0:i.onTagClick(r.uid,r.extraData)},solt1:function e(){return u(c,{children:t.map((function(e,r){var l=a&&r===t.length-1;return u(p,{dataSource:i.dataSource,relationItemRender:i.relationItemRender,relationProps:i.relationProps,onTagClick:i.onTagClick,relationItem:l?n({},e,{children:undefined}):e,index:r,onlyOne:s},r)}))})},solt2:function n(){if(a&&l.children&&l.children.length>0){return u(f,{children:l.children.map((function(n){return u(e,{dataSource:n,relationItemRender:i.relationItemRender,relationProps:i.relationProps,onTagClick:i.onTagClick},n.uid)}))},l.uid)}return null}}))};var N=function r(l){var o=a(),c=o[0],d=o[1];s.useEffectCustom((function(){d(l.dataSource)}),[l.dataSource]);var m=e.useCallbackRef((function(e,i,r){if(e){e[i]=r;l.onChange==null?void 0:l.onChange(n({},c))}}));var f=function e(n,i){for(var r=0;r<n.length;r++){var t=n[r];for(var l=0;l<t.relationList.length;l++){var a;var o=t.relationList[l];if(((a=o.customData)==null?void 0:a.uid)===i){return{relationTree:t,index:l,element:o}}else if(o.children){var c=e(o.children,i);if(c){return c}}}}return null};var h=e.useCallbackRef((function(e,n){var i;if(!c)return;var r=f([c],e.uid);if((i=r.relationTree)!=null&&i.relationList){var t;(t=r.relationTree)==null?void 0:t.relationList.splice(r.index+1,0,n);l.onChange==null?void 0:l.onChange(c)}}));var p=e.useCallbackRef((function(e,n){if(!c)return;var i=f([c],e.uid);if(i.element){i.element.children=(i.element.children||[]).concat(n);l.onChange==null?void 0:l.onChange(c)}}));var N=e.useCallbackRef((function(e){if(!c)return;v(c,e);if(c["_delete"]){l.onChange==null?void 0:l.onChange(undefined)}else{g(c);l.onChange==null?void 0:l.onChange(c)}}));if(!c)return u(t,{description:"暂无数据"});return u("div",{className:i("relation-tree",l.className),children:u(C,{dataSource:c,relationProps:l.relationProps,onTagClick:l.onTagClick,relationItemRender:function e(n,i){return l.children(n,{add:h,addChildren:p,remove:N,onChange:m.bind(null,n)},i)}})})};export{N as RelationTree};
+import{hooks as e}from"@wove/react/cjs/hooks";import{_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{classNames as i}from"@dimjs/utils/cjs/class-names";import{Tag as r,Empty as t,Form as l}from"antd";import{useState as a,createElement as o,Fragment as c}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{jsxs as d,jsx as u}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";var m=function e(n){var t;var l={"--relation-tagline-width":(n.tagLineWidth||40)+"px","--relation-group-indent-width":(n.indentWidth||80)+"px","--relation-tag-width":(n.tagWidth||26)+"px","--relation-line-color":""+(n.lineColor||"#fda148")};var a=i("relation-list",{"relation-list-only-one":n.onlyOne,"relation-list-only-no-main-one":n.onlyOne},n.className);var o=n.solt1,c=n.solt2;return d("div",{className:a,style:l,children:[o?d("div",{className:"relation-list-solt1",children:[u("div",{className:"relation-list-line"}),u("div",{className:"relation-list-label",children:n.label}),n.tagName?u(r,{className:"relation-item-tag",color:n.tagColor||"#fecd96",onClick:(t=n.onTagClick)==null?void 0:t.bind(null,n.tagName),children:n.tagName}):null,o()]}):null,c?u("div",{className:"relation-list-solt2",children:c()}):null]})};var f=function e(n){return u("div",{className:i("relation-group-list",n.className),children:n.children})};var h=function e(n){var r=i("relation-item",{"relation-item-line":true,"relation-item-first":n.isFirst,"relation-item-last":n.isLast,"relation-item-only-one":n.onlyOne});return u("div",{className:r,style:n.style,children:n.children})};var v=function e(n,i){var r;if(n.uid===i){n["_delete"]=true}n==null||(r=n.relationList)==null?void 0:r.forEach((function(r){var t,l;if(r.uid===i||((t=r.customData)==null?void 0:t.uid)===i){r["_delete"]=true;if(n.relationList.length===1){n["_delete"]=true}}(l=r.children)==null?void 0:l.forEach((function(n){e(n,i)}))}))};var g=function e(n){n.relationList=n.relationList||[];n.relationList=n.relationList.filter((function(e){return!e["_delete"]}));n.relationList.forEach((function(n){n.children=n.children||[];n.children=n.children.filter((function(e){return!e["_delete"]}));n.children.forEach((function(n){e(n)}))}));n.relationList=n.relationList.filter((function(e){if(!e.customData&&!e.children){return false}if(!e.customData&&(!e.children||e.children.length===0)){return false}return true}))};var p=function e(n){var r=n.relationItem;var t=n.dataSource;var a=n.index;if(r.customData&&r.children&&r.children.length>0){var o;return d(c,{children:[u(h,{isFirst:a===0,isLast:a===t.relationList.length-1,onlyOne:n.onlyOne,children:n.relationItemRender(r.customData,r.extraData)}),u(f,{children:(o=r.children)==null?void 0:o.map((function(e){return u(C,{dataSource:e,relationItemRender:n.relationItemRender,relationProps:n.relationProps,onTagClick:n.onTagClick,className:n.className},e.uid)}))})]},r.uid)}if(r.children&&r.children.length>0){var s;return u("div",{className:i("form-list-no-main-group",{"form-list-no-main-group":a===0}),children:(s=r.children)==null?void 0:s.map((function(e){return u(C,{dataSource:e,relationItemRender:n.relationItemRender,className:i("form-list-no-main",{"form-list-no-main-first":a===0,"form-list-no-main-last":a===t.relationList.length-1}),relationProps:n.relationProps,onTagClick:n.onTagClick},e.uid)}))},r.uid)}if(r.customData){return u(h,{isFirst:a===0,isLast:a===t.relationList.length-1,onlyOne:n.onlyOne,children:u(l,{component:false,children:n.relationItemRender(r.customData,r.extraData)})},r.uid)}return null};var C=function e(i){var r=i.dataSource;var t=r.relationList||[];var l=t[t.length-1];var a=t.length>0&&l.customData&&l.children&&l.children.length>0;var s=t.length==1;return o(m,n({},i.relationProps,{tagName:r.tagName,key:r.uid,onlyOne:s,label:r.label,className:i.className,onTagClick:function e(){i.onTagClick==null?void 0:i.onTagClick(r.uid,r.extraData)},solt1:function e(){return u(c,{children:t.map((function(e,r){var l=a&&r===t.length-1;return u(p,{dataSource:i.dataSource,relationItemRender:i.relationItemRender,relationProps:i.relationProps,onTagClick:i.onTagClick,relationItem:l?n({},e,{children:undefined}):e,index:r,onlyOne:s},r)}))})},solt2:function n(){if(a&&l.children&&l.children.length>0){return u(f,{children:l.children.map((function(n){return u(e,{dataSource:n,relationItemRender:i.relationItemRender,relationProps:i.relationProps,onTagClick:i.onTagClick},n.uid)}))},l.uid)}return null}}))};var N=function r(l){var o=a(),c=o[0],d=o[1];s.useEffectCustom((function(){d(l.dataSource)}),[l.dataSource]);var m=e.useCallbackRef((function(e,i,r){if(e){e[i]=r;l.onChange==null?void 0:l.onChange(n({},c))}}));var f=function e(n,i){for(var r=0;r<n.length;r++){var t=n[r];for(var l=0;l<t.relationList.length;l++){var a;var o=t.relationList[l];if(((a=o.customData)==null?void 0:a.uid)===i){return{relationTree:t,index:l,element:o}}else if(o.children){var c=e(o.children,i);if(c){return c}}}}return null};var h=e.useCallbackRef((function(e,n){var i;if(!c)return;var r=f([c],e.uid);if((i=r.relationTree)!=null&&i.relationList){var t;(t=r.relationTree)==null?void 0:t.relationList.splice(r.index+1,0,n);l.onChange==null?void 0:l.onChange(c)}}));var p=e.useCallbackRef((function(e,n){if(!c)return;var i=f([c],e.uid);if(i.element){i.element.children=(i.element.children||[]).concat(n);l.onChange==null?void 0:l.onChange(c)}}));var N=e.useCallbackRef((function(e){if(!c)return;v(c,e);if(c["_delete"]){l.onChange==null?void 0:l.onChange(undefined)}else{g(c);l.onChange==null?void 0:l.onChange(c)}}));if(!c)return u(t,{description:"暂无数据"});return u("div",{className:i("relation-tree",l.className),children:u(C,{dataSource:c,relationProps:l.relationProps,onTagClick:l.onTagClick,relationItemRender:function e(n,i){return l.children(n,{add:h,addChildren:p,remove:N,onChange:m.bind(null,n)},i)}})})};export{N as RelationTree};
 //# sourceMappingURL=index.js.map

package/esm/relation-tree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/relation-tree/compts/relation.tsx","@flatbiz/antd/src/relation-tree/compts/relation-group-list.tsx","@flatbiz/antd/src/relation-tree/compts/relation-item.tsx","@flatbiz/antd/src/relation-tree/utils.ts","@flatbiz/antd/src/relation-tree/relation-tree.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { Tag } from 'antd';\nimport { CSSProperties } from 'react';\nimport { RelationProps } from '../type';\n\nexport const Relation = (props: RelationProps) => {\n  const style = {\n    '--relation-tagline-width': `${props.tagLineWidth || 40}px`,\n    '--relation-group-indent-width': `${props.indentWidth || 80}px`,\n    '--relation-tag-width': `${props.tagWidth || 26}px`,\n    '--relation-line-color': `${props.lineColor || '#fda148'}`,\n  } as CSSProperties;\n\n  const className = classNames(\n    'relation-list',\n    { 'relation-list-only-one': props.onlyOne, 'relation-list-only-no-main-one': props.onlyOne },\n    props.className,\n  );\n  const { solt1, solt2 } = props;\n\n  return (\n    <div className={className} style={style}>\n      {solt1 ? (\n        <div className=\"relation-list-solt1\">\n          <div className=\"relation-list-line\"></div>\n          <div className=\"relation-list-label\">{props.label}</div>\n\n          {props.tagName ? (\n            <Tag\n              className=\"relation-item-tag\"\n              color={props.tagColor || '#fecd96'}\n              onClick={props.onTagClick?.bind(null, props.tagName)}\n            >\n              {props.tagName}\n            </Tag>\n          ) : null}\n          {solt1()}\n        </div>\n      ) : null}\n      {solt2 ? <div className=\"relation-list-solt2\">{solt2()}</div> : null}\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { ReactElement } from 'react';\n\nexport type RelationGroupListProps = {\n  children: ReactElement | ReactElement[] | null;\n  className?: string;\n};\n\nexport const RelationGroupList = (props: RelationGroupListProps) => {\n  return <div className={classNames('relation-group-list', props.className)}>{props.children}</div>;\n};\n","import { classNames } from '@dimjs/utils';\nimport { CSSProperties, ReactElement } from 'react';\n\nexport type RelationItemProps = {\n  children: ReactElement | null | Array<ReactElement | null>;\n  className?: string;\n  style?: CSSProperties;\n  isFirst?: boolean;\n  isLast?: boolean;\n  onlyOne?: boolean;\n};\n\nexport const RelationItem = (props: RelationItemProps) => {\n  const className = classNames('relation-item', {\n    'relation-item-line': true,\n    'relation-item-first': props.isFirst,\n    'relation-item-last': props.isLast,\n    'relation-item-only-one': props.onlyOne,\n  });\n\n  return (\n    <div className={className} style={props.style}>\n      {props.children}\n    </div>\n  );\n};\n","import { TRelationTreeData } from './type';\n\nexport const deleteLoop = (data: TRelationTreeData, uid: string) => {\n  if (data.uid === uid) {\n    data['_delete'] = true;\n  }\n  data?.relationList?.forEach((item) => {\n    if (item.uid === uid || item.customData?.uid === uid) {\n      item['_delete'] = true;\n      if (data.relationList.length === 1) {\n        data['_delete'] = true;\n      }\n    }\n\n    item.children?.forEach((innerItem) => {\n      deleteLoop(innerItem, uid);\n    });\n  });\n};\n\nexport const filterSurplusData = (data: TRelationTreeData) => {\n  data.relationList = data.relationList || [];\n  data.relationList = data.relationList.filter((item) => !item['_delete']);\n\n  data.relationList.forEach((item) => {\n    item.children = item.children || [];\n    item.children = item.children.filter((item) => !item['_delete']);\n\n    item.children.forEach((innerItem) => {\n      filterSurplusData(innerItem);\n    });\n  });\n\n  data.relationList = data.relationList.filter((item) => {\n    if (!item.customData && !item.children) {\n      return false;\n    }\n    if (!item.customData && (!item.children || item.children.length === 0)) {\n      return false;\n    }\n    return true;\n  });\n};\n","import { classNames } from '@dimjs/utils';\nimport { TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Empty, Form } from 'antd';\nimport { Fragment, ReactElement, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { Relation } from './compts/relation';\nimport { RelationGroupList } from './compts/relation-group-list';\nimport { RelationItem } from './compts/relation-item';\nimport './style.less';\n\nimport {\n  RelationTreeProps,\n  TRelationTreeCustomData,\n  TRelationTreeData,\n  TRelationTreeRelationItem,\n} from './type';\nimport { deleteLoop, filterSurplusData } from './utils';\n\ntype TRelationTreeLoop = {\n  dataSource: TRelationTreeData;\n  relationItemRender: (data: TRelationTreeCustomData, extraData?: TPlainObject) => ReactElement;\n  className?: string;\n  relationProps?: RelationTreeProps['relationProps'];\n  onTagClick?: RelationTreeProps['onTagClick'];\n};\n\ntype RelationItemRenderProps = TRelationTreeLoop & {\n  relationItem: TRelationTreeRelationItem;\n  index: number;\n  onlyOne?: boolean;\n};\n\nconst RelationItemRender = (props: RelationItemRenderProps) => {\n  const relationItem = props.relationItem;\n  const dataSource = props.dataSource;\n  const index = props.index;\n\n  if (relationItem.customData && relationItem.children && relationItem.children.length > 0) {\n    return (\n      <Fragment key={relationItem.uid}>\n        <RelationItem\n          isFirst={index === 0}\n          isLast={index === dataSource.relationList.length - 1}\n          onlyOne={props.onlyOne}\n        >\n          {props.relationItemRender(relationItem.customData, relationItem.extraData)}\n        </RelationItem>\n        <RelationGroupList>\n          {relationItem.children?.map((innerItem) => {\n            return (\n              <RelationTreeLoop\n                dataSource={innerItem}\n                relationItemRender={props.relationItemRender}\n                key={innerItem.uid}\n                relationProps={props.relationProps}\n                onTagClick={props.onTagClick}\n                className={props.className}\n              />\n            );\n          })}\n        </RelationGroupList>\n      </Fragment>\n    );\n  }\n  if (relationItem.children && relationItem.children.length > 0) {\n    return (\n      <div\n        className={classNames('form-list-no-main-group', { 'form-list-no-main-group': index === 0 })}\n        key={relationItem.uid}\n      >\n        {relationItem.children?.map((innerItem) => {\n          return (\n            <RelationTreeLoop\n              dataSource={innerItem}\n              relationItemRender={props.relationItemRender}\n              key={innerItem.uid}\n              className={classNames('form-list-no-main', {\n                'form-list-no-main-first': index === 0,\n                'form-list-no-main-last': index === dataSource.relationList.length - 1,\n              })}\n              relationProps={props.relationProps}\n              onTagClick={props.onTagClick}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n  if (relationItem.customData) {\n    return (\n      <RelationItem\n        key={relationItem.uid}\n        isFirst={index === 0}\n        isLast={index === dataSource.relationList.length - 1}\n        onlyOne={props.onlyOne}\n      >\n        <Form component={false}>\n          {props.relationItemRender(relationItem.customData, relationItem.extraData)}\n        </Form>\n      </RelationItem>\n    );\n  }\n  return null;\n};\n\nconst RelationTreeLoop = (props: TRelationTreeLoop) => {\n  const dataSource = props.dataSource;\n  const relationList = dataSource.relationList || [];\n\n  const lastRelationItem = relationList[relationList.length - 1];\n  const hasSolt2 =\n    relationList.length > 0 &&\n    lastRelationItem.customData &&\n    lastRelationItem.children &&\n    lastRelationItem.children.length > 0;\n  const onlyOne = relationList.length == 1;\n  // const onlyNoMainOne =\n  //   onlyOne && !relationList[0].customData && toArray(relationList[0].children).length === 1;\n  return (\n    <Relation\n      {...props.relationProps}\n      tagName={dataSource.tagName}\n      key={dataSource.uid}\n      onlyOne={onlyOne}\n      label={dataSource.label}\n      className={props.className}\n      onTagClick={() => {\n        props.onTagClick?.(dataSource.uid, dataSource.extraData);\n      }}\n      solt1={() => {\n        return (\n          <Fragment>\n            {relationList.map((relationItem, index) => {\n              const flat = hasSolt2 && index === relationList.length - 1;\n              return (\n                <RelationItemRender\n                  key={index}\n                  dataSource={props.dataSource}\n                  relationItemRender={props.relationItemRender}\n                  relationProps={props.relationProps}\n                  onTagClick={props.onTagClick}\n                  relationItem={\n                    flat\n                      ? {\n                          ...relationItem,\n                          children: undefined,\n                        }\n                      : relationItem\n                  }\n                  index={index}\n                  onlyOne={onlyOne}\n                />\n              );\n            })}\n          </Fragment>\n        );\n      }}\n      solt2={() => {\n        // 渲染最后一个relation item的children list数据\n        if (hasSolt2 && lastRelationItem.children && lastRelationItem.children.length > 0) {\n          return (\n            <RelationGroupList key={lastRelationItem.uid}>\n              {lastRelationItem.children.map((innerItem) => {\n                return (\n                  <RelationTreeLoop\n                    dataSource={innerItem}\n                    relationItemRender={props.relationItemRender}\n                    key={innerItem.uid}\n                    relationProps={props.relationProps}\n                    onTagClick={props.onTagClick}\n                  />\n                );\n              })}\n            </RelationGroupList>\n          );\n        }\n        return null;\n      }}\n    ></Relation>\n  );\n};\n\nexport const RelationTree = (props: RelationTreeProps) => {\n  const [dataSource, setDataSource] = useState<TRelationTreeData>();\n\n  fbaHooks.useEffectCustom(() => {\n    setDataSource(props.dataSource);\n  }, [props.dataSource]);\n\n  const onRelationItemContentChange = hooks.useCallbackRef((data: TRelationTreeCustomData, name, value) => {\n    if (data) {\n      data[name] = value;\n      props.onChange?.({ ...dataSource } as TRelationTreeData);\n    }\n  });\n\n  const getTargetRelationList = (relationTreeList: TRelationTreeData[], uid: string) => {\n    for (let index = 0; index < relationTreeList.length; index++) {\n      const relationTree = relationTreeList[index];\n      for (let innerIndex = 0; innerIndex < relationTree.relationList.length; innerIndex++) {\n        const element = relationTree.relationList[innerIndex];\n        if (element.customData?.uid === uid) {\n          return {\n            relationTree,\n            index: innerIndex,\n            element: element,\n          };\n        } else if (element.children) {\n          const result = getTargetRelationList(element.children, uid);\n          if (result) {\n            return result;\n          }\n        }\n      }\n    }\n    return null;\n  };\n\n  const onAdd = hooks.useCallbackRef(\n    (data: TRelationTreeCustomData, initialData: TRelationTreeRelationItem) => {\n      if (!dataSource) return;\n      const result = getTargetRelationList([dataSource], data.uid);\n      if (result.relationTree?.relationList) {\n        result.relationTree?.relationList.splice((result.index as number) + 1, 0, initialData);\n        props.onChange?.(dataSource);\n      }\n    },\n  );\n  const addChildren = hooks.useCallbackRef(\n    (data: TRelationTreeCustomData, initialData: TRelationTreeData) => {\n      if (!dataSource) return;\n      const result = getTargetRelationList([dataSource], data.uid);\n      if (result.element) {\n        result.element.children = (result.element.children || []).concat(initialData);\n        props.onChange?.(dataSource);\n      }\n    },\n  );\n\n  const onRemove = hooks.useCallbackRef((uid: string) => {\n    if (!dataSource) return;\n    deleteLoop(dataSource, uid);\n    if (dataSource['_delete']) {\n      props.onChange?.(undefined);\n    } else {\n      filterSurplusData(dataSource);\n      props.onChange?.(dataSource);\n    }\n  });\n\n  if (!dataSource) return <Empty description=\"暂无数据\"></Empty>;\n\n  return (\n    <div className={classNames('relation-tree', props.className)}>\n      <RelationTreeLoop\n        dataSource={dataSource}\n        relationProps={props.relationProps}\n        onTagClick={props.onTagClick}\n        relationItemRender={(data, extraData) => {\n          return props.children(\n            data,\n            {\n              add: onAdd,\n              addChildren: addChildren,\n              remove: onRemove,\n              onChange: onRelationItemContentChange.bind(null, data),\n            },\n            extraData,\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["Relation","props","_props$onTagClick","style","tagLineWidth","indentWidth","tagWidth","lineColor","className","_classNames","onlyOne","solt1","solt2","_jsxs","children","_jsx","label","tagName","Tag","color","tagColor","onClick","onTagClick","bind","RelationGroupList","RelationItem","isFirst","isLast","deleteLoop","data","uid","_data$relationList","relationList","forEach","item","_item$customData","_item$children","customData","length","innerItem","filterSurplusData","filter","RelationItemRender","relationItem","dataSource","index","_relationItem$childre","Fragment","relationItemRender","extraData","map","RelationTreeLoop","relationProps","_relationItem$childre2","Form","component","lastRelationItem","hasSolt2","_createElement","_extends","key","flat","undefined","RelationTree","_useState","useState","setDataSource","fbaHooks","useEffectCustom","onRelationItemContentChange","_hooks","useCallbackRef","name","value","onChange","getTargetRelationList","relationTreeList","relationTree","innerIndex","_element$customData","element","result","onAdd","initialData","_result$relationTree","_result$relationTree2","splice","addChildren","concat","onRemove","Empty","description","add","remove"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/relation-tree/compts/relation.tsx","@flatbiz/antd/src/relation-tree/compts/relation-group-list.tsx","@flatbiz/antd/src/relation-tree/compts/relation-item.tsx","@flatbiz/antd/src/relation-tree/utils.ts","@flatbiz/antd/src/relation-tree/relation-tree.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { Tag } from 'antd';\nimport { CSSProperties } from 'react';\nimport { RelationProps } from '../type';\n\nexport const Relation = (props: RelationProps) => {\n  const style = {\n    '--relation-tagline-width': `${props.tagLineWidth || 40}px`,\n    '--relation-group-indent-width': `${props.indentWidth || 80}px`,\n    '--relation-tag-width': `${props.tagWidth || 26}px`,\n    '--relation-line-color': `${props.lineColor || '#fda148'}`,\n  } as CSSProperties;\n\n  const className = classNames(\n    'relation-list',\n    { 'relation-list-only-one': props.onlyOne, 'relation-list-only-no-main-one': props.onlyOne },\n    props.className,\n  );\n  const { solt1, solt2 } = props;\n\n  return (\n    <div className={className} style={style}>\n      {solt1 ? (\n        <div className=\"relation-list-solt1\">\n          <div className=\"relation-list-line\"></div>\n          <div className=\"relation-list-label\">{props.label}</div>\n\n          {props.tagName ? (\n            <Tag\n              className=\"relation-item-tag\"\n              color={props.tagColor || '#fecd96'}\n              onClick={props.onTagClick?.bind(null, props.tagName)}\n            >\n              {props.tagName}\n            </Tag>\n          ) : null}\n          {solt1()}\n        </div>\n      ) : null}\n      {solt2 ? <div className=\"relation-list-solt2\">{solt2()}</div> : null}\n    </div>\n  );\n};\n","import { classNames } from '@dimjs/utils';\nimport { ReactElement } from 'react';\n\nexport type RelationGroupListProps = {\n  children: ReactElement | ReactElement[] | null;\n  className?: string;\n};\n\nexport const RelationGroupList = (props: RelationGroupListProps) => {\n  return <div className={classNames('relation-group-list', props.className)}>{props.children}</div>;\n};\n","import { classNames } from '@dimjs/utils';\nimport { CSSProperties, ReactElement } from 'react';\n\nexport type RelationItemProps = {\n  children: ReactElement | null | Array<ReactElement | null>;\n  className?: string;\n  style?: CSSProperties;\n  isFirst?: boolean;\n  isLast?: boolean;\n  onlyOne?: boolean;\n};\n\nexport const RelationItem = (props: RelationItemProps) => {\n  const className = classNames('relation-item', {\n    'relation-item-line': true,\n    'relation-item-first': props.isFirst,\n    'relation-item-last': props.isLast,\n    'relation-item-only-one': props.onlyOne,\n  });\n\n  return (\n    <div className={className} style={props.style}>\n      {props.children}\n    </div>\n  );\n};\n","import { TRelationTreeData } from './type';\n\nexport const deleteLoop = (data: TRelationTreeData, uid: string) => {\n  if (data.uid === uid) {\n    data['_delete'] = true;\n  }\n  data?.relationList?.forEach((item) => {\n    if (item.uid === uid || item.customData?.uid === uid) {\n      item['_delete'] = true;\n      if (data.relationList.length === 1) {\n        data['_delete'] = true;\n      }\n    }\n\n    item.children?.forEach((innerItem) => {\n      deleteLoop(innerItem, uid);\n    });\n  });\n};\n\nexport const filterSurplusData = (data: TRelationTreeData) => {\n  data.relationList = data.relationList || [];\n  data.relationList = data.relationList.filter((item) => !item['_delete']);\n\n  data.relationList.forEach((item) => {\n    item.children = item.children || [];\n    item.children = item.children.filter((item) => !item['_delete']);\n\n    item.children.forEach((innerItem) => {\n      filterSurplusData(innerItem);\n    });\n  });\n\n  data.relationList = data.relationList.filter((item) => {\n    if (!item.customData && !item.children) {\n      return false;\n    }\n    if (!item.customData && (!item.children || item.children.length === 0)) {\n      return false;\n    }\n    return true;\n  });\n};\n","import { classNames } from '@dimjs/utils';\nimport { TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Empty, Form } from 'antd';\nimport { Fragment, ReactElement, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { Relation } from './compts/relation';\nimport { RelationGroupList } from './compts/relation-group-list';\nimport { RelationItem } from './compts/relation-item';\nimport './style.less';\n\nimport {\n  RelationTreeProps,\n  TRelationTreeCustomData,\n  TRelationTreeData,\n  TRelationTreeRelationItem,\n} from './type';\nimport { deleteLoop, filterSurplusData } from './utils';\n\ntype TRelationTreeLoop = {\n  dataSource: TRelationTreeData;\n  relationItemRender: (data: TRelationTreeCustomData, extraData?: TPlainObject) => ReactElement;\n  className?: string;\n  relationProps?: RelationTreeProps['relationProps'];\n  onTagClick?: RelationTreeProps['onTagClick'];\n};\n\ntype RelationItemRenderProps = TRelationTreeLoop & {\n  relationItem: TRelationTreeRelationItem;\n  index: number;\n  onlyOne?: boolean;\n};\n\nconst RelationItemRender = (props: RelationItemRenderProps) => {\n  const relationItem = props.relationItem;\n  const dataSource = props.dataSource;\n  const index = props.index;\n\n  if (relationItem.customData && relationItem.children && relationItem.children.length > 0) {\n    return (\n      <Fragment key={relationItem.uid}>\n        <RelationItem\n          isFirst={index === 0}\n          isLast={index === dataSource.relationList.length - 1}\n          onlyOne={props.onlyOne}\n        >\n          {props.relationItemRender(relationItem.customData, relationItem.extraData)}\n        </RelationItem>\n        <RelationGroupList>\n          {relationItem.children?.map((innerItem) => {\n            return (\n              <RelationTreeLoop\n                dataSource={innerItem}\n                relationItemRender={props.relationItemRender}\n                key={innerItem.uid}\n                relationProps={props.relationProps}\n                onTagClick={props.onTagClick}\n                className={props.className}\n              />\n            );\n          })}\n        </RelationGroupList>\n      </Fragment>\n    );\n  }\n  if (relationItem.children && relationItem.children.length > 0) {\n    return (\n      <div\n        className={classNames('form-list-no-main-group', { 'form-list-no-main-group': index === 0 })}\n        key={relationItem.uid}\n      >\n        {relationItem.children?.map((innerItem) => {\n          return (\n            <RelationTreeLoop\n              dataSource={innerItem}\n              relationItemRender={props.relationItemRender}\n              key={innerItem.uid}\n              className={classNames('form-list-no-main', {\n                'form-list-no-main-first': index === 0,\n                'form-list-no-main-last': index === dataSource.relationList.length - 1,\n              })}\n              relationProps={props.relationProps}\n              onTagClick={props.onTagClick}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n  if (relationItem.customData) {\n    return (\n      <RelationItem\n        key={relationItem.uid}\n        isFirst={index === 0}\n        isLast={index === dataSource.relationList.length - 1}\n        onlyOne={props.onlyOne}\n      >\n        <Form component={false}>\n          {props.relationItemRender(relationItem.customData, relationItem.extraData)}\n        </Form>\n      </RelationItem>\n    );\n  }\n  return null;\n};\n\nconst RelationTreeLoop = (props: TRelationTreeLoop) => {\n  const dataSource = props.dataSource;\n  const relationList = dataSource.relationList || [];\n\n  const lastRelationItem = relationList[relationList.length - 1];\n  const hasSolt2 =\n    relationList.length > 0 &&\n    lastRelationItem.customData &&\n    lastRelationItem.children &&\n    lastRelationItem.children.length > 0;\n  const onlyOne = relationList.length == 1;\n  // const onlyNoMainOne =\n  //   onlyOne && !relationList[0].customData && toArray(relationList[0].children).length === 1;\n  return (\n    <Relation\n      {...props.relationProps}\n      tagName={dataSource.tagName}\n      key={dataSource.uid}\n      onlyOne={onlyOne}\n      label={dataSource.label}\n      className={props.className}\n      onTagClick={() => {\n        props.onTagClick?.(dataSource.uid, dataSource.extraData);\n      }}\n      solt1={() => {\n        return (\n          <Fragment>\n            {relationList.map((relationItem, index) => {\n              const flat = hasSolt2 && index === relationList.length - 1;\n              return (\n                <RelationItemRender\n                  key={index}\n                  dataSource={props.dataSource}\n                  relationItemRender={props.relationItemRender}\n                  relationProps={props.relationProps}\n                  onTagClick={props.onTagClick}\n                  relationItem={\n                    flat\n                      ? {\n                          ...relationItem,\n                          children: undefined,\n                        }\n                      : relationItem\n                  }\n                  index={index}\n                  onlyOne={onlyOne}\n                />\n              );\n            })}\n          </Fragment>\n        );\n      }}\n      solt2={() => {\n        // 渲染最后一个relation item的children list数据\n        if (hasSolt2 && lastRelationItem.children && lastRelationItem.children.length > 0) {\n          return (\n            <RelationGroupList key={lastRelationItem.uid}>\n              {lastRelationItem.children.map((innerItem) => {\n                return (\n                  <RelationTreeLoop\n                    dataSource={innerItem}\n                    relationItemRender={props.relationItemRender}\n                    key={innerItem.uid}\n                    relationProps={props.relationProps}\n                    onTagClick={props.onTagClick}\n                  />\n                );\n              })}\n            </RelationGroupList>\n          );\n        }\n        return null;\n      }}\n    ></Relation>\n  );\n};\n\nexport const RelationTree = (props: RelationTreeProps) => {\n  const [dataSource, setDataSource] = useState<TRelationTreeData>();\n\n  fbaHooks.useEffectCustom(() => {\n    setDataSource(props.dataSource);\n  }, [props.dataSource]);\n\n  const onRelationItemContentChange = hooks.useCallbackRef((data: TRelationTreeCustomData, name, value) => {\n    if (data) {\n      data[name] = value;\n      props.onChange?.({ ...dataSource } as TRelationTreeData);\n    }\n  });\n\n  const getTargetRelationList = (relationTreeList: TRelationTreeData[], uid: string) => {\n    for (let index = 0; index < relationTreeList.length; index++) {\n      const relationTree = relationTreeList[index];\n      for (let innerIndex = 0; innerIndex < relationTree.relationList.length; innerIndex++) {\n        const element = relationTree.relationList[innerIndex];\n        if (element.customData?.uid === uid) {\n          return {\n            relationTree,\n            index: innerIndex,\n            element: element,\n          };\n        } else if (element.children) {\n          const result = getTargetRelationList(element.children, uid);\n          if (result) {\n            return result;\n          }\n        }\n      }\n    }\n    return null;\n  };\n\n  const onAdd = hooks.useCallbackRef(\n    (data: TRelationTreeCustomData, initialData: TRelationTreeRelationItem) => {\n      if (!dataSource) return;\n      const result = getTargetRelationList([dataSource], data.uid);\n      if (result.relationTree?.relationList) {\n        result.relationTree?.relationList.splice((result.index as number) + 1, 0, initialData);\n        props.onChange?.(dataSource);\n      }\n    },\n  );\n  const addChildren = hooks.useCallbackRef(\n    (data: TRelationTreeCustomData, initialData: TRelationTreeData) => {\n      if (!dataSource) return;\n      const result = getTargetRelationList([dataSource], data.uid);\n      if (result.element) {\n        result.element.children = (result.element.children || []).concat(initialData);\n        props.onChange?.(dataSource);\n      }\n    },\n  );\n\n  const onRemove = hooks.useCallbackRef((uid: string) => {\n    if (!dataSource) return;\n    deleteLoop(dataSource, uid);\n    if (dataSource['_delete']) {\n      props.onChange?.(undefined);\n    } else {\n      filterSurplusData(dataSource);\n      props.onChange?.(dataSource);\n    }\n  });\n\n  if (!dataSource) return <Empty description=\"暂无数据\"></Empty>;\n\n  return (\n    <div className={classNames('relation-tree', props.className)}>\n      <RelationTreeLoop\n        dataSource={dataSource}\n        relationProps={props.relationProps}\n        onTagClick={props.onTagClick}\n        relationItemRender={(data, extraData) => {\n          return props.children(\n            data,\n            {\n              add: onAdd,\n              addChildren: addChildren,\n              remove: onRemove,\n              onChange: onRelationItemContentChange.bind(null, data),\n            },\n            extraData,\n          );\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["Relation","props","_props$onTagClick","style","tagLineWidth","indentWidth","tagWidth","lineColor","className","_classNames","onlyOne","solt1","solt2","_jsxs","children","_jsx","label","tagName","Tag","color","tagColor","onClick","onTagClick","bind","RelationGroupList","RelationItem","isFirst","isLast","deleteLoop","data","uid","_data$relationList","relationList","forEach","item","_item$customData","_item$children","customData","length","innerItem","filterSurplusData","filter","RelationItemRender","relationItem","dataSource","index","_relationItem$childre","Fragment","relationItemRender","extraData","map","RelationTreeLoop","relationProps","_relationItem$childre2","Form","component","lastRelationItem","hasSolt2","_createElement","_extends","key","flat","undefined","RelationTree","_useState","useState","setDataSource","fbaHooks","useEffectCustom","onRelationItemContentChange","_hooks","useCallbackRef","name","value","onChange","getTargetRelationList","relationTreeList","relationTree","innerIndex","_element$customData","element","result","onAdd","initialData","_result$relationTree","_result$relationTree2","splice","addChildren","concat","onRemove","Empty","description","add","remove"],"mappings":"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"}

package/esm/rich-text-viewer/index.js

@@ -5,5 +5,5 @@ import './../rich-text-editor/index.css';
 import './../dynamic-node/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import e from"@ant-design/icons/es/icons/FullscreenOutlined";import{classNames as i}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{useKeyPress as o}from"ahooks";import{useState as t,useRef as n}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{IconWrapper as a}from"../icon-wrapper/index.js";import{RichTextEditor as l}from"../rich-text-editor/index.js";import{jsxs as m,jsx as c}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"antd";import"@flatbiz/utils";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"../dynamic-node/index.js";import"react-dom/client";import"../dom-4d04aa64.js";var u=function u(d){var p=t(false),f=p[0],v=p[1];var j=n();o((function(){return true}),(function(e){if(e.type==="keyup"&&e.key==="Escape"&&f){v(false)}}),{events:["keydown","keyup"]});var b=r.useCallbackRef((function(){v(!f)}));var y=r.useCallbackRef((function(e,i){j.current=i;d.onInit==null?void 0:d.onInit(i)}));s.useEffectCustom((function(){var e;(e=j.current)==null?void 0:e.editorCommands.execCommand("mceAutoResize")}),[d.value]);return m("div",{className:i("fba-editor-viewer",{"fba-editor-viewer-fixed":f},d.className),style:d.style,children:[d.children,d.fullscreen&&d.value&&c("div",{className:"fba-editor-viewer-icon",children:c(a,{hoverTips:d.fullscreenIconTips,icon:c(e,{}),onClick:b})}),c(l,{value:d.value,onInit:y,imgPreview:true,disabled:true,init:{plugins:"autoresize",menubar:false,toolbar:"",statusbar:false}})]})};export{u as RichTextViewer};
+import e from"@ant-design/icons/es/icons/FullscreenOutlined";import{classNames as i}from"@dimjs/utils/cjs/class-names";import{hooks as r}from"@wove/react/cjs/hooks";import{useKeyPress as o}from"ahooks";import{useState as t,useRef as n}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import{IconWrapper as a}from"../icon-wrapper/index.js";import{RichTextEditor as l}from"../rich-text-editor/index.js";import{jsxs as m,jsx as c}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"antd";import"@tinymce/tinymce-react";import"@ant-design/icons/es/icons/PlusCircleOutlined";import"../dynamic-node/index.js";import"react-dom/client";import"../dom-4d04aa64.js";var u=function u(d){var p=t(false),f=p[0],v=p[1];var j=n();o((function(){return true}),(function(e){if(e.type==="keyup"&&e.key==="Escape"&&f){v(false)}}),{events:["keydown","keyup"]});var b=r.useCallbackRef((function(){v(!f)}));var y=r.useCallbackRef((function(e,i){j.current=i;d.onInit==null?void 0:d.onInit(i)}));s.useEffectCustom((function(){var e;(e=j.current)==null?void 0:e.editorCommands.execCommand("mceAutoResize")}),[d.value]);return m("div",{className:i("fba-editor-viewer",{"fba-editor-viewer-fixed":f},d.className),style:d.style,children:[d.children,d.fullscreen&&d.value&&c("div",{className:"fba-editor-viewer-icon",children:c(a,{hoverTips:d.fullscreenIconTips,icon:c(e,{}),onClick:b})}),c(l,{value:d.value,onInit:y,imgPreview:true,disabled:true,init:{plugins:"autoresize",menubar:false,toolbar:"",statusbar:false}})]})};export{u as RichTextViewer};
 //# sourceMappingURL=index.js.map

package/esm/roll-location-center/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as r}from"@dimjs/utils/cjs/class-names";import{useMutationObserver as e}from"ahooks";import{useRef as t}from"react";import{fbaHooks as o}from"../fba-hooks/index.js";import{jsx as i}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";import"antd";var l=function l(a){var c=t(null);var n=a.behavior||"smooth";var v=a.direction||"vertical";var s=function r(e){var t,o;var i=(t=c.current)==null?void 0:t.querySelector(".roll-location-center-"+e);if(!i)return;var l=(o=c.current)==null?void 0:o.offsetHeight;var a=i.offsetTop;var v=i.offsetHeight;if(a<=v){var s;(s=c.current)==null?void 0:s.scrollTo({top:0,behavior:n})}else{var u=a-l/2+v/2;if(u>0){var f;(f=c.current)==null?void 0:f.scrollTo({top:u,behavior:n})}else{var m;(m=c.current)==null?void 0:m.scrollTo({top:0,behavior:n})}}};var u=function r(e){var t,o;var i=(t=c.current)==null?void 0:t.querySelector(".roll-location-center-"+e);if(!i)return;var l=(o=c.current)==null?void 0:o.offsetWidth;var a=i.offsetLeft;var v=i.offsetWidth;if(a<=v){var s;(s=c.current)==null?void 0:s.scrollTo({left:0,behavior:n})}else{var u=a-l/2+v/2;if(u>0){var f;(f=c.current)==null?void 0:f.scrollTo({left:u,behavior:n})}else{var m;(m=c.current)==null?void 0:m.scrollTo({left:0,behavior:n})}}};o.useEffectCustom((function(){if(a.activeKey){if(v==="vertical"){s(a.activeKey)}else{u(a.activeKey)}}}),[a.activeKey]);e((function(){if(a.activeKey){if(v==="vertical"){s(a.activeKey)}else{u(a.activeKey)}}}),c,{subtree:true,childList:true,characterData:true});return i("div",{className:r("roll-location-center","roll-location-center-"+v,a.className),style:a.style,ref:c,children:a.renderList.map((function(r){return i("div",{className:"roll-location-center-"+r.activeKey,children:r.render},r.activeKey)}))})};export{l as RollLocationCenter};
+import{classNames as r}from"@dimjs/utils/cjs/class-names";import{useMutationObserver as e}from"ahooks";import{useRef as t}from"react";import{fbaHooks as o}from"../fba-hooks/index.js";import{jsx as i}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"antd";var l=function l(a){var c=t(null);var n=a.behavior||"smooth";var v=a.direction||"vertical";var s=function r(e){var t,o;var i=(t=c.current)==null?void 0:t.querySelector(".roll-location-center-"+e);if(!i)return;var l=(o=c.current)==null?void 0:o.offsetHeight;var a=i.offsetTop;var v=i.offsetHeight;if(a<=v){var s;(s=c.current)==null?void 0:s.scrollTo({top:0,behavior:n})}else{var u=a-l/2+v/2;if(u>0){var f;(f=c.current)==null?void 0:f.scrollTo({top:u,behavior:n})}else{var m;(m=c.current)==null?void 0:m.scrollTo({top:0,behavior:n})}}};var u=function r(e){var t,o;var i=(t=c.current)==null?void 0:t.querySelector(".roll-location-center-"+e);if(!i)return;var l=(o=c.current)==null?void 0:o.offsetWidth;var a=i.offsetLeft;var v=i.offsetWidth;if(a<=v){var s;(s=c.current)==null?void 0:s.scrollTo({left:0,behavior:n})}else{var u=a-l/2+v/2;if(u>0){var f;(f=c.current)==null?void 0:f.scrollTo({left:u,behavior:n})}else{var m;(m=c.current)==null?void 0:m.scrollTo({left:0,behavior:n})}}};o.useEffectCustom((function(){if(a.activeKey){if(v==="vertical"){s(a.activeKey)}else{u(a.activeKey)}}}),[a.activeKey]);e((function(){if(a.activeKey){if(v==="vertical"){s(a.activeKey)}else{u(a.activeKey)}}}),c,{subtree:true,childList:true,characterData:true});return i("div",{className:r("roll-location-center","roll-location-center-"+v,a.className),style:a.style,ref:c,children:a.renderList.map((function(r){return i("div",{className:"roll-location-center-"+r.activeKey,children:r.render},r.activeKey)}))})};export{l as RollLocationCenter};
 //# sourceMappingURL=index.js.map

package/esm/roll-location-center/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/roll-location-center/center.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { useMutationObserver } from 'ahooks';\nimport { CSSProperties, ReactElement, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type RollLocationCenterProps = {\n  renderList: { activeKey: string; render: ReactElement }[];\n  activeKey?: string;\n  behavior?: ScrollBehavior;\n  direction?: 'horizontal' | 'vertical';\n  style?: CSSProperties;\n  className?: string;\n};\nexport const RollLocationCenter = (props: RollLocationCenterProps) => {\n  const rollLocationCenterRef = useRef<HTMLDivElement>(null);\n  const behavior = props.behavior || 'smooth';\n  const direction = props.direction || 'vertical';\n\n  const targetVerticalRoll = (key: string) => {\n    const targetNode = rollLocationCenterRef.current?.querySelector(\n      `.roll-location-center-${key}`,\n    ) as HTMLDivElement;\n    if (!targetNode) return;\n    const parentNodeHeight = rollLocationCenterRef.current?.offsetHeight as number;\n    const targetNodeOffsetTop = targetNode.offsetTop;\n    const targetNodeHeight = targetNode.offsetHeight;\n    if (targetNodeOffsetTop <= targetNodeHeight) {\n      rollLocationCenterRef.current?.scrollTo({ top: 0, behavior });\n    } else {\n      const rollHeight = targetNodeOffsetTop - parentNodeHeight / 2 + targetNodeHeight / 2;\n      if (rollHeight > 0) {\n        rollLocationCenterRef.current?.scrollTo({ top: rollHeight, behavior });\n      } else {\n        rollLocationCenterRef.current?.scrollTo({ top: 0, behavior });\n      }\n    }\n  };\n  const targetHorizontalRoll = (key: string) => {\n    const targetNode = rollLocationCenterRef.current?.querySelector(\n      `.roll-location-center-${key}`,\n    ) as HTMLDivElement;\n    if (!targetNode) return;\n    const parentNodeWidth = rollLocationCenterRef.current?.offsetWidth as number;\n    const targetNodeOffsetLeft = targetNode.offsetLeft;\n    const targetNodeWidth = targetNode.offsetWidth;\n    if (targetNodeOffsetLeft <= targetNodeWidth) {\n      rollLocationCenterRef.current?.scrollTo({ left: 0, behavior });\n    } else {\n      const rollWidth = targetNodeOffsetLeft - parentNodeWidth / 2 + targetNodeWidth / 2;\n      if (rollWidth > 0) {\n        rollLocationCenterRef.current?.scrollTo({ left: rollWidth, behavior });\n      } else {\n        rollLocationCenterRef.current?.scrollTo({ left: 0, behavior });\n      }\n    }\n  };\n\n  fbaHooks.useEffectCustom(() => {\n    if (props.activeKey) {\n      if (direction === 'vertical') {\n        targetVerticalRoll(props.activeKey);\n      } else {\n        targetHorizontalRoll(props.activeKey);\n      }\n    }\n  }, [props.activeKey]);\n\n  useMutationObserver(\n    () => {\n      if (props.activeKey) {\n        if (direction === 'vertical') {\n          targetVerticalRoll(props.activeKey);\n        } else {\n          targetHorizontalRoll(props.activeKey);\n        }\n      }\n    },\n    rollLocationCenterRef,\n    {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    },\n  );\n\n  return (\n    <div\n      className={classNames('roll-location-center', `roll-location-center-${direction}`, props.className)}\n      style={props.style}\n      ref={rollLocationCenterRef}\n    >\n      {props.renderList.map((item) => {\n        return (\n          <div className={`roll-location-center-${item.activeKey}`} key={item.activeKey}>\n            {item.render}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["RollLocationCenter","props","rollLocationCenterRef","useRef","behavior","direction","targetVerticalRoll","key","_rollLocationCenterRe","_rollLocationCenterRe2","targetNode","current","querySelector","parentNodeHeight","offsetHeight","targetNodeOffsetTop","offsetTop","targetNodeHeight","_rollLocationCenterRe3","scrollTo","top","rollHeight","_rollLocationCenterRe4","_rollLocationCenterRe5","targetHorizontalRoll","_rollLocationCenterRe6","_rollLocationCenterRe7","parentNodeWidth","offsetWidth","targetNodeOffsetLeft","offsetLeft","targetNodeWidth","_rollLocationCenterRe8","left","rollWidth","_rollLocationCenterRe9","_rollLocationCenterRe10","fbaHooks","useEffectCustom","activeKey","useMutationObserver","subtree","childList","characterData","_jsx","className","_classNames","style","ref","children","renderList","map","item","render"],"mappings":";4YAcaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAMC,EAAwBC,EAAuB,MACrD,IAAMC,EAAWH,EAAMG,UAAY,SACnC,IAAMC,EAAYJ,EAAMI,WAAa,WAErC,IAAMC,EAAqB,SAArBA,EAAsBC,GAAgB,IAAAC,EAAAC,EAC1C,IAAMC,GAAUF,EAAGN,EAAsBS,UAAO,UAAA,EAA7BH,EAA+BI,cAAa,yBACpCL,GAE3B,IAAKG,EAAY,OACjB,IAAMG,GAAgBJ,EAAGP,EAAsBS,UAAO,UAAA,EAA7BF,EAA+BK,aACxD,IAAMC,EAAsBL,EAAWM,UACvC,IAAMC,EAAmBP,EAAWI,aACpC,GAAIC,GAAuBE,EAAkB,CAAA,IAAAC,GAC3CA,EAAAhB,EAAsBS,UAAtBO,UAAAA,EAAAA,EAA+BC,SAAS,CAAEC,IAAK,EAAGhB,SAAAA,GACpD,KAAO,CACL,IAAMiB,EAAaN,EAAsBF,EAAmB,EAAII,EAAmB,EACnF,GAAII,EAAa,EAAG,CAAA,IAAAC,GAClBA,EAAApB,EAAsBS,UAAtBW,UAAAA,EAAAA,EAA+BH,SAAS,CAAEC,IAAKC,EAAYjB,SAAAA,GAC7D,KAAO,CAAA,IAAAmB,GACLA,EAAArB,EAAsBS,UAAtBY,UAAAA,EAAAA,EAA+BJ,SAAS,CAAEC,IAAK,EAAGhB,SAAAA,GACpD,CACF,GAEF,IAAMoB,EAAuB,SAAvBA,EAAwBjB,GAAgB,IAAAkB,EAAAC,EAC5C,IAAMhB,GAAUe,EAAGvB,EAAsBS,UAAO,UAAA,EAA7Bc,EAA+Bb,cAAa,yBACpCL,GAE3B,IAAKG,EAAY,OACjB,IAAMiB,GAAeD,EAAGxB,EAAsBS,UAAO,UAAA,EAA7Be,EAA+BE,YACvD,IAAMC,EAAuBnB,EAAWoB,WACxC,IAAMC,EAAkBrB,EAAWkB,YACnC,GAAIC,GAAwBE,EAAiB,CAAA,IAAAC,GAC3CA,EAAA9B,EAAsBS,UAAtBqB,UAAAA,EAAAA,EAA+Bb,SAAS,CAAEc,KAAM,EAAG7B,SAAAA,GACrD,KAAO,CACL,IAAM8B,EAAYL,EAAuBF,EAAkB,EAAII,EAAkB,EACjF,GAAIG,EAAY,EAAG,CAAA,IAAAC,GACjBA,EAAAjC,EAAsBS,UAAtBwB,UAAAA,EAAAA,EAA+BhB,SAAS,CAAEc,KAAMC,EAAW9B,SAAAA,GAC7D,KAAO,CAAA,IAAAgC,GACLA,EAAAlC,EAAsBS,UAAtByB,UAAAA,EAAAA,EAA+BjB,SAAS,CAAEc,KAAM,EAAG7B,SAAAA,GACrD,CACF,GAGFiC,EAASC,iBAAgB,WACvB,GAAIrC,EAAMsC,UAAW,CACnB,GAAIlC,IAAc,WAAY,CAC5BC,EAAmBL,EAAMsC,UAC3B,KAAO,CACLf,EAAqBvB,EAAMsC,UAC7B,CACF,CACF,GAAG,CAACtC,EAAMsC,YAEVC,GACE,WACE,GAAIvC,EAAMsC,UAAW,CACnB,GAAIlC,IAAc,WAAY,CAC5BC,EAAmBL,EAAMsC,UAC3B,KAAO,CACLf,EAAqBvB,EAAMsC,UAC7B,CACF,CACD,GACDrC,EACA,CACEuC,QAAS,KACTC,UAAW,KACXC,cAAe,OAInB,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAW,uBAAsB,wBAA0BzC,EAAaJ,EAAM4C,WACzFE,MAAO9C,EAAM8C,MACbC,IAAK9C,EAAsB+C,SAE1BhD,EAAMiD,WAAWC,KAAI,SAACC,GACrB,OACER,EAAA,MAAA,CAAKC,UAAS,wBAA0BO,EAAKb,UAAYU,SACtDG,EAAKC,QADuDD,EAAKb,eAO9E"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/roll-location-center/center.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { useMutationObserver } from 'ahooks';\nimport { CSSProperties, ReactElement, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type RollLocationCenterProps = {\n  renderList: { activeKey: string; render: ReactElement }[];\n  activeKey?: string;\n  behavior?: ScrollBehavior;\n  direction?: 'horizontal' | 'vertical';\n  style?: CSSProperties;\n  className?: string;\n};\nexport const RollLocationCenter = (props: RollLocationCenterProps) => {\n  const rollLocationCenterRef = useRef<HTMLDivElement>(null);\n  const behavior = props.behavior || 'smooth';\n  const direction = props.direction || 'vertical';\n\n  const targetVerticalRoll = (key: string) => {\n    const targetNode = rollLocationCenterRef.current?.querySelector(\n      `.roll-location-center-${key}`,\n    ) as HTMLDivElement;\n    if (!targetNode) return;\n    const parentNodeHeight = rollLocationCenterRef.current?.offsetHeight as number;\n    const targetNodeOffsetTop = targetNode.offsetTop;\n    const targetNodeHeight = targetNode.offsetHeight;\n    if (targetNodeOffsetTop <= targetNodeHeight) {\n      rollLocationCenterRef.current?.scrollTo({ top: 0, behavior });\n    } else {\n      const rollHeight = targetNodeOffsetTop - parentNodeHeight / 2 + targetNodeHeight / 2;\n      if (rollHeight > 0) {\n        rollLocationCenterRef.current?.scrollTo({ top: rollHeight, behavior });\n      } else {\n        rollLocationCenterRef.current?.scrollTo({ top: 0, behavior });\n      }\n    }\n  };\n  const targetHorizontalRoll = (key: string) => {\n    const targetNode = rollLocationCenterRef.current?.querySelector(\n      `.roll-location-center-${key}`,\n    ) as HTMLDivElement;\n    if (!targetNode) return;\n    const parentNodeWidth = rollLocationCenterRef.current?.offsetWidth as number;\n    const targetNodeOffsetLeft = targetNode.offsetLeft;\n    const targetNodeWidth = targetNode.offsetWidth;\n    if (targetNodeOffsetLeft <= targetNodeWidth) {\n      rollLocationCenterRef.current?.scrollTo({ left: 0, behavior });\n    } else {\n      const rollWidth = targetNodeOffsetLeft - parentNodeWidth / 2 + targetNodeWidth / 2;\n      if (rollWidth > 0) {\n        rollLocationCenterRef.current?.scrollTo({ left: rollWidth, behavior });\n      } else {\n        rollLocationCenterRef.current?.scrollTo({ left: 0, behavior });\n      }\n    }\n  };\n\n  fbaHooks.useEffectCustom(() => {\n    if (props.activeKey) {\n      if (direction === 'vertical') {\n        targetVerticalRoll(props.activeKey);\n      } else {\n        targetHorizontalRoll(props.activeKey);\n      }\n    }\n  }, [props.activeKey]);\n\n  useMutationObserver(\n    () => {\n      if (props.activeKey) {\n        if (direction === 'vertical') {\n          targetVerticalRoll(props.activeKey);\n        } else {\n          targetHorizontalRoll(props.activeKey);\n        }\n      }\n    },\n    rollLocationCenterRef,\n    {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    },\n  );\n\n  return (\n    <div\n      className={classNames('roll-location-center', `roll-location-center-${direction}`, props.className)}\n      style={props.style}\n      ref={rollLocationCenterRef}\n    >\n      {props.renderList.map((item) => {\n        return (\n          <div className={`roll-location-center-${item.activeKey}`} key={item.activeKey}>\n            {item.render}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["RollLocationCenter","props","rollLocationCenterRef","useRef","behavior","direction","targetVerticalRoll","key","_rollLocationCenterRe","_rollLocationCenterRe2","targetNode","current","querySelector","parentNodeHeight","offsetHeight","targetNodeOffsetTop","offsetTop","targetNodeHeight","_rollLocationCenterRe3","scrollTo","top","rollHeight","_rollLocationCenterRe4","_rollLocationCenterRe5","targetHorizontalRoll","_rollLocationCenterRe6","_rollLocationCenterRe7","parentNodeWidth","offsetWidth","targetNodeOffsetLeft","offsetLeft","targetNodeWidth","_rollLocationCenterRe8","left","rollWidth","_rollLocationCenterRe9","_rollLocationCenterRe10","fbaHooks","useEffectCustom","activeKey","useMutationObserver","subtree","childList","characterData","_jsx","className","_classNames","style","ref","children","renderList","map","item","render"],"mappings":";maAcaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAMC,EAAwBC,EAAuB,MACrD,IAAMC,EAAWH,EAAMG,UAAY,SACnC,IAAMC,EAAYJ,EAAMI,WAAa,WAErC,IAAMC,EAAqB,SAArBA,EAAsBC,GAAgB,IAAAC,EAAAC,EAC1C,IAAMC,GAAUF,EAAGN,EAAsBS,UAAO,UAAA,EAA7BH,EAA+BI,cAAa,yBACpCL,GAE3B,IAAKG,EAAY,OACjB,IAAMG,GAAgBJ,EAAGP,EAAsBS,UAAO,UAAA,EAA7BF,EAA+BK,aACxD,IAAMC,EAAsBL,EAAWM,UACvC,IAAMC,EAAmBP,EAAWI,aACpC,GAAIC,GAAuBE,EAAkB,CAAA,IAAAC,GAC3CA,EAAAhB,EAAsBS,UAAtBO,UAAAA,EAAAA,EAA+BC,SAAS,CAAEC,IAAK,EAAGhB,SAAAA,GACpD,KAAO,CACL,IAAMiB,EAAaN,EAAsBF,EAAmB,EAAII,EAAmB,EACnF,GAAII,EAAa,EAAG,CAAA,IAAAC,GAClBA,EAAApB,EAAsBS,UAAtBW,UAAAA,EAAAA,EAA+BH,SAAS,CAAEC,IAAKC,EAAYjB,SAAAA,GAC7D,KAAO,CAAA,IAAAmB,GACLA,EAAArB,EAAsBS,UAAtBY,UAAAA,EAAAA,EAA+BJ,SAAS,CAAEC,IAAK,EAAGhB,SAAAA,GACpD,CACF,GAEF,IAAMoB,EAAuB,SAAvBA,EAAwBjB,GAAgB,IAAAkB,EAAAC,EAC5C,IAAMhB,GAAUe,EAAGvB,EAAsBS,UAAO,UAAA,EAA7Bc,EAA+Bb,cAAa,yBACpCL,GAE3B,IAAKG,EAAY,OACjB,IAAMiB,GAAeD,EAAGxB,EAAsBS,UAAO,UAAA,EAA7Be,EAA+BE,YACvD,IAAMC,EAAuBnB,EAAWoB,WACxC,IAAMC,EAAkBrB,EAAWkB,YACnC,GAAIC,GAAwBE,EAAiB,CAAA,IAAAC,GAC3CA,EAAA9B,EAAsBS,UAAtBqB,UAAAA,EAAAA,EAA+Bb,SAAS,CAAEc,KAAM,EAAG7B,SAAAA,GACrD,KAAO,CACL,IAAM8B,EAAYL,EAAuBF,EAAkB,EAAII,EAAkB,EACjF,GAAIG,EAAY,EAAG,CAAA,IAAAC,GACjBA,EAAAjC,EAAsBS,UAAtBwB,UAAAA,EAAAA,EAA+BhB,SAAS,CAAEc,KAAMC,EAAW9B,SAAAA,GAC7D,KAAO,CAAA,IAAAgC,GACLA,EAAAlC,EAAsBS,UAAtByB,UAAAA,EAAAA,EAA+BjB,SAAS,CAAEc,KAAM,EAAG7B,SAAAA,GACrD,CACF,GAGFiC,EAASC,iBAAgB,WACvB,GAAIrC,EAAMsC,UAAW,CACnB,GAAIlC,IAAc,WAAY,CAC5BC,EAAmBL,EAAMsC,UAC3B,KAAO,CACLf,EAAqBvB,EAAMsC,UAC7B,CACF,CACF,GAAG,CAACtC,EAAMsC,YAEVC,GACE,WACE,GAAIvC,EAAMsC,UAAW,CACnB,GAAIlC,IAAc,WAAY,CAC5BC,EAAmBL,EAAMsC,UAC3B,KAAO,CACLf,EAAqBvB,EAAMsC,UAC7B,CACF,CACD,GACDrC,EACA,CACEuC,QAAS,KACTC,UAAW,KACXC,cAAe,OAInB,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAW,uBAAsB,wBAA0BzC,EAAaJ,EAAM4C,WACzFE,MAAO9C,EAAM8C,MACbC,IAAK9C,EAAsB+C,SAE1BhD,EAAMiD,WAAWC,KAAI,SAACC,GACrB,OACER,EAAA,MAAA,CAAKC,UAAS,wBAA0BO,EAAKb,UAAYU,SACtDG,EAAKC,QADuDD,EAAKb,eAO9E"}

package/esm/roll-location-in-view/index.js

@@ -2,5 +2,5 @@
 import './../fba-hooks/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import{classNames as r}from"@dimjs/utils/cjs/class-names";import{useMutationObserver as e}from"ahooks";import{useRef as i}from"react";import{fbaHooks as t}from"../fba-hooks/index.js";import{jsx as o}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";import"antd";var l=function l(a){var v=i(null);var c=a.behavior||"smooth";var n=a.activeOffset||0;var s=a.direction||"vertical";var u=function r(e){try{var i,t,o;var l=(i=v.current)==null?void 0:i.querySelector(".roll-location-in-view-item-"+e);var a=(t=v.current)==null?void 0:t.offsetHeight;var s=(o=v.current)==null?void 0:o.scrollTop;var u=l.offsetTop;var f=u-s;var m=l.offsetHeight;if(u===0){var d;(d=v.current)==null?void 0:d.scrollTo({top:0,behavior:c})}else{if(f<0){var h;(h=v.current)==null?void 0:h.scrollTo({top:u-n,behavior:c})}else if(f>=0&&f+m<a){}else{var p;var y=u-(a-m);(p=v.current)==null?void 0:p.scrollTo({top:y+n,behavior:c})}}}catch(r){}};var f=function r(e){try{var i,t,o;var l=(i=v.current)==null?void 0:i.querySelector(".roll-location-in-view-item-"+e);var a=(t=v.current)==null?void 0:t.offsetWidth;var s=(o=v.current)==null?void 0:o.scrollLeft;var u=l.offsetLeft;var f=u-s;var m=l.offsetWidth;if(u===0){var d;(d=v.current)==null?void 0:d.scrollTo({left:0,behavior:c})}else{if(f<0){var h;(h=v.current)==null?void 0:h.scrollTo({left:u-n,behavior:c})}else if(f>=0&&f+m<a){}else{var p;var y=u-(a-m);(p=v.current)==null?void 0:p.scrollTo({left:y+n,behavior:c})}}}catch(r){}};t.useEffectCustom((function(){if(a.activeKey){if(s==="vertical"){u(a.activeKey)}else{f(a.activeKey)}}}),[a.activeKey]);e((function(){if(a.activeKey){if(s==="vertical"){u(a.activeKey)}else{f(a.activeKey)}}}),v,{subtree:true,childList:true,characterData:true});return o("div",{className:r("roll-location-in-view","roll-location-in-view-"+s,a.className),style:a.style,ref:v,children:a.renderList.map((function(r){return o("div",{className:"roll-location-in-view-item-"+r.activeKey,children:r.render},r.activeKey)}))})};export{l as RollLocationInView};
+import{classNames as r}from"@dimjs/utils/cjs/class-names";import{useMutationObserver as e}from"ahooks";import{useRef as i}from"react";import{fbaHooks as t}from"../fba-hooks/index.js";import{jsx as o}from"react/jsx-runtime";import"../_rollupPluginBabelHelpers-a0769acd.js";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"@flatbiz/utils";import"../use-responsive-point-21b8c601.js";import"antd";var l=function l(a){var v=i(null);var c=a.behavior||"smooth";var n=a.activeOffset||0;var s=a.direction||"vertical";var u=function r(e){try{var i,t,o;var l=(i=v.current)==null?void 0:i.querySelector(".roll-location-in-view-item-"+e);var a=(t=v.current)==null?void 0:t.offsetHeight;var s=(o=v.current)==null?void 0:o.scrollTop;var u=l.offsetTop;var f=u-s;var m=l.offsetHeight;if(u===0){var d;(d=v.current)==null?void 0:d.scrollTo({top:0,behavior:c})}else{if(f<0){var p;(p=v.current)==null?void 0:p.scrollTo({top:u-n,behavior:c})}else if(f>=0&&f+m<a){}else{var h;var y=u-(a-m);(h=v.current)==null?void 0:h.scrollTo({top:y+n,behavior:c})}}}catch(r){}};var f=function r(e){try{var i,t,o;var l=(i=v.current)==null?void 0:i.querySelector(".roll-location-in-view-item-"+e);var a=(t=v.current)==null?void 0:t.offsetWidth;var s=(o=v.current)==null?void 0:o.scrollLeft;var u=l.offsetLeft;var f=u-s;var m=l.offsetWidth;if(u===0){var d;(d=v.current)==null?void 0:d.scrollTo({left:0,behavior:c})}else{if(f<0){var p;(p=v.current)==null?void 0:p.scrollTo({left:u-n,behavior:c})}else if(f>=0&&f+m<a){}else{var h;var y=u-(a-m);(h=v.current)==null?void 0:h.scrollTo({left:y+n,behavior:c})}}}catch(r){}};t.useEffectCustom((function(){if(a.activeKey){if(s==="vertical"){u(a.activeKey)}else{f(a.activeKey)}}}),[a.activeKey]);e((function(){if(a.activeKey){if(s==="vertical"){u(a.activeKey)}else{f(a.activeKey)}}}),v,{subtree:true,childList:true,characterData:true});return o("div",{className:r("roll-location-in-view","roll-location-in-view-"+s,a.className),style:a.style,ref:v,children:a.renderList.map((function(r){return o("div",{className:"roll-location-in-view-item-"+r.activeKey,children:r.render},r.activeKey)}))})};export{l as RollLocationInView};
 //# sourceMappingURL=index.js.map

package/esm/roll-location-in-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/roll-location-in-view/in-view.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { useMutationObserver } from 'ahooks';\nimport { CSSProperties, ReactElement, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type RollLocationInViewProps = {\n  renderList: { activeKey: string; render: ReactElement }[];\n  activeKey?: string;\n  behavior?: ScrollBehavior;\n  // 激活节点在边界时，上下节点露出偏移量\n  activeOffset?: number;\n  direction?: 'horizontal' | 'vertical';\n  style?: CSSProperties;\n  className?: string;\n};\nexport const RollLocationInView = (props: RollLocationInViewProps) => {\n  const rollLocationInViewRef = useRef<HTMLDivElement>(null);\n  const behavior = props.behavior || 'smooth';\n  const activeOffset = props.activeOffset || 0;\n  const direction = props.direction || 'vertical';\n\n  const targetVerticalRoll = (key: string) => {\n    try {\n      const targetNode = rollLocationInViewRef.current?.querySelector(\n        `.roll-location-in-view-item-${key}`,\n      ) as HTMLDivElement;\n      const parentNodeHeight = rollLocationInViewRef.current?.offsetHeight as number;\n      const scrollerScrollTop = rollLocationInViewRef.current?.scrollTop as number;\n      const targetNodeOffsetTop = targetNode.offsetTop;\n      const targetTop2ScrollWindowHeight = targetNodeOffsetTop - scrollerScrollTop;\n      const targetNodeHeight = targetNode.offsetHeight;\n      if (targetNodeOffsetTop === 0) {\n        rollLocationInViewRef.current?.scrollTo({ top: 0, behavior });\n      } else {\n        if (targetTop2ScrollWindowHeight < 0) {\n          rollLocationInViewRef.current?.scrollTo({ top: targetNodeOffsetTop - activeOffset, behavior });\n        } else if (\n          targetTop2ScrollWindowHeight >= 0 &&\n          targetTop2ScrollWindowHeight + targetNodeHeight < parentNodeHeight\n        ) {\n          //\n        } else {\n          const xx = targetNodeOffsetTop - (parentNodeHeight - targetNodeHeight);\n          rollLocationInViewRef.current?.scrollTo({ top: xx + activeOffset, behavior });\n        }\n      }\n    } catch (error) {\n      // 异常不处理\n    }\n  };\n  const targetHorizontalRoll = (key: string) => {\n    try {\n      const targetNode = rollLocationInViewRef.current?.querySelector(\n        `.roll-location-in-view-item-${key}`,\n      ) as HTMLDivElement;\n      const parentNodeWidth = rollLocationInViewRef.current?.offsetWidth as number;\n      const scrollerScrollLeft = rollLocationInViewRef.current?.scrollLeft as number;\n      const targetNodeOffsetLeft = targetNode.offsetLeft;\n      const targetTop2ScrollWindowWidth = targetNodeOffsetLeft - scrollerScrollLeft;\n      const targetNodeWidth = targetNode.offsetWidth;\n      if (targetNodeOffsetLeft === 0) {\n        rollLocationInViewRef.current?.scrollTo({ left: 0, behavior });\n      } else {\n        if (targetTop2ScrollWindowWidth < 0) {\n          rollLocationInViewRef.current?.scrollTo({ left: targetNodeOffsetLeft - activeOffset, behavior });\n        } else if (\n          targetTop2ScrollWindowWidth >= 0 &&\n          targetTop2ScrollWindowWidth + targetNodeWidth < parentNodeWidth\n        ) {\n          //\n        } else {\n          const xx = targetNodeOffsetLeft - (parentNodeWidth - targetNodeWidth);\n          rollLocationInViewRef.current?.scrollTo({ left: xx + activeOffset, behavior });\n        }\n      }\n    } catch (error) {\n      // 异常不处理\n    }\n  };\n\n  fbaHooks.useEffectCustom(() => {\n    if (props.activeKey) {\n      if (direction === 'vertical') {\n        targetVerticalRoll(props.activeKey);\n      } else {\n        targetHorizontalRoll(props.activeKey);\n      }\n    }\n  }, [props.activeKey]);\n\n  useMutationObserver(\n    () => {\n      if (props.activeKey) {\n        if (direction === 'vertical') {\n          targetVerticalRoll(props.activeKey);\n        } else {\n          targetHorizontalRoll(props.activeKey);\n        }\n      }\n    },\n    rollLocationInViewRef,\n    {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    },\n  );\n\n  return (\n    <div\n      className={classNames('roll-location-in-view', `roll-location-in-view-${direction}`, props.className)}\n      style={props.style}\n      ref={rollLocationInViewRef}\n    >\n      {props.renderList.map((item) => {\n        return (\n          <div className={`roll-location-in-view-item-${item.activeKey}`} key={item.activeKey}>\n            {item.render}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["RollLocationInView","props","rollLocationInViewRef","useRef","behavior","activeOffset","direction","targetVerticalRoll","key","_rollLocationInViewRe","_rollLocationInViewRe2","_rollLocationInViewRe3","targetNode","current","querySelector","parentNodeHeight","offsetHeight","scrollerScrollTop","scrollTop","targetNodeOffsetTop","offsetTop","targetTop2ScrollWindowHeight","targetNodeHeight","_rollLocationInViewRe4","scrollTo","top","_rollLocationInViewRe5","_rollLocationInViewRe6","xx","error","targetHorizontalRoll","_rollLocationInViewRe7","_rollLocationInViewRe8","_rollLocationInViewRe9","parentNodeWidth","offsetWidth","scrollerScrollLeft","scrollLeft","targetNodeOffsetLeft","offsetLeft","targetTop2ScrollWindowWidth","targetNodeWidth","_rollLocationInViewRe10","left","_rollLocationInViewRe11","_rollLocationInViewRe12","fbaHooks","useEffectCustom","activeKey","useMutationObserver","subtree","childList","characterData","_jsx","className","_classNames","style","ref","children","renderList","map","item","render"],"mappings":";4YAgBaA,EAAqB,SAArBA,EAAsBC,GACjC,IAAMC,EAAwBC,EAAuB,MACrD,IAAMC,EAAWH,EAAMG,UAAY,SACnC,IAAMC,EAAeJ,EAAMI,cAAgB,EAC3C,IAAMC,EAAYL,EAAMK,WAAa,WAErC,IAAMC,EAAqB,SAArBA,EAAsBC,GAC1B,IAAI,IAAAC,EAAAC,EAAAC,EACF,IAAMC,GAAUH,EAAGP,EAAsBW,UAAO,UAAA,EAA7BJ,EAA+BK,cAAa,+BAC9BN,GAEjC,IAAMO,GAAgBL,EAAGR,EAAsBW,UAAO,UAAA,EAA7BH,EAA+BM,aACxD,IAAMC,GAAiBN,EAAGT,EAAsBW,UAAO,UAAA,EAA7BF,EAA+BO,UACzD,IAAMC,EAAsBP,EAAWQ,UACvC,IAAMC,EAA+BF,EAAsBF,EAC3D,IAAMK,EAAmBV,EAAWI,aACpC,GAAIG,IAAwB,EAAG,CAAA,IAAAI,GAC7BA,EAAArB,EAAsBW,UAAtBU,UAAAA,EAAAA,EAA+BC,SAAS,CAAEC,IAAK,EAAGrB,SAAAA,GACpD,KAAO,CACL,GAAIiB,EAA+B,EAAG,CAAA,IAAAK,GACpCA,EAAAxB,EAAsBW,UAAtBa,UAAAA,EAAAA,EAA+BF,SAAS,CAAEC,IAAKN,EAAsBd,EAAcD,SAAAA,GACpF,MAAM,GACLiB,GAAgC,GAChCA,EAA+BC,EAAmBP,EAClD,CACA,KACK,CAAA,IAAAY,EACL,IAAMC,EAAKT,GAAuBJ,EAAmBO,IACrDK,EAAAzB,EAAsBW,UAAtBc,UAAAA,EAAAA,EAA+BH,SAAS,CAAEC,IAAKG,EAAKvB,EAAcD,SAAAA,GACpE,CACF,CACD,CAAC,MAAOyB,GACP,GAGJ,IAAMC,EAAuB,SAAvBA,EAAwBtB,GAC5B,IAAI,IAAAuB,EAAAC,EAAAC,EACF,IAAMrB,GAAUmB,EAAG7B,EAAsBW,UAAO,UAAA,EAA7BkB,EAA+BjB,cAAa,+BAC9BN,GAEjC,IAAM0B,GAAeF,EAAG9B,EAAsBW,UAAO,UAAA,EAA7BmB,EAA+BG,YACvD,IAAMC,GAAkBH,EAAG/B,EAAsBW,UAAO,UAAA,EAA7BoB,EAA+BI,WAC1D,IAAMC,EAAuB1B,EAAW2B,WACxC,IAAMC,EAA8BF,EAAuBF,EAC3D,IAAMK,EAAkB7B,EAAWuB,YACnC,GAAIG,IAAyB,EAAG,CAAA,IAAAI,GAC9BA,EAAAxC,EAAsBW,UAAtB6B,UAAAA,EAAAA,EAA+BlB,SAAS,CAAEmB,KAAM,EAAGvC,SAAAA,GACrD,KAAO,CACL,GAAIoC,EAA8B,EAAG,CAAA,IAAAI,GACnCA,EAAA1C,EAAsBW,UAAtB+B,UAAAA,EAAAA,EAA+BpB,SAAS,CAAEmB,KAAML,EAAuBjC,EAAcD,SAAAA,GACtF,MAAM,GACLoC,GAA+B,GAC/BA,EAA8BC,EAAkBP,EAChD,CACA,KACK,CAAA,IAAAW,EACL,IAAMjB,EAAKU,GAAwBJ,EAAkBO,IACrDI,EAAA3C,EAAsBW,UAAtBgC,UAAAA,EAAAA,EAA+BrB,SAAS,CAAEmB,KAAMf,EAAKvB,EAAcD,SAAAA,GACrE,CACF,CACD,CAAC,MAAOyB,GACP,GAIJiB,EAASC,iBAAgB,WACvB,GAAI9C,EAAM+C,UAAW,CACnB,GAAI1C,IAAc,WAAY,CAC5BC,EAAmBN,EAAM+C,UAC3B,KAAO,CACLlB,EAAqB7B,EAAM+C,UAC7B,CACF,CACF,GAAG,CAAC/C,EAAM+C,YAEVC,GACE,WACE,GAAIhD,EAAM+C,UAAW,CACnB,GAAI1C,IAAc,WAAY,CAC5BC,EAAmBN,EAAM+C,UAC3B,KAAO,CACLlB,EAAqB7B,EAAM+C,UAC7B,CACF,CACD,GACD9C,EACA,CACEgD,QAAS,KACTC,UAAW,KACXC,cAAe,OAInB,OACEC,EAAA,MAAA,CACEC,UAAWC,EAAW,wBAAuB,yBAA2BjD,EAAaL,EAAMqD,WAC3FE,MAAOvD,EAAMuD,MACbC,IAAKvD,EAAsBwD,SAE1BzD,EAAM0D,WAAWC,KAAI,SAACC,GACrB,OACER,EAAA,MAAA,CAAKC,UAAS,8BAAgCO,EAAKb,UAAYU,SAC5DG,EAAKC,QAD6DD,EAAKb,eAOpF"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/roll-location-in-view/in-view.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { useMutationObserver } from 'ahooks';\nimport { CSSProperties, ReactElement, useRef } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type RollLocationInViewProps = {\n  renderList: { activeKey: string; render: ReactElement }[];\n  activeKey?: string;\n  behavior?: ScrollBehavior;\n  // 激活节点在边界时，上下节点露出偏移量\n  activeOffset?: number;\n  direction?: 'horizontal' | 'vertical';\n  style?: CSSProperties;\n  className?: string;\n};\nexport const RollLocationInView = (props: RollLocationInViewProps) => {\n  const rollLocationInViewRef = useRef<HTMLDivElement>(null);\n  const behavior = props.behavior || 'smooth';\n  const activeOffset = props.activeOffset || 0;\n  const direction = props.direction || 'vertical';\n\n  const targetVerticalRoll = (key: string) => {\n    try {\n      const targetNode = rollLocationInViewRef.current?.querySelector(\n        `.roll-location-in-view-item-${key}`,\n      ) as HTMLDivElement;\n      const parentNodeHeight = rollLocationInViewRef.current?.offsetHeight as number;\n      const scrollerScrollTop = rollLocationInViewRef.current?.scrollTop as number;\n      const targetNodeOffsetTop = targetNode.offsetTop;\n      const targetTop2ScrollWindowHeight = targetNodeOffsetTop - scrollerScrollTop;\n      const targetNodeHeight = targetNode.offsetHeight;\n      if (targetNodeOffsetTop === 0) {\n        rollLocationInViewRef.current?.scrollTo({ top: 0, behavior });\n      } else {\n        if (targetTop2ScrollWindowHeight < 0) {\n          rollLocationInViewRef.current?.scrollTo({ top: targetNodeOffsetTop - activeOffset, behavior });\n        } else if (\n          targetTop2ScrollWindowHeight >= 0 &&\n          targetTop2ScrollWindowHeight + targetNodeHeight < parentNodeHeight\n        ) {\n          //\n        } else {\n          const xx = targetNodeOffsetTop - (parentNodeHeight - targetNodeHeight);\n          rollLocationInViewRef.current?.scrollTo({ top: xx + activeOffset, behavior });\n        }\n      }\n    } catch (error) {\n      // 异常不处理\n    }\n  };\n  const targetHorizontalRoll = (key: string) => {\n    try {\n      const targetNode = rollLocationInViewRef.current?.querySelector(\n        `.roll-location-in-view-item-${key}`,\n      ) as HTMLDivElement;\n      const parentNodeWidth = rollLocationInViewRef.current?.offsetWidth as number;\n      const scrollerScrollLeft = rollLocationInViewRef.current?.scrollLeft as number;\n      const targetNodeOffsetLeft = targetNode.offsetLeft;\n      const targetTop2ScrollWindowWidth = targetNodeOffsetLeft - scrollerScrollLeft;\n      const targetNodeWidth = targetNode.offsetWidth;\n      if (targetNodeOffsetLeft === 0) {\n        rollLocationInViewRef.current?.scrollTo({ left: 0, behavior });\n      } else {\n        if (targetTop2ScrollWindowWidth < 0) {\n          rollLocationInViewRef.current?.scrollTo({ left: targetNodeOffsetLeft - activeOffset, behavior });\n        } else if (\n          targetTop2ScrollWindowWidth >= 0 &&\n          targetTop2ScrollWindowWidth + targetNodeWidth < parentNodeWidth\n        ) {\n          //\n        } else {\n          const xx = targetNodeOffsetLeft - (parentNodeWidth - targetNodeWidth);\n          rollLocationInViewRef.current?.scrollTo({ left: xx + activeOffset, behavior });\n        }\n      }\n    } catch (error) {\n      // 异常不处理\n    }\n  };\n\n  fbaHooks.useEffectCustom(() => {\n    if (props.activeKey) {\n      if (direction === 'vertical') {\n        targetVerticalRoll(props.activeKey);\n      } else {\n        targetHorizontalRoll(props.activeKey);\n      }\n    }\n  }, [props.activeKey]);\n\n  useMutationObserver(\n    () => {\n      if (props.activeKey) {\n        if (direction === 'vertical') {\n          targetVerticalRoll(props.activeKey);\n        } else {\n          targetHorizontalRoll(props.activeKey);\n        }\n      }\n    },\n    rollLocationInViewRef,\n    {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    },\n  );\n\n  return (\n    <div\n      className={classNames('roll-location-in-view', `roll-location-in-view-${direction}`, props.className)}\n      style={props.style}\n      ref={rollLocationInViewRef}\n    >\n      {props.renderList.map((item) => {\n        return (\n          <div className={`roll-location-in-view-item-${item.activeKey}`} key={item.activeKey}>\n            {item.render}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":["RollLocationInView","props","rollLocationInViewRef","useRef","behavior","activeOffset","direction","targetVerticalRoll","key","_rollLocationInViewRe","_rollLocationInViewRe2","_rollLocationInViewRe3","targetNode","current","querySelector","parentNodeHeight","offsetHeight","scrollerScrollTop","scrollTop","targetNodeOffsetTop","offsetTop","targetTop2ScrollWindowHeight","targetNodeHeight","_rollLocationInViewRe4","scrollTo","top","_rollLocationInViewRe5","_rollLocationInViewRe6","xx","error","targetHorizontalRoll","_rollLocationInViewRe7","_rollLocationInViewRe8","_rollLocationInViewRe9","parentNodeWidth","offsetWidth","scrollerScrollLeft","scrollLeft","targetNodeOffsetLeft","offsetLeft","targetTop2ScrollWindowWidth","targetNodeWidth","_rollLocationInViewRe10","left","_rollLocationInViewRe11","_rollLocationInViewRe12","fbaHooks","useEffectCustom","activeKey","useMutationObserver","subtree","childList","characterData","_jsx","className","_classNames","style","ref","children","renderList","map","item","render"],"mappings":"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"}

package/esm/search-form/index.js

@@ -1,5 +1,11 @@
 /* eslint-disable */
+import './../button-wrapper/index.css';
+import './../config-provider-wrapper/index.css';
+import './../fba-hooks/index.css';
+import './../types/index.css';
+import './../fba-utils/index.css';
+import './../form-grid/index.css';
 import './index.css';
 /*! @flatjs/forge MIT @flatbiz/antd */
-import e from"@ant-design/icons/es/icons/DownOutlined";import n from"@ant-design/icons/es/icons/UpOutlined";import{_ as t}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as i}from"@wove/react/cjs/hooks";import{ButtonWrapper as r,FormGrid as o,fbaHooks as l}from"@flatbiz/antd";import{Form as u}from"antd";import{forwardRef as a,useMemo as f,Children as s,useImperativeHandle as d}from"react";import{isFragment as c}from"react-is";import{Model as p}from"@dimjs/model-react";import{jsx as m,jsxs as v}from"react/jsx-runtime";var h={queryCondition:{},isInit:true,openFold:false};var y={actions:{updateFilterCondition:function e(n){return function(e){e.queryCondition=t({},e.queryCondition,n)}},resetFilterCondition:function e(n){return function(e){e.queryCondition=t({},h.queryCondition,n)}},updateInitStatus:function e(){return function(e){e.isInit=false}},onChangeOpenFold:function e(n){return function(e){e.openFold=n}}},state:h};var g={};var C=function e(n){if(!g[n]){g[n]=p(y)}return g[n]};var F=a((function(a,p){var h=i.useId(undefined,"search-form-key");var y=f((function(){return a.cacheSwitch===false?h:location.pathname}),[h,a.cacheSwitch]);var g=C(y).useStore(),F=g[0],q=g[1];var S=u.useForm(),k=S[0];var I=a.queryButtonProps,O=a.resetButtonProps,P=a.searchOperate,b=a.formClassName,w=a.rightOperateAreaAppendType,A=a.onQuery,B=a.onReset,L=a.initRequest,R=a.onFormFinish,_=a.defaultResetButtonTriggerRequest;var j=typeof a.children==="function"?a.children(k):a.children;var z=w||"cover";var T=f((function(){if(c(j)){return s.toArray(j.props.children)}else{return s.toArray(j)}}),[j]);var x=function e(n){Object.keys(n).forEach((function(e){if(e.startsWith("__#invalid_date_")){delete n[e]}}));void q.updateFilterCondition(n);void(A==null?void 0:A(n||{}))};var K=i.useCallbackRef((function(){return new Promise((function(e,n){return Promise.resolve(q.resetFilterCondition()).then((function(t){try{setTimeout((function(){k.resetFields()}),200);B==null?void 0:B();if(_===false){return e()}void x({});return e()}catch(e){return n(e)}}),n)}))}));var N=function e(n){if(R){R(n);return}void x(n)};var V=f((function(){var i;var l=[!(I!=null&&I.hidden)?m(r,t({type:"primary",htmlType:"submit",loadingPosition:"center"},I,{children:(I==null?void 0:I.text)||"查询"}),"1"):null,!(O!=null&&O.hidden)?m(r,t({onClick:K},O,{children:(O==null?void 0:O.text)||"重置"}),"2"):null].filter(Boolean);var u=P==null?void 0:P(k);var f=u==null?void 0:u.rightList;var s=(u==null?void 0:u.leftList)||[];var d=l;if(f){if(z==="afterAppend"){d=[].concat(l,f)}else if(z==="beforeAppend"){d=[].concat(f,l)}else{d=f}}if((i=a.foldKeys)!=null&&i.length){var c=m(r,{type:"link",style:{padding:"0"},onClick:function e(){void q.onChangeOpenFold(!F.openFold)},children:F.openFold?v("span",{children:["收起",m(n,{style:{marginLeft:3,fontSize:12}})]}):v("span",{children:["展开",m(e,{style:{marginLeft:3,fontSize:12}})]})},"fold-trigger");if(d.length>0||s.length===0){d.push(c)}else if((s==null?void 0:s.length)>0){s.push(c)}}return T.map((function(e,n){var t;if(!F.openFold&&(t=a.foldKeys)!=null&&t.find((function(n){return".$"+n===e.key}))){return null}if(e.props["hidden"])return null;if(e.type["domTypeName"]==="FormCol")return e;return m(o.Col,{children:e},n)})).filter(Boolean).concat(m(o.OperateCol,t({},u,{leftList:s,rightList:d}),999))}),[I,O,K,P,k,a.foldKeys,T,z,F.openFold,q]);l.useEffectCustom((function(){if(L===false&&!F.isInit||L!==false){void(A==null?void 0:A(t({},a.formInitialValues,F.queryCondition)))}void q.updateInitStatus()}),[]);d(p,(function(){return{onQuery:x,form:k}}));return m(u,{form:k,autoComplete:"off",onFinish:N,initialValues:t({},a.formInitialValues,F.queryCondition),className:b,style:a.formStyle,children:a.isPure?j:m(o.Row,{gutter:[15,0],gridSize:a.formGridSize,children:V})})}));export{F as SearchForm};
+import e from"@ant-design/icons/es/icons/DownOutlined";import i from"@ant-design/icons/es/icons/UpOutlined";import{_ as n}from"../_rollupPluginBabelHelpers-a0769acd.js";import{hooks as t}from"@wove/react/cjs/hooks";import{Form as r}from"antd";import{forwardRef as o,useMemo as l,Children as a,useImperativeHandle as s}from"react";import{isFragment as u}from"react-is";import{ButtonWrapper as d}from"../button-wrapper/index.js";import{fbaHooks as f}from"../fba-hooks/index.js";import{FormGrid as p}from"../form-grid/index.js";import{Model as c}from"@dimjs/model-react";import{jsx as m,jsxs as v}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@dimjs/utils/cjs/class-names";import"@flatbiz/utils";import"../index-7f4ad045.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/utils/cjs/extend";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var h={queryCondition:{},isInit:true,openFold:false};var y={actions:{updateFilterCondition:function e(i){return function(e){e.queryCondition=n({},e.queryCondition,i)}},resetFilterCondition:function e(i){return function(e){e.queryCondition=n({},h.queryCondition,i)}},updateInitStatus:function e(){return function(e){e.isInit=false}},onChangeOpenFold:function e(i){return function(e){e.openFold=i}}},state:h};var g={};var j=function e(i){if(!g[i]){g[i]=c(y)}return g[i]};var C=o((function(o,c){var h=t.useId(undefined,"search-form-key");var y=l((function(){return o.cacheSwitch===false?h:location.pathname}),[h,o.cacheSwitch]);var g=j(y).useStore(),C=g[0],F=g[1];var k=r.useForm(),S=k[0];var q=o.queryButtonProps,w=o.resetButtonProps,x=o.searchOperate,O=o.formClassName,b=o.rightOperateAreaAppendType,I=o.onQuery,P=o.onReset,_=o.initRequest,z=o.onFormFinish,L=o.defaultResetButtonTriggerRequest;var A=typeof o.children==="function"?o.children(S):o.children;var B=b||"cover";var R=l((function(){if(u(A)){return a.toArray(A.props.children)}else{return a.toArray(A)}}),[A]);var T=function e(i){Object.keys(i).forEach((function(e){if(e.startsWith("__#invalid_date_")){delete i[e]}}));void F.updateFilterCondition(i);void(I==null?void 0:I(i||{}))};var N=t.useCallbackRef((function(){return new Promise((function(e,i){return Promise.resolve(F.resetFilterCondition()).then((function(n){try{setTimeout((function(){S.resetFields()}),200);P==null?void 0:P();if(L===false){return e()}void T({});return e()}catch(e){return i(e)}}),i)}))}));var K=function e(i){if(z){z(i);return}void T(i)};var V=l((function(){var t;var r=[!(q!=null&&q.hidden)?m(d,n({type:"primary",htmlType:"submit",loadingPosition:"center"},q,{children:(q==null?void 0:q.text)||"查询"}),"1"):null,!(w!=null&&w.hidden)?m(d,n({onClick:N},w,{children:(w==null?void 0:w.text)||"重置"}),"2"):null].filter(Boolean);var l=x==null?void 0:x(S);var a=l==null?void 0:l.rightList;var s=(l==null?void 0:l.leftList)||[];var u=r;if(a){if(B==="afterAppend"){u=[].concat(r,a)}else if(B==="beforeAppend"){u=[].concat(a,r)}else{u=a}}if((t=o.foldKeys)!=null&&t.length){var f=m(d,{type:"link",style:{padding:"0"},onClick:function e(){void F.onChangeOpenFold(!C.openFold)},children:C.openFold?v("span",{children:["收起",m(i,{style:{marginLeft:3,fontSize:12}})]}):v("span",{children:["展开",m(e,{style:{marginLeft:3,fontSize:12}})]})},"fold-trigger");if(u.length>0||s.length===0){u.push(f)}else if((s==null?void 0:s.length)>0){s.push(f)}}return R.map((function(e,i){var n;if(!C.openFold&&(n=o.foldKeys)!=null&&n.find((function(i){return".$"+i===e.key}))){return null}if(e.props["hidden"])return null;if(e.type["domTypeName"]==="FormCol")return e;return m(p.Col,{children:e},i)})).filter(Boolean).concat(m(p.OperateCol,n({},l,{leftList:s,rightList:u}),999))}),[q,w,N,x,S,o.foldKeys,R,B,C.openFold,F]);f.useEffectCustom((function(){if(_===false&&!C.isInit||_!==false){void(I==null?void 0:I(n({},o.formInitialValues,C.queryCondition)))}void F.updateInitStatus()}),[]);s(c,(function(){return{onQuery:T,form:S}}));return m(r,{form:S,autoComplete:"off",onFinish:K,initialValues:n({},o.formInitialValues,C.queryCondition),className:O,style:o.formStyle,children:o.isPure?A:m(p.Row,{gutter:[15,0],gridSize:o.formGridSize,children:V})})}));export{C as SearchForm};
 //# sourceMappingURL=index.js.map

package/esm/search-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/search-form/model.ts","@flatbiz/antd/src/search-form/search.tsx"],"sourcesContent":["import { API, ModelType } from '@dimjs/model';\nimport { Model } from '@dimjs/model-react';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\n\nexport type ModelState = {\n  queryCondition: TPlainObject;\n  isInit: boolean;\n  openFold: boolean;\n};\n\ntype ModelActionParams = {\n  updateFilterCondition?: Partial<ModelState['queryCondition']>;\n  resetFilterCondition?: TPlainObject;\n  updateInitStatus: void;\n  onChangeOpenFold: boolean;\n};\n\nconst defaultState: ModelState = {\n  queryCondition: {},\n  isInit: true,\n  openFold: false,\n};\n\nconst SearchFormModel: ModelType<ModelState, ModelActionParams> = {\n  actions: {\n    updateFilterCondition: (params) => {\n      return (state) => {\n        state.queryCondition = {\n          ...state.queryCondition,\n          ...params,\n        };\n      };\n    },\n    resetFilterCondition: (params) => {\n      return (state) => {\n        state.queryCondition = {\n          ...defaultState.queryCondition,\n          ...params,\n        };\n      };\n    },\n    updateInitStatus: () => {\n      return (state) => {\n        state.isInit = false;\n      };\n    },\n    onChangeOpenFold: (boo) => {\n      return (state) => {\n        state.openFold = boo;\n      };\n    },\n  },\n  state: defaultState,\n};\n\nconst searchFormModels: Record<string, API<ModelType<ModelState, ModelActionParams, TAny>>> = {};\n\n/**\n * ```\n * 使用方式\n * const [state, actions] = selectorWrapperModel('key值').useStore();\n * ```\n */\nexport const searchFormModel = (key: string) => {\n  if (!searchFormModels[key]) {\n    searchFormModels[key] = Model(SearchFormModel);\n  }\n  return searchFormModels[key];\n};\n","import { DownOutlined, UpOutlined } from '@ant-design/icons';\nimport {\n  ButtonWrapper,\n  ButtonWrapperProps,\n  fbaHooks,\n  FormGrid,\n  FormOperateColProps,\n  FormRowProps,\n} from '@flatbiz/antd';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, FormInstance } from 'antd';\nimport { Children, CSSProperties, forwardRef, ReactElement, useImperativeHandle, useMemo } from 'react';\nimport { isFragment } from 'react-is';\nimport { searchFormModel } from './model';\n\nexport type SearchFormProps = {\n  children: ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);\n  /** isPure = true时无效 */\n  searchOperate?: (form: FormInstance) => FormOperateColProps;\n  /** 是否为纯净模式（查询条件布局是否自定义）， */\n  isPure?: boolean;\n  /** 查询按钮配置 */\n  queryButtonProps?: Omit<ButtonWrapperProps, 'onClick'> & { text?: string };\n  /** 重置按钮配置 */\n  resetButtonProps?: Omit<ButtonWrapperProps, 'onClick'> & { text?: string };\n  /**\n   * 网格布局设置\n   * default = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };\n   * small = { xs: 24, sm: 8, md: 8, lg: 6, xl: 6, xxl: 6 };\n   */\n  formGridSize?: FormRowProps['gridSize'];\n  formClassName?: string;\n  formStyle?: CSSProperties;\n  /**\n   * 自定义 searchOperate.rightList 后 默认【查询、重置】按钮处理逻辑\n   * 1. cover：覆盖内部查询重置按钮（默认值）\n   * 2. beforeAppend：添加到【查询重置】按钮前面\n   * 3. afterAppend：添加到【查询重置】按钮后面\n   *\n   * 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden\n   */\n  rightOperateAreaAppendType?: 'cover' | 'beforeAppend' | 'afterAppend';\n  /** 默认重启按钮触发请求，默认值：true */\n  defaultResetButtonTriggerRequest?: boolean;\n  foldKeys?: string[];\n  formInitialValues?: TPlainObject;\n  /**\n   * 按钮提交事件\n   * 如果需要自定义回车提交事件，需要自定义提交按钮\n   */\n  onFormFinish?: (values?: TPlainObject) => void;\n  /** 重置按钮 */\n  onReset?: () => void;\n  /** 查询按钮 */\n  onQuery?: (values: TPlainObject) => void;\n  /**\n   * 是否缓存查询数据，默认值：true\n   * ```\n   * 1. 一般首页可缓存，二级、三级等页面不能缓存\n   * ```\n   */\n  cacheSwitch?: boolean;\n  /** 初始化是否请求，默认值：true */\n  initRequest?: boolean;\n};\n\nexport type SearchFormRefApi = {\n  onQuery: (values?: TPlainObject) => void;\n  form: FormInstance;\n};\n\n/**\n * 搜索表单\n *\n *```\n * 1. 用法1\n *  -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n *  <SearchForm>\n *   <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n *  </SearchForm>\n *\n *  -- 自定义网格布局 使用 FormCol组件包装 Form.Item\n *  <SearchForm>\n *    <FormCol span={12}><Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item></FormCol>\n *  </SearchForm>\n *\n *  -- children 可为 function\n *  <SearchForm>\n *   {(form) => {\n *     return <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n *   }}\n * </SearchForm>\n *\n * 2. 用户2（自定义布局）\n *    SearchForm设置 isPure = true，FormItem无布局规则\n * 3. SearchForm中内置了 Form 标签，当children为函数时，可获取form实例\n * 4. 默认布局下，可通过设置 searchOperate 设置操作按钮\n * 5. SearchForm 子节点包含 hidden = true 会被忽略\n * 6. 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden\n * 7. 通过设置 defaultResetButtonTriggerRequest，可在右侧按钮区域新增自定义按钮\n * 8. 可设置 cacheSwitch 来控制是否缓存查询数据（一般一级页面可缓存，二级、三级等不能缓存），\n *    缓存数据存储在内存中，react路由跳转可正常读取缓存，浏览器刷新后缓存丢失\n *```\n */\nexport const SearchForm = forwardRef<SearchFormRefApi, SearchFormProps>((props, ref) => {\n  const searchFormId = hooks.useId(undefined, 'search-form-key');\n\n  const modelKey = useMemo(() => {\n    return props.cacheSwitch === false ? searchFormId : location.pathname;\n  }, [searchFormId, props.cacheSwitch]);\n\n  const [state, actions] = searchFormModel(modelKey).useStore();\n  const [form] = Form.useForm();\n  const {\n    queryButtonProps,\n    resetButtonProps,\n    searchOperate,\n    formClassName,\n    rightOperateAreaAppendType,\n    onQuery,\n    onReset,\n    initRequest,\n    onFormFinish,\n    defaultResetButtonTriggerRequest,\n  } = props;\n  const children = typeof props.children === 'function' ? props.children(form) : props.children;\n\n  const rightOperateAreaAppendTypeFt = rightOperateAreaAppendType || 'cover';\n  const childrens = useMemo(() => {\n    if (isFragment(children)) {\n      return Children.toArray((children as ReactElement).props.children) as ReactElement[];\n    } else {\n      return Children.toArray(children) as ReactElement[];\n    }\n  }, [children]);\n\n  const onInnerQuery = (values) => {\n    Object.keys(values).forEach((key) => {\n      if (key.startsWith('__#invalid_date_')) {\n        delete values[key];\n      }\n    });\n    void actions.updateFilterCondition(values);\n    void onQuery?.(values || {});\n  };\n\n  const onInnerReset = hooks.useCallbackRef(async () => {\n    await actions.resetFilterCondition();\n    setTimeout(() => {\n      form.resetFields();\n    }, 200);\n    onReset?.();\n    if (defaultResetButtonTriggerRequest === false) {\n      return;\n    }\n    void onInnerQuery({});\n  });\n\n  const onInnerFormFinish = (values) => {\n    if (onFormFinish) {\n      onFormFinish(values);\n      return;\n    }\n    void onInnerQuery(values);\n  };\n\n  const formRowChildren = useMemo(() => {\n    const defaultRightList = [\n      !queryButtonProps?.hidden ? (\n        <ButtonWrapper\n          key=\"1\"\n          type=\"primary\"\n          htmlType={'submit'}\n          loadingPosition=\"center\"\n          {...queryButtonProps}\n        >\n          {queryButtonProps?.text || '查询'}\n        </ButtonWrapper>\n      ) : null,\n      !resetButtonProps?.hidden ? (\n        <ButtonWrapper key=\"2\" onClick={onInnerReset} {...resetButtonProps}>\n          {resetButtonProps?.text || '重置'}\n        </ButtonWrapper>\n      ) : null,\n    ].filter(Boolean);\n    const customFormOperateCol = searchOperate?.(form);\n    const customRightList = customFormOperateCol?.rightList;\n    const leftList: TAny[] = customFormOperateCol?.leftList || [];\n\n    let rightList: TAny[] = defaultRightList;\n    if (customRightList) {\n      if (rightOperateAreaAppendTypeFt === 'afterAppend') {\n        rightList = [...defaultRightList, ...customRightList];\n      } else if (rightOperateAreaAppendTypeFt === 'beforeAppend') {\n        rightList = [...customRightList, ...defaultRightList];\n      } else {\n        rightList = customRightList;\n      }\n    }\n\n    if (props.foldKeys?.length) {\n      const changeFolditem = (\n        <ButtonWrapper\n          type=\"link\"\n          key=\"fold-trigger\"\n          style={{ padding: '0' }}\n          onClick={() => {\n            void actions.onChangeOpenFold(!state.openFold);\n          }}\n        >\n          {state.openFold ? (\n            <span>\n              收起\n              <UpOutlined style={{ marginLeft: 3, fontSize: 12 }} />\n            </span>\n          ) : (\n            <span>\n              展开\n              <DownOutlined style={{ marginLeft: 3, fontSize: 12 }} />\n            </span>\n          )}\n        </ButtonWrapper>\n      );\n\n      if (rightList.length > 0 || leftList.length === 0) {\n        rightList.push(changeFolditem);\n      } else if (leftList?.length > 0) {\n        leftList.push(changeFolditem);\n      }\n    }\n\n    return childrens\n      .map((item, index) => {\n        if (!state.openFold && props.foldKeys?.find((keyItem) => `.$${keyItem}` === item.key)) {\n          return null;\n        }\n        if (item.props['hidden']) return null;\n        if (item.type['domTypeName'] === 'FormCol') return item;\n        return <FormGrid.Col key={index}>{item}</FormGrid.Col>;\n      })\n      .filter(Boolean)\n      .concat(\n        <FormGrid.OperateCol key={999} {...customFormOperateCol} leftList={leftList} rightList={rightList} />,\n      );\n  }, [\n    queryButtonProps,\n    resetButtonProps,\n    onInnerReset,\n    searchOperate,\n    form,\n    props.foldKeys,\n    childrens,\n    rightOperateAreaAppendTypeFt,\n    state.openFold,\n    actions,\n  ]);\n\n  fbaHooks.useEffectCustom(() => {\n    if ((initRequest === false && !state.isInit) || initRequest !== false) {\n      void onQuery?.({\n        ...props.formInitialValues,\n        ...state.queryCondition,\n      });\n    }\n    void actions.updateInitStatus();\n  }, []);\n\n  useImperativeHandle(ref, () => {\n    return {\n      onQuery: onInnerQuery,\n      form,\n    };\n  });\n\n  return (\n    <Form\n      form={form}\n      autoComplete=\"off\"\n      onFinish={onInnerFormFinish}\n      initialValues={{\n        ...props.formInitialValues,\n        ...state.queryCondition,\n      }}\n      className={formClassName}\n      style={props.formStyle}\n    >\n      {props.isPure ? (\n        children\n      ) : (\n        <FormGrid.Row gutter={[15, 0]} gridSize={props.formGridSize}>\n          {formRowChildren}\n        </FormGrid.Row>\n      )}\n    </Form>\n  );\n});\n"],"names":["defaultState","queryCondition","isInit","openFold","SearchFormModel","actions","updateFilterCondition","params","state","_extends","resetFilterCondition","updateInitStatus","onChangeOpenFold","boo","searchFormModels","searchFormModel","key","Model","SearchForm","forwardRef","props","ref","searchFormId","_hooks","useId","undefined","modelKey","useMemo","cacheSwitch","location","pathname","_searchFormModel$useS","useStore","_Form$useForm","Form","useForm","form","queryButtonProps","resetButtonProps","searchOperate","formClassName","rightOperateAreaAppendType","onQuery","onReset","initRequest","onFormFinish","defaultResetButtonTriggerRequest","children","rightOperateAreaAppendTypeFt","childrens","isFragment","Children","toArray","onInnerQuery","values","Object","keys","forEach","startsWith","onInnerReset","useCallbackRef","Promise","$return","$error","resolve","then","$await_1","setTimeout","resetFields","$boundEx","onInnerFormFinish","formRowChildren","_props$foldKeys","defaultRightList","hidden","_jsx","ButtonWrapper","type","htmlType","loadingPosition","text","onClick","filter","Boolean","customFormOperateCol","customRightList","rightList","leftList","concat","foldKeys","length","changeFolditem","style","padding","_jsxs","_UpOutlined","marginLeft","fontSize","_DownOutlined","push","map","item","index","_props$foldKeys2","find","keyItem","FormGrid","Col","OperateCol","fbaHooks","useEffectCustom","formInitialValues","useImperativeHandle","autoComplete","onFinish","initialValues","className","formStyle","isPure","Row","gutter","gridSize","formGridSize"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/search-form/model.ts","@flatbiz/antd/src/search-form/search.tsx"],"sourcesContent":["import { API, ModelType } from '@dimjs/model';\nimport { Model } from '@dimjs/model-react';\nimport { TAny, TPlainObject } from '@flatbiz/utils';\n\nexport type ModelState = {\n  queryCondition: TPlainObject;\n  isInit: boolean;\n  openFold: boolean;\n};\n\ntype ModelActionParams = {\n  updateFilterCondition?: Partial<ModelState['queryCondition']>;\n  resetFilterCondition?: TPlainObject;\n  updateInitStatus: void;\n  onChangeOpenFold: boolean;\n};\n\nconst defaultState: ModelState = {\n  queryCondition: {},\n  isInit: true,\n  openFold: false,\n};\n\nconst SearchFormModel: ModelType<ModelState, ModelActionParams> = {\n  actions: {\n    updateFilterCondition: (params) => {\n      return (state) => {\n        state.queryCondition = {\n          ...state.queryCondition,\n          ...params,\n        };\n      };\n    },\n    resetFilterCondition: (params) => {\n      return (state) => {\n        state.queryCondition = {\n          ...defaultState.queryCondition,\n          ...params,\n        };\n      };\n    },\n    updateInitStatus: () => {\n      return (state) => {\n        state.isInit = false;\n      };\n    },\n    onChangeOpenFold: (boo) => {\n      return (state) => {\n        state.openFold = boo;\n      };\n    },\n  },\n  state: defaultState,\n};\n\nconst searchFormModels: Record<string, API<ModelType<ModelState, ModelActionParams, TAny>>> = {};\n\n/**\n * ```\n * 使用方式\n * const [state, actions] = selectorWrapperModel('key值').useStore();\n * ```\n */\nexport const searchFormModel = (key: string) => {\n  if (!searchFormModels[key]) {\n    searchFormModels[key] = Model(SearchFormModel);\n  }\n  return searchFormModels[key];\n};\n","import { DownOutlined, UpOutlined } from '@ant-design/icons';\n\nimport { TAny, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, FormInstance } from 'antd';\nimport { Children, CSSProperties, forwardRef, ReactElement, useImperativeHandle, useMemo } from 'react';\nimport { isFragment } from 'react-is';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { FormGrid } from '../form-grid';\nimport { FormOperateColProps } from '../form-grid/form-operate-col';\nimport { FormRowProps } from '../form-grid/form-row';\nimport { searchFormModel } from './model';\n\nexport type SearchFormProps = {\n  children: ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);\n  /** isPure = true时无效 */\n  searchOperate?: (form: FormInstance) => FormOperateColProps;\n  /** 是否为纯净模式（查询条件布局是否自定义）， */\n  isPure?: boolean;\n  /** 查询按钮配置 */\n  queryButtonProps?: Omit<ButtonWrapperProps, 'onClick'> & { text?: string };\n  /** 重置按钮配置 */\n  resetButtonProps?: Omit<ButtonWrapperProps, 'onClick'> & { text?: string };\n  /**\n   * 网格布局设置\n   * default = { xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 };\n   * small = { xs: 24, sm: 8, md: 8, lg: 6, xl: 6, xxl: 6 };\n   */\n  formGridSize?: FormRowProps['gridSize'];\n  formClassName?: string;\n  formStyle?: CSSProperties;\n  /**\n   * 自定义 searchOperate.rightList 后 默认【查询、重置】按钮处理逻辑\n   * 1. cover：覆盖内部查询重置按钮（默认值）\n   * 2. beforeAppend：添加到【查询重置】按钮前面\n   * 3. afterAppend：添加到【查询重置】按钮后面\n   *\n   * 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden\n   */\n  rightOperateAreaAppendType?: 'cover' | 'beforeAppend' | 'afterAppend';\n  /** 默认重启按钮触发请求，默认值：true */\n  defaultResetButtonTriggerRequest?: boolean;\n  foldKeys?: string[];\n  formInitialValues?: TPlainObject;\n  /**\n   * 按钮提交事件\n   * 如果需要自定义回车提交事件，需要自定义提交按钮\n   */\n  onFormFinish?: (values?: TPlainObject) => void;\n  /** 重置按钮 */\n  onReset?: () => void;\n  /** 查询按钮 */\n  onQuery?: (values: TPlainObject) => void;\n  /**\n   * 是否缓存查询数据，默认值：true\n   * ```\n   * 1. 一般首页可缓存，二级、三级等页面不能缓存\n   * ```\n   */\n  cacheSwitch?: boolean;\n  /** 初始化是否请求，默认值：true */\n  initRequest?: boolean;\n};\n\nexport type SearchFormRefApi = {\n  onQuery: (values?: TPlainObject) => void;\n  form: FormInstance;\n};\n\n/**\n * 搜索表单\n *\n *```\n * 1. 用法1\n *  -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }\n *  <SearchForm>\n *   <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n *  </SearchForm>\n *\n *  -- 自定义网格布局 使用 FormCol组件包装 Form.Item\n *  <SearchForm>\n *    <FormCol span={12}><Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item></FormCol>\n *  </SearchForm>\n *\n *  -- children 可为 function\n *  <SearchForm>\n *   {(form) => {\n *     return <Form.Item name=\"field1\" label=\"条件1\">xxx</Form.Item>\n *   }}\n * </SearchForm>\n *\n * 2. 用户2（自定义布局）\n *    SearchForm设置 isPure = true，FormItem无布局规则\n * 3. SearchForm中内置了 Form 标签，当children为函数时，可获取form实例\n * 4. 默认布局下，可通过设置 searchOperate 设置操作按钮\n * 5. SearchForm 子节点包含 hidden = true 会被忽略\n * 6. 如果想隐藏【查询、重置】按钮中的某一个，可设置 queryButtonProps.hidden、resetButtonProps.hidden\n * 7. 通过设置 defaultResetButtonTriggerRequest，可在右侧按钮区域新增自定义按钮\n * 8. 可设置 cacheSwitch 来控制是否缓存查询数据（一般一级页面可缓存，二级、三级等不能缓存），\n *    缓存数据存储在内存中，react路由跳转可正常读取缓存，浏览器刷新后缓存丢失\n *```\n */\nexport const SearchForm = forwardRef<SearchFormRefApi, SearchFormProps>((props, ref) => {\n  const searchFormId = hooks.useId(undefined, 'search-form-key');\n\n  const modelKey = useMemo(() => {\n    return props.cacheSwitch === false ? searchFormId : location.pathname;\n  }, [searchFormId, props.cacheSwitch]);\n\n  const [state, actions] = searchFormModel(modelKey).useStore();\n  const [form] = Form.useForm();\n  const {\n    queryButtonProps,\n    resetButtonProps,\n    searchOperate,\n    formClassName,\n    rightOperateAreaAppendType,\n    onQuery,\n    onReset,\n    initRequest,\n    onFormFinish,\n    defaultResetButtonTriggerRequest,\n  } = props;\n  const children = typeof props.children === 'function' ? props.children(form) : props.children;\n\n  const rightOperateAreaAppendTypeFt = rightOperateAreaAppendType || 'cover';\n  const childrens = useMemo(() => {\n    if (isFragment(children)) {\n      return Children.toArray((children as ReactElement).props.children) as ReactElement[];\n    } else {\n      return Children.toArray(children) as ReactElement[];\n    }\n  }, [children]);\n\n  const onInnerQuery = (values) => {\n    Object.keys(values).forEach((key) => {\n      if (key.startsWith('__#invalid_date_')) {\n        delete values[key];\n      }\n    });\n    void actions.updateFilterCondition(values);\n    void onQuery?.(values || {});\n  };\n\n  const onInnerReset = hooks.useCallbackRef(async () => {\n    await actions.resetFilterCondition();\n    setTimeout(() => {\n      form.resetFields();\n    }, 200);\n    onReset?.();\n    if (defaultResetButtonTriggerRequest === false) {\n      return;\n    }\n    void onInnerQuery({});\n  });\n\n  const onInnerFormFinish = (values) => {\n    if (onFormFinish) {\n      onFormFinish(values);\n      return;\n    }\n    void onInnerQuery(values);\n  };\n\n  const formRowChildren = useMemo(() => {\n    const defaultRightList = [\n      !queryButtonProps?.hidden ? (\n        <ButtonWrapper\n          key=\"1\"\n          type=\"primary\"\n          htmlType={'submit'}\n          loadingPosition=\"center\"\n          {...queryButtonProps}\n        >\n          {queryButtonProps?.text || '查询'}\n        </ButtonWrapper>\n      ) : null,\n      !resetButtonProps?.hidden ? (\n        <ButtonWrapper key=\"2\" onClick={onInnerReset} {...resetButtonProps}>\n          {resetButtonProps?.text || '重置'}\n        </ButtonWrapper>\n      ) : null,\n    ].filter(Boolean);\n    const customFormOperateCol = searchOperate?.(form);\n    const customRightList = customFormOperateCol?.rightList;\n    const leftList: TAny[] = customFormOperateCol?.leftList || [];\n\n    let rightList: TAny[] = defaultRightList;\n    if (customRightList) {\n      if (rightOperateAreaAppendTypeFt === 'afterAppend') {\n        rightList = [...defaultRightList, ...customRightList];\n      } else if (rightOperateAreaAppendTypeFt === 'beforeAppend') {\n        rightList = [...customRightList, ...defaultRightList];\n      } else {\n        rightList = customRightList;\n      }\n    }\n\n    if (props.foldKeys?.length) {\n      const changeFolditem = (\n        <ButtonWrapper\n          type=\"link\"\n          key=\"fold-trigger\"\n          style={{ padding: '0' }}\n          onClick={() => {\n            void actions.onChangeOpenFold(!state.openFold);\n          }}\n        >\n          {state.openFold ? (\n            <span>\n              收起\n              <UpOutlined style={{ marginLeft: 3, fontSize: 12 }} />\n            </span>\n          ) : (\n            <span>\n              展开\n              <DownOutlined style={{ marginLeft: 3, fontSize: 12 }} />\n            </span>\n          )}\n        </ButtonWrapper>\n      );\n\n      if (rightList.length > 0 || leftList.length === 0) {\n        rightList.push(changeFolditem);\n      } else if (leftList?.length > 0) {\n        leftList.push(changeFolditem);\n      }\n    }\n\n    return childrens\n      .map((item, index) => {\n        if (!state.openFold && props.foldKeys?.find((keyItem) => `.$${keyItem}` === item.key)) {\n          return null;\n        }\n        if (item.props['hidden']) return null;\n        if (item.type['domTypeName'] === 'FormCol') return item;\n        return <FormGrid.Col key={index}>{item}</FormGrid.Col>;\n      })\n      .filter(Boolean)\n      .concat(\n        <FormGrid.OperateCol key={999} {...customFormOperateCol} leftList={leftList} rightList={rightList} />,\n      );\n  }, [\n    queryButtonProps,\n    resetButtonProps,\n    onInnerReset,\n    searchOperate,\n    form,\n    props.foldKeys,\n    childrens,\n    rightOperateAreaAppendTypeFt,\n    state.openFold,\n    actions,\n  ]);\n\n  fbaHooks.useEffectCustom(() => {\n    if ((initRequest === false && !state.isInit) || initRequest !== false) {\n      void onQuery?.({\n        ...props.formInitialValues,\n        ...state.queryCondition,\n      });\n    }\n    void actions.updateInitStatus();\n  }, []);\n\n  useImperativeHandle(ref, () => {\n    return {\n      onQuery: onInnerQuery,\n      form,\n    };\n  });\n\n  return (\n    <Form\n      form={form}\n      autoComplete=\"off\"\n      onFinish={onInnerFormFinish}\n      initialValues={{\n        ...props.formInitialValues,\n        ...state.queryCondition,\n      }}\n      className={formClassName}\n      style={props.formStyle}\n    >\n      {props.isPure ? (\n        children\n      ) : (\n        <FormGrid.Row gutter={[15, 0]} gridSize={props.formGridSize}>\n          {formRowChildren}\n        </FormGrid.Row>\n      )}\n    </Form>\n  );\n});\n"],"names":["defaultState","queryCondition","isInit","openFold","SearchFormModel","actions","updateFilterCondition","params","state","_extends","resetFilterCondition","updateInitStatus","onChangeOpenFold","boo","searchFormModels","searchFormModel","key","Model","SearchForm","forwardRef","props","ref","searchFormId","_hooks","useId","undefined","modelKey","useMemo","cacheSwitch","location","pathname","_searchFormModel$useS","useStore","_Form$useForm","Form","useForm","form","queryButtonProps","resetButtonProps","searchOperate","formClassName","rightOperateAreaAppendType","onQuery","onReset","initRequest","onFormFinish","defaultResetButtonTriggerRequest","children","rightOperateAreaAppendTypeFt","childrens","isFragment","Children","toArray","onInnerQuery","values","Object","keys","forEach","startsWith","onInnerReset","useCallbackRef","Promise","$return","$error","resolve","then","$await_1","setTimeout","resetFields","$boundEx","onInnerFormFinish","formRowChildren","_props$foldKeys","defaultRightList","hidden","_jsx","ButtonWrapper","type","htmlType","loadingPosition","text","onClick","filter","Boolean","customFormOperateCol","customRightList","rightList","leftList","concat","foldKeys","length","changeFolditem","style","padding","_jsxs","_UpOutlined","marginLeft","fontSize","_DownOutlined","push","map","item","index","_props$foldKeys2","find","keyItem","FormGrid","Col","OperateCol","fbaHooks","useEffectCustom","formInitialValues","useImperativeHandle","autoComplete","onFinish","initialValues","className","formStyle","isPure","Row","gutter","gridSize","formGridSize"],"mappings":"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"}

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

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

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

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

package/esm/simple-layout/index.js

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

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

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