@flatbiz/antd 4.2.77 → 4.2.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/esm/fba-app/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.fba-dialog-modal .ant-modal-body{overflow-x:hidden;overflow-y:auto;padding:10px 24px 20px!important}.fba-dialog-modal .ant-modal-content{padding:20px 0!important}.fba-dialog-modal .ant-modal-footer,.fba-dialog-modal .ant-modal-header{padding:0 24px!important}.fba-dialog-confirm .ant-modal-header,.fba-dialog-modal .ant-modal-footer{margin:0!important}.fba-dialog-confirm .ant-modal-body{color:rgba(0,0,0,.78)!important;font-size:16px;font-weight:400}.fba-dialog-confirm .ant-modal-footer>button:nth-child(2){margin-left:15px!important}.fba-dialog-loading .ant-modal-content{background-color:transparent!important;box-shadow:none!important;padding:0!important}.fba-dialog-loading .ant-modal-body{text-align:center!important}.fba-dialog-loading-content{background-color:#fff;border-radius:8px;display:inline-block;padding:20px 30px;text-align:center}.fba-dialog-loading-content .loader-inner{animation:dialog-spinner .6s linear infinite;border:2px solid rgba(0,128,227,.08);border-left:2px solid var(--fba-loading-color);border-radius:50%;height:30px;margin:0 auto;text-indent:-12345px;width:30px;z-index:100001}.fba-dialog-loading-content .loader-text{color:#606060;font-size:12px;font-size:16px;font-weight:500;letter-spacing:2px;margin-top:15px;text-align:left}@keyframes dialog-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
package/esm/fba-app/index.js
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import './../fba-utils/index.css';
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
|
-
import{fbaUtils as o}from"../fba-utils/index.js";import{a as e,_ as n}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{createContext as r,useMemo as
|
|
5
|
+
import{fbaUtils as o}from"../fba-utils/index.js";import{a as e,_ as n}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{createContext as r,useMemo as a,useContext as l,useState as i}from"react";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{isPromise as s}from"@dimjs/lang/cjs/is-promise";import{hooks as d}from"@wove/react/cjs/hooks";import{ButtonWrapper as u}from"@flatbiz/antd";import{useSize as c}from"ahooks";import{Form as f,Modal as v,Space as p,Drawer as m,theme as g}from"antd";import{jsx as C,jsxs as h}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@flatbiz/utils";var k=r({editable:false});var b=["onOk","onCancel","okButtonProps","cancelButtonProps","content","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent"];var x=function o(r){var l=r.onOk,i=r.onCancel,p=r.okButtonProps,m=r.cancelButtonProps,g=r.content,h=r.className,k=r.okHidden,x=r.cancelHidden,O=r.footer,y=r.cancelText,P=r.okText,D=r.bodyHeightPercent,w=e(r,b);var H=f.useForm(),T=H[0];var N=c(document.querySelector("html"));var j=d.useCallbackRef((function(){r.onClose==null?void 0:r.onClose()}));var B=d.useCallbackRef((function(o){if(i){var e=i(T,o);if(e&&s(e)){return e.then(j)}}j();return Promise.resolve()}));var A=d.useCallbackRef((function(o){if(l){var e=l(T,o);if(e&&s(e)){return e.then(j)}}j();return Promise.resolve()}));var L=[C(u,n({},m,{onClick:B,hidden:x,children:y||"取消"}),"0"),C(u,n({type:"primary"},p,{onClick:A,hidden:k,children:P||"提交"}),"1")];var M=O||L;var R=a((function(){if(!(N!=null&&N.height)||!D){return"auto"}return(N==null?void 0:N.height)*(D/100)}),[D,N==null?void 0:N.height]);return C(v,n({maskClosable:true,centered:true,onCancel:j,destroyOnClose:true},w,{bodyStyle:n({height:R,maxHeight:N!=null&&N.height?(N==null?void 0:N.height)*.8:"calc(100vh - 200px)"},w.bodyStyle),className:t("fba-dialog-modal",h),open:r.open,footer:M,children:typeof g==="function"?g(T,{onClose:j}):g}))};var O=function o(e){var r=t("fba-dialog-confirm",e.className);return C(x,n({okText:"确定",width:350,cancelText:"取消",maskClosable:true},e,{className:r}))};var y=function o(e){return C(O,n({okText:"确定",cancelHidden:true,maskClosable:false},e,{onOk:function o(n,r){return e.onClick==null?void 0:e.onClick(r)}}))};var P=["onOk","onCancel","content","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","operatePosition","operateRender","width","okHidden","cancelHidden","extra"];var D=function o(r){var a=r.onOk,l=r.onCancel,i=r.content,t=r.okText,c=r.cancelText,v=r.okButtonExtraProps,g=r.cancelButtonExtraProps,k=r.operatePosition,b=k===void 0?"footer":k,x=r.operateRender,O=r.width,y=O===void 0?600:O,D=r.okHidden,w=r.cancelHidden,H=r.extra,T=e(r,P);var N=f.useForm(),j=N[0];var B=d.useCallbackRef((function(o){r.onClose==null?void 0:r.onClose(o)}));var A=d.useCallbackRef((function(o){if(l){var e=l(j,o);if(e&&s(e)){return e.then(B)}}B(o);return Promise.resolve()}));var L=d.useCallbackRef((function(o){if(a){var e=a(j,o);if(e&&s(e)){return e.then(B)}}B(o);return Promise.resolve()}));var M=h(p,{children:[w||g!=null&&g.hidden?null:C(u,n({},g,{onClick:A,children:c||"取消"})),D||v!=null&&v.hidden?null:C(u,n({type:"primary"},v,{onClick:L,children:t||"提交"}))]});var R=function o(){if(x){return x(j)}if(!D||!w){return M}return null};var E=typeof H==="function"?H(j):H;return C(m,n({maskClosable:true,destroyOnClose:true,onClose:B,width:"80%",contentWrapperStyle:{maxWidth:y},footer:b==="footer"?R():null},T,{extra:b==="header"?R():E,open:r.open,children:typeof i==="function"?i(j,{onClose:B}):i}))};var w=function o(e){var n=e.className,r=e.message,a=e.mask;var l=g.useToken(),i=l.token;var s=i.colorPrimary;return C(v,{maskClosable:false,centered:true,destroyOnClose:true,className:t("fba-dialog-loading",n),open:e.open,footer:null,closable:false,style:{"--fba-loading-color":s},mask:a,children:C("div",{className:t("fba-dialog-loading-content"),children:h("div",{className:"loader-wrapper",children:[C("div",{className:"loader-inner"}),C("div",{className:"loader-text",children:r||"处理中"})]})})})};var H=function o(){var e=l(k);var r=function o(){e.dialogDrawerClose==null?void 0:e.dialogDrawerClose()};return{appDialogDrawer:{open:function o(a){e.dialogDrawerOpen==null?void 0:e.dialogDrawerOpen(n({},a,{open:true}));return{onClose:r}},close:r}}};var T=function o(){var e=l(k);var r=function o(){e.dialogModalClose==null?void 0:e.dialogModalClose()};return{appDialogModal:{open:function o(a){e.dialogModalOpen==null?void 0:e.dialogModalOpen(n({},a,{open:true}));return{onClose:r}},close:r}}};var N=function o(){var e=l(k);var r=function o(){e.dialogAlertClose==null?void 0:e.dialogAlertClose()};return{appDialogAlert:{open:function o(a){e.dialogAlertOpen==null?void 0:e.dialogAlertOpen(n({},a,{open:true}));return{onClose:r}},close:r}}};var j=function o(){var e=l(k);var r=function o(){e.dialogConfirmClose==null?void 0:e.dialogConfirmClose()};return{appDialogConfirm:{open:function o(a){e.dialogConfirmOpen==null?void 0:e.dialogConfirmOpen(n({},a,{open:true}));return{onClose:r}},close:r}}};var B=function o(){var e=l(k);var r=function o(){e.dialogLoadingClose==null?void 0:e.dialogLoadingClose()};return{appDialogLoading:{open:function o(a){e.dialogLoadingOpen==null?void 0:e.dialogLoadingOpen(n({},a,{open:true}));return{onClose:r}},close:r}}};var A=function o(e){var r=i({}),a=r[0],l=r[1];var t=i({}),s=t[0],d=t[1];var u=i({}),c=u[0],f=u[1];var v=i({}),p=v[0],m=v[1];var g=i(),b=g[0],P=g[1];var H=function o(e){l(e)};var T=function o(){l(n({},a,{open:false}))};var N=function o(e){d(e)};var j=function o(){d(n({},a,{open:false}))};var B=function o(e){f(e)};var A=function o(){f(n({},a,{open:false}))};var L=function o(e){m(e)};var M=function o(){m(n({},a,{open:false}))};var R=function o(e){P(e)};var E=function o(){P(n({},a,{open:false}))};return h(k.Provider,{value:{editable:true,dialogDrawerOpen:H,dialogDrawerClose:T,dialogModalOpen:N,dialogModalClose:j,dialogAlertOpen:B,dialogAlertClose:A,dialogConfirmOpen:L,dialogConfirmClose:M,dialogLoadingOpen:R,dialogLoadingClose:E},children:[C(D,n({},a,{onClose:T})),C(x,n({},s,{onClose:j})),C(y,n({},c,{onClose:A})),C(O,n({},p,{onClose:M})),C(w,n({},b)),e.children]})};var L=o.attachPropertiesToComponent(A,{useDialogDrawer:H,useDialogModal:T,useDialogConfirm:j,useDialogAlert:N,useDialogLoading:B});export{L as FbaApp};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
package/esm/fba-app/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/fba-app/context.ts","@flatbiz/antd/src/fba-app/dialog-modal/index.tsx","@flatbiz/antd/src/fba-app/dialog-confirm/index.tsx","@flatbiz/antd/src/fba-app/dialog-alert/index.tsx","@flatbiz/antd/src/fba-app/dialog-drawer/index.tsx","@flatbiz/antd/src/fba-app/dialog-loading/index.tsx","@flatbiz/antd/src/fba-app/fba-app.tsx","@flatbiz/antd/src/fba-app/index.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { FbaAppAlertProps } from './dialog-alert';\nimport { FbaAppConfirmProps } from './dialog-confirm';\nimport { FbaAppDrawerProps } from './dialog-drawer';\nimport { FbaAppLoadingProps } from './dialog-loading';\nimport { FbaAppModalProps } from './dialog-modal';\n\nexport type FbaAppContextApi = {\n editable: boolean;\n dialogDrawerOpen?: (data: FbaAppDrawerProps) => void;\n dialogDrawerClose?: () => void;\n dialogModalOpen?: (data: FbaAppModalProps) => void;\n dialogModalClose?: () => void;\n\n dialogAlertOpen?: (data: FbaAppAlertProps) => void;\n dialogAlertClose?: () => void;\n\n dialogConfirmOpen?: (data: FbaAppConfirmProps) => void;\n dialogConfirmClose?: () => void;\n\n dialogLoadingOpen?: (data?: FbaAppLoadingProps & { open?: boolean }) => void;\n dialogLoadingClose?: () => void;\n};\n\nexport const FbaAppContext = createContext<FbaAppContextApi>({\n editable: false,\n});\n","import { isPromise } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\n\nimport { ButtonWrapper, ButtonWrapperProps } from '@flatbiz/antd';\nimport { TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useSize } from 'ahooks';\nimport { Form, FormInstance, Modal, ModalProps } from 'antd';\nimport { ReactElement, useMemo } from 'react';\nimport './style.less';\n\nexport type FbaAppModalProps = Omit<\n ModalProps,\n 'onOk' | 'onCancel' | 'getContainer' | 'okButtonProps' | 'cancelButtonProps'\n> & {\n onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onClose?: () => void;\n content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n okHidden?: boolean;\n cancelHidden?: boolean;\n okButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n cancelButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n /**\n * 设置modal body height 为当前窗口height的百分比，例如：30\n * ```\n * 1. 最大值：80\n * 1. 设置bodyStyle.height 后，bodyHeightPercent失效\n * ```\n */\n bodyHeightPercent?: number;\n};\n\nexport const FbaAppModal = (props: FbaAppModalProps) => {\n const {\n onOk,\n onCancel,\n okButtonProps,\n cancelButtonProps,\n content,\n className,\n okHidden,\n cancelHidden,\n footer,\n cancelText,\n okText,\n bodyHeightPercent,\n ...otherProps\n } = props;\n const [form] = Form.useForm();\n const size = useSize(document.querySelector('html'));\n\n const onClose = hooks.useCallbackRef(() => {\n props.onClose?.();\n });\n\n const onCancelHandle = hooks.useCallbackRef((e) => {\n if (onCancel) {\n const response = onCancel(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n onClose();\n return Promise.resolve();\n });\n\n const onOkHandle = hooks.useCallbackRef((e) => {\n if (onOk) {\n const response = onOk(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n onClose();\n return Promise.resolve();\n });\n\n const operateGroup = [\n <ButtonWrapper key=\"0\" {...cancelButtonProps} onClick={onCancelHandle} hidden={cancelHidden}>\n {cancelText || '取消'}\n </ButtonWrapper>,\n <ButtonWrapper key=\"1\" type=\"primary\" {...okButtonProps} onClick={onOkHandle} hidden={okHidden}>\n {okText || '提交'}\n </ButtonWrapper>,\n ];\n\n const footerNew = footer || operateGroup;\n\n const height = useMemo(() => {\n if (!size?.height || !bodyHeightPercent) {\n return 'auto';\n }\n return size?.height * (bodyHeightPercent / 100);\n }, [bodyHeightPercent, size?.height]);\n\n return (\n <Modal\n maskClosable={true}\n centered={true}\n onCancel={onClose}\n destroyOnClose\n {...otherProps}\n bodyStyle={{\n height,\n maxHeight: size?.height ? size?.height * 0.8 : 'calc(100vh - 200px)',\n ...otherProps.bodyStyle,\n }}\n className={classNames('v-dialog-modal', className)}\n open={props.open}\n footer={footerNew}\n >\n {typeof content === 'function' ? content(form, { onClose }) : content}\n </Modal>\n );\n};\n","import { classNames } from '@dimjs/utils';\nimport { FbaAppModal, FbaAppModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport type FbaAppConfirmProps = FbaAppModalProps;\n\nexport const FbaAppConfirm = (props: FbaAppConfirmProps) => {\n const className = classNames('v-dialog-confirm', props.className);\n return (\n <FbaAppModal\n okText=\"确定\"\n width={350}\n cancelText=\"取消\"\n maskClosable={true}\n {...props}\n className={className}\n />\n );\n};\n","import { FbaAppConfirm } from '../dialog-confirm';\nimport { FbaAppModalProps } from '../dialog-modal';\n\n// export type DialogAlertProps = Omit<\n// DialogModalProps,\n// 'onOk' | 'cancelHidden' | 'cancelButtonProps' | 'onCancel' | 'onClick'\n// > & {\n// onClick?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n// };\n\n// export const dialogAlert = {\n// open: (props: DialogAlertProps) => {\n// return dialogConfirm.open({\n// okText: '确定',\n// cancelHidden: true,\n// maskClosable: false,\n// ...props,\n// onOk: props.onClick,\n// } as DialogModalProps);\n// },\n// };\n\nexport type FbaAppAlertProps = Omit<\n FbaAppModalProps,\n 'onOk' | 'cancelHidden' | 'cancelButtonProps' | 'onCancel' | 'onClick'\n> & {\n onClick?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n};\n\nexport const FbaAppAlert = (props: FbaAppAlertProps) => {\n return (\n <FbaAppConfirm\n okText=\"确定\"\n cancelHidden={true}\n maskClosable={false}\n {...props}\n onOk={(_form, e) => {\n return props.onClick?.(e);\n }}\n />\n );\n};\n","import { isPromise } from '@dimjs/lang';\nimport { ButtonWrapper, ButtonWrapperProps } from '@flatbiz/antd';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { ReactElement, ReactNode } from 'react';\n\nexport type FbaAppDrawerProps = Omit<\n DrawerProps,\n 'onOk' | 'onCancel' | 'getContainer' | 'footer' | 'extra'\n> & {\n okText?: string | ReactElement;\n cancelText?: string | ReactElement;\n onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n content:\n | string\n | ReactElement\n | ((form: FormInstance, operate: { onClose: DrawerProps['onClose'] }) => ReactElement);\n okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n operatePosition?: 'header' | 'footer';\n operateRender?: (form: FormInstance) => ReactElement;\n okHidden?: boolean;\n cancelHidden?: boolean;\n extra?: ReactNode | ((form: FormInstance) => ReactElement);\n};\n\nexport const FbaAppDrawer = (props: FbaAppDrawerProps) => {\n const {\n onOk,\n onCancel,\n content,\n okText,\n cancelText,\n okButtonExtraProps,\n cancelButtonExtraProps,\n operatePosition = 'footer',\n operateRender,\n width = 600,\n okHidden,\n cancelHidden,\n extra,\n ...otherProps\n } = props;\n const [form] = Form.useForm();\n\n const onClose = hooks.useCallbackRef((e) => {\n props.onClose?.(e);\n });\n\n const onCancelHandle = hooks.useCallbackRef((e) => {\n if (onCancel) {\n const response = onCancel(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n onClose(e);\n return Promise.resolve();\n });\n\n const onOkHandle = hooks.useCallbackRef((e) => {\n if (onOk) {\n const response = onOk(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n onClose(e);\n return Promise.resolve();\n });\n\n const operateGroup = (\n <Space>\n {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n {cancelText || '取消'}\n </ButtonWrapper>\n )}\n {okHidden || okButtonExtraProps?.hidden ? null : (\n <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n {okText || '提交'}\n </ButtonWrapper>\n )}\n </Space>\n );\n\n const operateRenderHandle = () => {\n if (operateRender) {\n return operateRender(form);\n }\n if (!okHidden || !cancelHidden) {\n return operateGroup;\n }\n return null;\n };\n\n const extraRender = typeof extra === 'function' ? extra(form) : extra;\n return (\n <Drawer\n maskClosable={true}\n destroyOnClose\n onClose={onClose}\n width={'80%'}\n contentWrapperStyle={{ maxWidth: width }}\n footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n {...otherProps}\n extra={operatePosition === 'header' ? operateRenderHandle() : extraRender}\n open={props.open}\n >\n {typeof content === 'function' ? content(form, { onClose }) : content}\n </Drawer>\n );\n};\n","import { classNames } from '@dimjs/utils';\nimport { Modal, theme } from 'antd';\nimport { CSSProperties } from 'react';\nimport './style.less';\n\nexport type FbaAppLoadingProps = {\n className?: string;\n message?: string;\n mask?: boolean;\n};\n\nexport const FbaAppLoading = (props: FbaAppLoadingProps & { open?: boolean }) => {\n const { className, message, mask } = props;\n const { token } = theme.useToken();\n const colorPrimary = token.colorPrimary;\n\n return (\n <Modal\n maskClosable={false}\n centered={true}\n destroyOnClose\n className={classNames('v-dialog-loading', className)}\n open={props.open}\n footer={null}\n closable={false}\n style={{ '--v-loading-color': colorPrimary } as CSSProperties}\n mask={mask}\n >\n <div className={classNames('v-dialog-loading-content')}>\n <div className=\"loader-wrapper\">\n <div className=\"loader-inner\" />\n <div className=\"loader-text\">{message || '处理中'}</div>\n </div>\n </div>\n </Modal>\n );\n};\n","import { ReactNode, useContext, useState } from 'react';\nimport { FbaAppContext, FbaAppContextApi } from './context';\nimport { FbaAppAlert, FbaAppAlertProps } from './dialog-alert';\nimport { FbaAppConfirm, FbaAppConfirmProps } from './dialog-confirm';\nimport { FbaAppDrawer, FbaAppDrawerProps } from './dialog-drawer';\nimport { FbaAppLoading, FbaAppLoadingProps } from './dialog-loading';\nimport { FbaAppModal, FbaAppModalProps } from './dialog-modal';\n\nexport const useDialogDrawer = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogDrawerClose?.();\n };\n\n return {\n appDialogDrawer: {\n open: (data: FbaAppDrawerProps) => {\n ctx.dialogDrawerOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\n\nexport const useDialogModal = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogModalClose?.();\n };\n\n return {\n appDialogModal: {\n open: (data: FbaAppModalProps) => {\n ctx.dialogModalOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\n\nexport const useDialogAlert = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogAlertClose?.();\n };\n\n return {\n appDialogAlert: {\n open: (data: FbaAppAlertProps) => {\n ctx.dialogAlertOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\nexport const useDialogConfirm = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogConfirmClose?.();\n };\n\n return {\n appDialogConfirm: {\n open: (data: FbaAppConfirmProps) => {\n ctx.dialogConfirmOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\nexport const useDialogLoading = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogLoadingClose?.();\n };\n\n return {\n appDialogLoading: {\n open: (data?: FbaAppLoadingProps) => {\n ctx.dialogLoadingOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\n\nexport const FbaApp = (props: { children: ReactNode }) => {\n const [drawerProps, setDrawerProps] = useState<FbaAppDrawerProps>({} as FbaAppDrawerProps);\n const [modalProps, setModalProps] = useState<FbaAppModalProps>({} as FbaAppModalProps);\n const [alertProps, setAlertProps] = useState<FbaAppAlertProps>({} as FbaAppAlertProps);\n const [confirmProps, setConfirmProps] = useState<FbaAppConfirmProps>({} as FbaAppConfirmProps);\n const [loadingProps, setLoadingProps] = useState<FbaAppLoadingProps>();\n\n const dialogDrawerOpen: FbaAppContextApi['dialogDrawerOpen'] = (data) => {\n setDrawerProps(data);\n };\n\n const dialogDrawerClose = () => {\n setDrawerProps({ ...drawerProps, open: false } as FbaAppDrawerProps);\n };\n\n const dialogModalOpen: FbaAppContextApi['dialogModalOpen'] = (data) => {\n setModalProps(data);\n };\n\n const dialogModalClose = () => {\n setModalProps({ ...drawerProps, open: false } as FbaAppModalProps);\n };\n\n const dialogAlertOpen: FbaAppContextApi['dialogAlertOpen'] = (data) => {\n setAlertProps(data);\n };\n\n const dialogAlertClose = () => {\n setAlertProps({ ...drawerProps, open: false } as FbaAppAlertProps);\n };\n\n const dialogConfirmOpen: FbaAppContextApi['dialogConfirmOpen'] = (data) => {\n setConfirmProps(data);\n };\n\n const dialogConfirmClose = () => {\n setConfirmProps({ ...drawerProps, open: false } as FbaAppConfirmProps);\n };\n\n const dialogLoadingOpen: FbaAppContextApi['dialogLoadingOpen'] = (data) => {\n setLoadingProps(data);\n };\n\n const dialogLoadingClose = () => {\n setLoadingProps({ ...drawerProps, open: false } as FbaAppLoadingProps);\n };\n\n return (\n <FbaAppContext.Provider\n value={{\n editable: true,\n dialogDrawerOpen,\n dialogDrawerClose,\n dialogModalOpen,\n dialogModalClose,\n dialogAlertOpen,\n dialogAlertClose,\n dialogConfirmOpen,\n dialogConfirmClose,\n dialogLoadingOpen,\n dialogLoadingClose,\n }}\n >\n <FbaAppDrawer {...drawerProps} onClose={dialogDrawerClose}></FbaAppDrawer>\n <FbaAppModal {...modalProps} onClose={dialogModalClose}></FbaAppModal>\n <FbaAppAlert {...alertProps} onClose={dialogAlertClose}></FbaAppAlert>\n <FbaAppConfirm {...confirmProps} onClose={dialogConfirmClose}></FbaAppConfirm>\n <FbaAppLoading {...loadingProps}></FbaAppLoading>\n {props.children}\n </FbaAppContext.Provider>\n );\n};\n","import { fbaUtils } from '../fba-utils';\nimport {\n FbaApp as FbaAppInner,\n useDialogAlert,\n useDialogConfirm,\n useDialogDrawer,\n useDialogLoading,\n useDialogModal,\n} from './fba-app';\n\nexport const FbaApp = fbaUtils.attachPropertiesToComponent(FbaAppInner, {\n useDialogDrawer,\n useDialogModal,\n useDialogConfirm,\n useDialogAlert,\n useDialogLoading,\n});\n"],"names":["FbaAppContext","createContext","editable","FbaAppModal","props","onOk","onCancel","okButtonProps","cancelButtonProps","content","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent","otherProps","_objectWithoutPropertiesLoose","_excluded","_Form$useForm","Form","useForm","form","size","useSize","document","querySelector","onClose","_hooks","useCallbackRef","onCancelHandle","e","response","_isPromise","then","Promise","resolve","onOkHandle","operateGroup","_jsx","ButtonWrapper","_extends","onClick","hidden","children","type","footerNew","height","useMemo","Modal","maskClosable","centered","destroyOnClose","bodyStyle","maxHeight","_classNames","open","FbaAppConfirm","width","FbaAppAlert","_form","FbaAppDrawer","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","_props$width","extra","_jsxs","Space","operateRenderHandle","extraRender","Drawer","contentWrapperStyle","maxWidth","FbaAppLoading","message","mask","_theme$useToken","theme","useToken","token","colorPrimary","closable","style","useDialogDrawer","ctx","useContext","dialogDrawerClose","appDialogDrawer","data","dialogDrawerOpen","close","useDialogModal","dialogModalClose","appDialogModal","dialogModalOpen","useDialogAlert","dialogAlertClose","appDialogAlert","dialogAlertOpen","useDialogConfirm","dialogConfirmClose","appDialogConfirm","dialogConfirmOpen","useDialogLoading","dialogLoadingClose","appDialogLoading","dialogLoadingOpen","FbaApp","_useState","useState","drawerProps","setDrawerProps","_useState2","modalProps","setModalProps","_useState3","alertProps","setAlertProps","_useState4","confirmProps","setConfirmProps","_useState5","loadingProps","setLoadingProps","Provider","value","fbaUtils","attachPropertiesToComponent","FbaAppInner"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/fba-app/context.ts","@flatbiz/antd/src/fba-app/dialog-modal/index.tsx","@flatbiz/antd/src/fba-app/dialog-confirm/index.tsx","@flatbiz/antd/src/fba-app/dialog-alert/index.tsx","@flatbiz/antd/src/fba-app/dialog-drawer/index.tsx","@flatbiz/antd/src/fba-app/dialog-loading/index.tsx","@flatbiz/antd/src/fba-app/fba-app.tsx","@flatbiz/antd/src/fba-app/index.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { FbaAppAlertProps } from './dialog-alert';\nimport { FbaAppConfirmProps } from './dialog-confirm';\nimport { FbaAppDrawerProps } from './dialog-drawer';\nimport { FbaAppLoadingProps } from './dialog-loading';\nimport { FbaAppModalProps } from './dialog-modal';\n\nexport type FbaAppContextApi = {\n editable: boolean;\n dialogDrawerOpen?: (data: FbaAppDrawerProps) => void;\n dialogDrawerClose?: () => void;\n dialogModalOpen?: (data: FbaAppModalProps) => void;\n dialogModalClose?: () => void;\n\n dialogAlertOpen?: (data: FbaAppAlertProps) => void;\n dialogAlertClose?: () => void;\n\n dialogConfirmOpen?: (data: FbaAppConfirmProps) => void;\n dialogConfirmClose?: () => void;\n\n dialogLoadingOpen?: (data?: FbaAppLoadingProps & { open?: boolean }) => void;\n dialogLoadingClose?: () => void;\n};\n\nexport const FbaAppContext = createContext<FbaAppContextApi>({\n editable: false,\n});\n","import { isPromise } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\n\nimport { ButtonWrapper, ButtonWrapperProps } from '@flatbiz/antd';\nimport { TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useSize } from 'ahooks';\nimport { Form, FormInstance, Modal, ModalProps } from 'antd';\nimport { ReactElement, useMemo } from 'react';\nimport './style.less';\n\nexport type FbaAppModalProps = Omit<\n ModalProps,\n 'onOk' | 'onCancel' | 'getContainer' | 'okButtonProps' | 'cancelButtonProps'\n> & {\n onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onClose?: () => void;\n content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n okHidden?: boolean;\n cancelHidden?: boolean;\n okButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n cancelButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n /**\n * 设置modal body height 为当前窗口height的百分比，例如：30\n * ```\n * 1. 最大值：80\n * 1. 设置bodyStyle.height 后，bodyHeightPercent失效\n * ```\n */\n bodyHeightPercent?: number;\n};\n\nexport const FbaAppModal = (props: FbaAppModalProps) => {\n const {\n onOk,\n onCancel,\n okButtonProps,\n cancelButtonProps,\n content,\n className,\n okHidden,\n cancelHidden,\n footer,\n cancelText,\n okText,\n bodyHeightPercent,\n ...otherProps\n } = props;\n const [form] = Form.useForm();\n const size = useSize(document.querySelector('html'));\n\n const onClose = hooks.useCallbackRef(() => {\n props.onClose?.();\n });\n\n const onCancelHandle = hooks.useCallbackRef((e) => {\n if (onCancel) {\n const response = onCancel(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n onClose();\n return Promise.resolve();\n });\n\n const onOkHandle = hooks.useCallbackRef((e) => {\n if (onOk) {\n const response = onOk(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n onClose();\n return Promise.resolve();\n });\n\n const operateGroup = [\n <ButtonWrapper key=\"0\" {...cancelButtonProps} onClick={onCancelHandle} hidden={cancelHidden}>\n {cancelText || '取消'}\n </ButtonWrapper>,\n <ButtonWrapper key=\"1\" type=\"primary\" {...okButtonProps} onClick={onOkHandle} hidden={okHidden}>\n {okText || '提交'}\n </ButtonWrapper>,\n ];\n\n const footerNew = footer || operateGroup;\n\n const height = useMemo(() => {\n if (!size?.height || !bodyHeightPercent) {\n return 'auto';\n }\n return size?.height * (bodyHeightPercent / 100);\n }, [bodyHeightPercent, size?.height]);\n\n return (\n <Modal\n maskClosable={true}\n centered={true}\n onCancel={onClose}\n destroyOnClose\n {...otherProps}\n bodyStyle={{\n height,\n maxHeight: size?.height ? size?.height * 0.8 : 'calc(100vh - 200px)',\n ...otherProps.bodyStyle,\n }}\n className={classNames('fba-dialog-modal', className)}\n open={props.open}\n footer={footerNew}\n >\n {typeof content === 'function' ? content(form, { onClose }) : content}\n </Modal>\n );\n};\n","import { classNames } from '@dimjs/utils';\nimport { FbaAppModal, FbaAppModalProps } from '../dialog-modal';\nimport './style.less';\n\nexport type FbaAppConfirmProps = FbaAppModalProps;\n\nexport const FbaAppConfirm = (props: FbaAppConfirmProps) => {\n const className = classNames('fba-dialog-confirm', props.className);\n return (\n <FbaAppModal\n okText=\"确定\"\n width={350}\n cancelText=\"取消\"\n maskClosable={true}\n {...props}\n className={className}\n />\n );\n};\n","import { FbaAppConfirm } from '../dialog-confirm';\nimport { FbaAppModalProps } from '../dialog-modal';\n\n// export type DialogAlertProps = Omit<\n// DialogModalProps,\n// 'onOk' | 'cancelHidden' | 'cancelButtonProps' | 'onCancel' | 'onClick'\n// > & {\n// onClick?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n// };\n\n// export const dialogAlert = {\n// open: (props: DialogAlertProps) => {\n// return dialogConfirm.open({\n// okText: '确定',\n// cancelHidden: true,\n// maskClosable: false,\n// ...props,\n// onOk: props.onClick,\n// } as DialogModalProps);\n// },\n// };\n\nexport type FbaAppAlertProps = Omit<\n FbaAppModalProps,\n 'onOk' | 'cancelHidden' | 'cancelButtonProps' | 'onCancel' | 'onClick'\n> & {\n onClick?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n};\n\nexport const FbaAppAlert = (props: FbaAppAlertProps) => {\n return (\n <FbaAppConfirm\n okText=\"确定\"\n cancelHidden={true}\n maskClosable={false}\n {...props}\n onOk={(_form, e) => {\n return props.onClick?.(e);\n }}\n />\n );\n};\n","import { isPromise } from '@dimjs/lang';\nimport { ButtonWrapper, ButtonWrapperProps } from '@flatbiz/antd';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { ReactElement, ReactNode } from 'react';\n\nexport type FbaAppDrawerProps = Omit<\n DrawerProps,\n 'onOk' | 'onCancel' | 'getContainer' | 'footer' | 'extra'\n> & {\n okText?: string | ReactElement;\n cancelText?: string | ReactElement;\n onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n content:\n | string\n | ReactElement\n | ((form: FormInstance, operate: { onClose: DrawerProps['onClose'] }) => ReactElement);\n okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n operatePosition?: 'header' | 'footer';\n operateRender?: (form: FormInstance) => ReactElement;\n okHidden?: boolean;\n cancelHidden?: boolean;\n extra?: ReactNode | ((form: FormInstance) => ReactElement);\n};\n\nexport const FbaAppDrawer = (props: FbaAppDrawerProps) => {\n const {\n onOk,\n onCancel,\n content,\n okText,\n cancelText,\n okButtonExtraProps,\n cancelButtonExtraProps,\n operatePosition = 'footer',\n operateRender,\n width = 600,\n okHidden,\n cancelHidden,\n extra,\n ...otherProps\n } = props;\n const [form] = Form.useForm();\n\n const onClose = hooks.useCallbackRef((e) => {\n props.onClose?.(e);\n });\n\n const onCancelHandle = hooks.useCallbackRef((e) => {\n if (onCancel) {\n const response = onCancel(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n onClose(e);\n return Promise.resolve();\n });\n\n const onOkHandle = hooks.useCallbackRef((e) => {\n if (onOk) {\n const response = onOk(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n onClose(e);\n return Promise.resolve();\n });\n\n const operateGroup = (\n <Space>\n {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n {cancelText || '取消'}\n </ButtonWrapper>\n )}\n {okHidden || okButtonExtraProps?.hidden ? null : (\n <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n {okText || '提交'}\n </ButtonWrapper>\n )}\n </Space>\n );\n\n const operateRenderHandle = () => {\n if (operateRender) {\n return operateRender(form);\n }\n if (!okHidden || !cancelHidden) {\n return operateGroup;\n }\n return null;\n };\n\n const extraRender = typeof extra === 'function' ? extra(form) : extra;\n return (\n <Drawer\n maskClosable={true}\n destroyOnClose\n onClose={onClose}\n width={'80%'}\n contentWrapperStyle={{ maxWidth: width }}\n footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n {...otherProps}\n extra={operatePosition === 'header' ? operateRenderHandle() : extraRender}\n open={props.open}\n >\n {typeof content === 'function' ? content(form, { onClose }) : content}\n </Drawer>\n );\n};\n","import { classNames } from '@dimjs/utils';\nimport { Modal, theme } from 'antd';\nimport { CSSProperties } from 'react';\nimport './style.less';\n\nexport type FbaAppLoadingProps = {\n className?: string;\n message?: string;\n mask?: boolean;\n};\n\nexport const FbaAppLoading = (props: FbaAppLoadingProps & { open?: boolean }) => {\n const { className, message, mask } = props;\n const { token } = theme.useToken();\n const colorPrimary = token.colorPrimary;\n\n return (\n <Modal\n maskClosable={false}\n centered={true}\n destroyOnClose\n className={classNames('fba-dialog-loading', className)}\n open={props.open}\n footer={null}\n closable={false}\n style={{ '--fba-loading-color': colorPrimary } as CSSProperties}\n mask={mask}\n >\n <div className={classNames('fba-dialog-loading-content')}>\n <div className=\"loader-wrapper\">\n <div className=\"loader-inner\" />\n <div className=\"loader-text\">{message || '处理中'}</div>\n </div>\n </div>\n </Modal>\n );\n};\n","import { ReactNode, useContext, useState } from 'react';\nimport { FbaAppContext, FbaAppContextApi } from './context';\nimport { FbaAppAlert, FbaAppAlertProps } from './dialog-alert';\nimport { FbaAppConfirm, FbaAppConfirmProps } from './dialog-confirm';\nimport { FbaAppDrawer, FbaAppDrawerProps } from './dialog-drawer';\nimport { FbaAppLoading, FbaAppLoadingProps } from './dialog-loading';\nimport { FbaAppModal, FbaAppModalProps } from './dialog-modal';\n\nexport const useDialogDrawer = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogDrawerClose?.();\n };\n\n return {\n appDialogDrawer: {\n open: (data: FbaAppDrawerProps) => {\n ctx.dialogDrawerOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\n\nexport const useDialogModal = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogModalClose?.();\n };\n\n return {\n appDialogModal: {\n open: (data: FbaAppModalProps) => {\n ctx.dialogModalOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\n\nexport const useDialogAlert = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogAlertClose?.();\n };\n\n return {\n appDialogAlert: {\n open: (data: FbaAppAlertProps) => {\n ctx.dialogAlertOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\nexport const useDialogConfirm = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogConfirmClose?.();\n };\n\n return {\n appDialogConfirm: {\n open: (data: FbaAppConfirmProps) => {\n ctx.dialogConfirmOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\nexport const useDialogLoading = () => {\n const ctx = useContext(FbaAppContext);\n\n const onClose = () => {\n ctx.dialogLoadingClose?.();\n };\n\n return {\n appDialogLoading: {\n open: (data?: FbaAppLoadingProps) => {\n ctx.dialogLoadingOpen?.({ ...data, open: true });\n return { onClose };\n },\n close: onClose,\n },\n };\n};\n\nexport const FbaApp = (props: { children: ReactNode }) => {\n const [drawerProps, setDrawerProps] = useState<FbaAppDrawerProps>({} as FbaAppDrawerProps);\n const [modalProps, setModalProps] = useState<FbaAppModalProps>({} as FbaAppModalProps);\n const [alertProps, setAlertProps] = useState<FbaAppAlertProps>({} as FbaAppAlertProps);\n const [confirmProps, setConfirmProps] = useState<FbaAppConfirmProps>({} as FbaAppConfirmProps);\n const [loadingProps, setLoadingProps] = useState<FbaAppLoadingProps>();\n\n const dialogDrawerOpen: FbaAppContextApi['dialogDrawerOpen'] = (data) => {\n setDrawerProps(data);\n };\n\n const dialogDrawerClose = () => {\n setDrawerProps({ ...drawerProps, open: false } as FbaAppDrawerProps);\n };\n\n const dialogModalOpen: FbaAppContextApi['dialogModalOpen'] = (data) => {\n setModalProps(data);\n };\n\n const dialogModalClose = () => {\n setModalProps({ ...drawerProps, open: false } as FbaAppModalProps);\n };\n\n const dialogAlertOpen: FbaAppContextApi['dialogAlertOpen'] = (data) => {\n setAlertProps(data);\n };\n\n const dialogAlertClose = () => {\n setAlertProps({ ...drawerProps, open: false } as FbaAppAlertProps);\n };\n\n const dialogConfirmOpen: FbaAppContextApi['dialogConfirmOpen'] = (data) => {\n setConfirmProps(data);\n };\n\n const dialogConfirmClose = () => {\n setConfirmProps({ ...drawerProps, open: false } as FbaAppConfirmProps);\n };\n\n const dialogLoadingOpen: FbaAppContextApi['dialogLoadingOpen'] = (data) => {\n setLoadingProps(data);\n };\n\n const dialogLoadingClose = () => {\n setLoadingProps({ ...drawerProps, open: false } as FbaAppLoadingProps);\n };\n\n return (\n <FbaAppContext.Provider\n value={{\n editable: true,\n dialogDrawerOpen,\n dialogDrawerClose,\n dialogModalOpen,\n dialogModalClose,\n dialogAlertOpen,\n dialogAlertClose,\n dialogConfirmOpen,\n dialogConfirmClose,\n dialogLoadingOpen,\n dialogLoadingClose,\n }}\n >\n <FbaAppDrawer {...drawerProps} onClose={dialogDrawerClose}></FbaAppDrawer>\n <FbaAppModal {...modalProps} onClose={dialogModalClose}></FbaAppModal>\n <FbaAppAlert {...alertProps} onClose={dialogAlertClose}></FbaAppAlert>\n <FbaAppConfirm {...confirmProps} onClose={dialogConfirmClose}></FbaAppConfirm>\n <FbaAppLoading {...loadingProps}></FbaAppLoading>\n {props.children}\n </FbaAppContext.Provider>\n );\n};\n","import { fbaUtils } from '../fba-utils';\nimport {\n FbaApp as FbaAppInner,\n useDialogAlert,\n useDialogConfirm,\n useDialogDrawer,\n useDialogLoading,\n useDialogModal,\n} from './fba-app';\n\nexport const FbaApp = fbaUtils.attachPropertiesToComponent(FbaAppInner, {\n useDialogDrawer,\n useDialogModal,\n useDialogConfirm,\n useDialogAlert,\n useDialogLoading,\n});\n"],"names":["FbaAppContext","createContext","editable","FbaAppModal","props","onOk","onCancel","okButtonProps","cancelButtonProps","content","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent","otherProps","_objectWithoutPropertiesLoose","_excluded","_Form$useForm","Form","useForm","form","size","useSize","document","querySelector","onClose","_hooks","useCallbackRef","onCancelHandle","e","response","_isPromise","then","Promise","resolve","onOkHandle","operateGroup","_jsx","ButtonWrapper","_extends","onClick","hidden","children","type","footerNew","height","useMemo","Modal","maskClosable","centered","destroyOnClose","bodyStyle","maxHeight","_classNames","open","FbaAppConfirm","width","FbaAppAlert","_form","FbaAppDrawer","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","_props$width","extra","_jsxs","Space","operateRenderHandle","extraRender","Drawer","contentWrapperStyle","maxWidth","FbaAppLoading","message","mask","_theme$useToken","theme","useToken","token","colorPrimary","closable","style","useDialogDrawer","ctx","useContext","dialogDrawerClose","appDialogDrawer","data","dialogDrawerOpen","close","useDialogModal","dialogModalClose","appDialogModal","dialogModalOpen","useDialogAlert","dialogAlertClose","appDialogAlert","dialogAlertOpen","useDialogConfirm","dialogConfirmClose","appDialogConfirm","dialogConfirmOpen","useDialogLoading","dialogLoadingClose","appDialogLoading","dialogLoadingOpen","FbaApp","_useState","useState","drawerProps","setDrawerProps","_useState2","modalProps","setModalProps","_useState3","alertProps","setAlertProps","_useState4","confirmProps","setConfirmProps","_useState5","loadingProps","setLoadingProps","Provider","value","fbaUtils","attachPropertiesToComponent","FbaAppInner"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
2
|
import './index.css';
|
|
3
3
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
4
|
-
import{classNames as e}from"@dimjs/utils/cjs/class-names";import{Descriptions as
|
|
4
|
+
import{_ as r}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{classNames as e}from"@dimjs/utils/cjs/class-names";import{getUuid as l}from"@flatbiz/utils";import{Descriptions as t}from"antd";import{useMemo as a}from"react";import{jsx as o}from"react/jsx-runtime";var n=function n(i){var u=i.labelWidth==="auto"?"auto":(i.labelWidth||120)+"px";var m={"--v-label-value-layout-lWidth":u};var s=e("v-label-value-layout",i.className);var p=a((function(){return i.options.filter((function(r){return!r.hidden}))}),[i.options]);p=p.map((function(e){return r({key:l()},e)}));return o(t,{column:i.column||1,bordered:i.bordered,size:"small",className:s,style:m,children:p.map((function(r){return o(t.Item,{label:r.label,span:r.span,children:r.value},r.key)}))})};export{n as LabelValueLayout};
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/label-value-layout/label-value-layout.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { Descriptions } from 'antd';\nimport { CSSProperties, ReactElement, useMemo } from 'react';\nimport './style.less';\n\nexport type LabelValueLayoutProps = {\n options: {\n key
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/label-value-layout/label-value-layout.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { getUuid } from '@flatbiz/utils';\nimport { Descriptions } from 'antd';\nimport { CSSProperties, ReactElement, useMemo } from 'react';\nimport './style.less';\n\nexport type LabelValueLayoutProps = {\n options: {\n key?: string | number;\n label: string | ReactElement;\n value?: string | number | ReactElement;\n span?: number;\n hidden?: boolean;\n }[];\n labelWidth?: number | 'auto';\n // 一行占几组，默认1\n column?: number;\n bordered?: boolean;\n className?: string;\n};\n\n/**\n * options[].span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度\n * options[].hidden 是否隐藏 Description.Item\n */\nexport const LabelValueLayout = (props: LabelValueLayoutProps) => {\n const labelWidth = props.labelWidth === 'auto' ? 'auto' : `${props.labelWidth || 120}px`;\n const style = { '--v-label-value-layout-lWidth': labelWidth } as CSSProperties;\n const className = classNames('v-label-value-layout', props.className);\n\n let options = useMemo(() => {\n return props.options.filter((item) => !item.hidden);\n }, [props.options]);\n\n options = options.map((item) => {\n return { key: getUuid(), ...item };\n });\n\n return (\n <Descriptions\n column={props.column || 1}\n bordered={props.bordered}\n size=\"small\"\n className={className}\n style={style}\n >\n {options.map((item) => {\n return (\n <Descriptions.Item key={item.key} label={item.label} span={item.span}>\n {item.value}\n </Descriptions.Item>\n );\n })}\n </Descriptions>\n );\n};\n"],"names":["LabelValueLayout","props","labelWidth","style","className","_classNames","options","useMemo","filter","item","hidden","map","_extends","key","getUuid","_jsx","Descriptions","column","bordered","size","children","Item","label","span","value"],"mappings":";gRAyBaA,EAAmB,SAAnBA,EAAoBC,GAC/B,IAAMC,EAAaD,EAAMC,aAAe,OAAS,QAAYD,EAAMC,YAAc,KAAO,KACxF,IAAMC,EAAQ,CAAE,gCAAiCD,GACjD,IAAME,EAAYC,EAAW,uBAAwBJ,EAAMG,WAE3D,IAAIE,EAAUC,GAAQ,WACpB,OAAON,EAAMK,QAAQE,QAAO,SAACC,GAAI,OAAMA,EAAKC,SAC9C,GAAG,CAACT,EAAMK,UAEVA,EAAUA,EAAQK,KAAI,SAACF,GACrB,OAAAG,EAAA,CAASC,IAAKC,KAAcL,EAC9B,IAEA,OACEM,EAACC,EAAY,CACXC,OAAQhB,EAAMgB,QAAU,EACxBC,SAAUjB,EAAMiB,SAChBC,KAAK,QACLf,UAAWA,EACXD,MAAOA,EAAMiB,SAEZd,EAAQK,KAAI,SAACF,GACZ,OACEM,EAACC,EAAaK,KAAI,CAAgBC,MAAOb,EAAKa,MAAOC,KAAMd,EAAKc,KAAKH,SAClEX,EAAKe,OADgBf,EAAKI,SAOvC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.simple-layout{background-color:#fff;border-radius:6px;padding:15px}.simple-layout .ant-form{margin-bottom:-15px}.simple-layout .ant-form-item{margin:0 0 15px}.simple-layout .ant-form-item-label{width:82px}.simple-layout .ant-form-item-label.ant-col-auto{width:auto}.simple-layout .ant-table-thead>tr>th{background:#f6f6f6}.simple-layout .ant-descriptions-item{padding-bottom:10px}.simple-layout .ant-descriptions-item-label{color:#999}.simple-layout .ant-table-pagination.ant-pagination{margin:16px 0 0}.simple-layout .simple-layout-content{position:relative}.simple-layout .simple-layout-content>.ant-row:last-child{margin-bottom:0}.simple-layout .simple-layout-content>.ant-row:last-child .ant-upload-list{padding-bottom:15px}.simple-layout .simple-layout-content>.ant-descriptions:not(.ant-descriptions-bordered):last-child{margin-bottom:-10px}.simple-layout .v-tree-wrapper-tree{padding:5px 0 0}.simple-layout-title-sign{padding-left:10px;position:relative}.simple-layout-title-sign:before{background:var(--simple-layout-colorPrimary);border-radius:3px;content:"";height:14px;left:0;margin-top:-7px;position:absolute;top:50%;width:3px}.simple-layout-title{color:rgba(0,0,0,.85);font-size:16px;font-weight:500;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.simple-layout-title+.simple-layout-content,.simple-layout-title-sign+.simple-layout-content{margin-top:10px}.simple-layout-desc{color:rgba(0,0,0,.55);font-size:12px}.simple-layout+.simple-layout,.simple-layout-desc+.simple-layout-content{margin-top:10px}.simple-layout+.ant-divider{margin:0 0 15px}.simple-layout-formlabel-left .ant-form-item-label{text-align:left}.simple-layout-tight.simple-layout{margin-top:0;padding:0}.simple-layout-title-extra-space{justify-content:space-between;width:100%}.simple-layout-title-fixed{display:flex;flex-direction:column;height:100%;overflow:hidden}.simple-layout-title-fixed
|
|
1
|
+
.simple-layout{background-color:#fff;border-radius:6px;padding:15px}.simple-layout .ant-form{margin-bottom:-15px}.simple-layout .ant-form-item{margin:0 0 15px}.simple-layout .ant-form-item-label{width:82px}.simple-layout .ant-form-item-label.ant-col-auto{width:auto}.simple-layout .ant-table-thead>tr>th{background:#f6f6f6}.simple-layout .ant-descriptions-item{padding-bottom:10px}.simple-layout .ant-descriptions-item-label{color:#999}.simple-layout .ant-table-pagination.ant-pagination{margin:16px 0 0}.simple-layout .simple-layout-content{position:relative}.simple-layout .simple-layout-content>.ant-row:last-child{margin-bottom:0}.simple-layout .simple-layout-content>.ant-row:last-child .ant-upload-list{padding-bottom:15px}.simple-layout .simple-layout-content>.ant-descriptions:not(.ant-descriptions-bordered):last-child{margin-bottom:-10px}.simple-layout .v-tree-wrapper-tree{padding:5px 0 0}.simple-layout-title-sign{padding-left:10px;position:relative}.simple-layout-title-sign:before{background:var(--simple-layout-colorPrimary);border-radius:3px;content:"";height:14px;left:0;margin-top:-7px;position:absolute;top:50%;width:3px}.simple-layout-title{color:rgba(0,0,0,.85);font-size:16px;font-weight:500;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.simple-layout-title+.simple-layout-content,.simple-layout-title-sign+.simple-layout-content{margin-top:10px}.simple-layout-desc{color:rgba(0,0,0,.55);font-size:12px}.simple-layout+.simple-layout,.simple-layout-desc+.simple-layout-content{margin-top:10px}.simple-layout+.ant-divider{margin:0 0 15px}.simple-layout-formlabel-left .ant-form-item-label{text-align:left}.simple-layout-tight.simple-layout{margin-top:0;padding:0}.simple-layout-title-extra-space{justify-content:space-between;width:100%}.simple-layout-title-fixed{display:flex;flex-direction:column;height:100%;overflow:hidden}.simple-layout-title-fixed>.simple-layout-content{flex:1;overflow-y:auto}.simple-layout-small.simple-layout{padding:8px 15px}.simple-layout-small.simple-layout .ant-form{margin-bottom:-8px}.simple-layout-small.simple-layout .ant-form-item{margin:0 0 8px}
|
package/index.d.ts
CHANGED
|
@@ -1839,7 +1839,7 @@ export type InputWrapperProps = Omit<InputProps, "defaultValue"> & {
|
|
|
1839
1839
|
export declare const InputWrapper: (props: InputWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
1840
1840
|
export type LabelValueLayoutProps = {
|
|
1841
1841
|
options: {
|
|
1842
|
-
key
|
|
1842
|
+
key?: string | number;
|
|
1843
1843
|
label: string | ReactElement;
|
|
1844
1844
|
value?: string | number | ReactElement;
|
|
1845
1845
|
span?: number;
|