@flatbiz/antd 4.2.68 → 4.2.70
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/{_rollupPluginBabelHelpers-1f4d8910.js → _rollupPluginBabelHelpers-fc015ef2.js} +2 -2
- package/esm/_rollupPluginBabelHelpers-fc015ef2.js.map +1 -0
- package/esm/anchor-steps/index.js +1 -1
- package/esm/anchor-steps/index.js.map +1 -1
- package/esm/button-operate/index.js +1 -1
- package/esm/button-operate/index.js.map +1 -1
- package/esm/button-wrapper/index.js +1 -1
- package/esm/button-wrapper/index.js.map +1 -1
- package/esm/cascader-wrapper/index.js +1 -1
- package/esm/cascader-wrapper/index.js.map +1 -1
- package/esm/check-list/index.js +1 -1
- package/esm/check-list/index.js.map +1 -1
- package/esm/checkbox-wrapper/index.js +1 -1
- package/esm/checkbox-wrapper/index.js.map +1 -1
- package/esm/color-picker-wrapper/index.css +0 -0
- package/esm/color-picker-wrapper/index.js +5 -0
- package/esm/color-picker-wrapper/index.js.map +1 -0
- package/esm/config-provider-wrapper/index.js +1 -1
- package/esm/config-provider-wrapper/index.js.map +1 -1
- package/esm/context-1f2093c6.js.map +1 -1
- package/esm/css-node-hover/index.js +1 -1
- package/esm/css-node-hover/index.js.map +1 -1
- package/esm/data-render/index.js +1 -1
- package/esm/data-render/index.js.map +1 -1
- package/esm/date-picker-wrapper/index.js +1 -1
- package/esm/date-picker-wrapper/index.js.map +1 -1
- package/esm/date-range-picker-wrapper/index.js +1 -1
- package/esm/date-range-picker-wrapper/index.js.map +1 -1
- package/esm/date-range-picker-wrapper-form-item/index.js +1 -1
- package/esm/date-range-picker-wrapper-form-item/index.js.map +1 -1
- package/esm/dialog-alert/index.js +1 -1
- package/esm/dialog-alert/index.js.map +1 -1
- package/esm/dialog-confirm/index.js +1 -1
- package/esm/dialog-confirm/index.js.map +1 -1
- package/esm/dialog-drawer/index.js +1 -1
- package/esm/dialog-drawer/index.js.map +1 -1
- package/esm/dialog-drawer-content/index.js +1 -1
- package/esm/dialog-drawer-content/index.js.map +1 -1
- package/esm/dialog-loading/index.js +1 -1
- package/esm/dialog-loading/index.js.map +1 -1
- package/esm/dialog-modal/index.js +1 -1
- package/esm/dialog-modal/index.js.map +1 -1
- package/esm/dom-4d04aa64.js.map +1 -1
- package/esm/drag-collapse/index.js +1 -1
- package/esm/drag-collapse/index.js.map +1 -1
- package/esm/drag-collapse-form-list/index.js +1 -1
- package/esm/drag-collapse-form-list/index.js.map +1 -1
- package/esm/drawer-wrapper/index.js +1 -1
- package/esm/drawer-wrapper/index.js.map +1 -1
- package/esm/dropdown-menu-wrapper/index.js +1 -1
- package/esm/dropdown-menu-wrapper/index.js.map +1 -1
- package/esm/dynamic-node/index.js +1 -1
- package/esm/dynamic-node/index.js.map +1 -1
- package/esm/easy-table/index.js +1 -1
- package/esm/easy-table/index.js.map +1 -1
- package/esm/editable-field/index.js +1 -1
- package/esm/editable-field/index.js.map +1 -1
- package/esm/editable-field-provider/index.js +1 -1
- package/esm/editable-field-provider/index.js.map +1 -1
- package/esm/editable-table/index.js +1 -1
- package/esm/editable-table/index.js.map +1 -1
- package/esm/editor-wrapper/index.js +1 -1
- package/esm/editor-wrapper/index.js.map +1 -1
- package/esm/fba-hooks/index.js +1 -1
- package/esm/fba-utils/index.js +1 -1
- package/esm/fba-utils/index.js.map +1 -1
- package/esm/file-import/index.js +1 -1
- package/esm/file-import/index.js.map +1 -1
- package/esm/flex-layout/index.js +1 -1
- package/esm/flex-layout/index.js.map +1 -1
- package/esm/form-grid/index.js +1 -1
- package/esm/form-item-group/index.js +1 -1
- package/esm/form-item-group/index.js.map +1 -1
- package/esm/form-item-hidden/index.js +1 -1
- package/esm/form-item-hidden/index.js.map +1 -1
- package/esm/form-item-wrapper/index.js +1 -1
- package/esm/form-item-wrapper/index.js.map +1 -1
- package/esm/gap/index.js +1 -1
- package/esm/gap/index.js.map +1 -1
- package/esm/icon-wrapper/index.js +1 -1
- package/esm/icon-wrapper/index.js.map +1 -1
- package/esm/{pagination-0e66a3b5.js → index-e98b9352.js} +2 -2
- package/esm/index-e98b9352.js.map +1 -0
- package/esm/index.js +3 -1
- package/esm/input-search-wrapper/index.js +1 -1
- package/esm/input-search-wrapper/index.js.map +1 -1
- package/esm/input-text-area-wrapper/index.js +1 -1
- package/esm/input-text-area-wrapper/index.js.map +1 -1
- package/esm/input-wrapper/index.js +1 -1
- package/esm/input-wrapper/index.js.map +1 -1
- package/esm/label-value-layout/index.js +1 -1
- package/esm/label-value-layout/index.js.map +1 -1
- package/esm/local-loading/index.js +1 -1
- package/esm/local-loading/index.js.map +1 -1
- package/esm/modal-action/index.js +1 -1
- package/esm/modal-action/index.js.map +1 -1
- package/esm/modal-wrapper/index.js +1 -1
- package/esm/modal-wrapper/index.js.map +1 -1
- package/esm/page-fixed-footer/index.js +1 -1
- package/esm/page-fixed-footer/index.js.map +1 -1
- package/esm/page404/index.js +1 -1
- package/esm/page404/index.js.map +1 -1
- package/esm/pagination-wrapper/index.js +1 -1
- package/esm/permission/index.js +1 -1
- package/esm/permission/index.js.map +1 -1
- package/esm/radio-group-wrapper/index.js +1 -1
- package/esm/radio-group-wrapper/index.js.map +1 -1
- package/esm/relation-tree/index.js +1 -1
- package/esm/relation-tree/index.js.map +1 -1
- package/esm/request-status/index.js +1 -1
- package/esm/request-status/index.js.map +1 -1
- package/esm/rich-text-editor/index.js +1 -1
- package/esm/rich-text-editor/index.js.map +1 -1
- package/esm/rich-text-viewer/index.js +1 -1
- package/esm/rich-text-viewer/index.js.map +1 -1
- package/esm/roll-location-center/index.js +1 -1
- package/esm/roll-location-center/index.js.map +1 -1
- package/esm/roll-location-in-view/index.js +1 -1
- package/esm/roll-location-in-view/index.js.map +1 -1
- package/esm/rule-describe/index.js +1 -1
- package/esm/rule-describe/index.js.map +1 -1
- package/esm/selector-wrapper/index.js +1 -1
- package/esm/selector-wrapper/index.js.map +1 -1
- package/esm/selector-wrapper-search/index.js +1 -1
- package/esm/selector-wrapper-search/index.js.map +1 -1
- package/esm/selector-wrapper-simple/index.js +1 -1
- package/esm/selector-wrapper-simple/index.js.map +1 -1
- package/esm/simple-layout/index.js +1 -1
- package/esm/simple-layout/index.js.map +1 -1
- package/esm/sms-count-down/index.js +1 -1
- package/esm/sms-count-down/index.js.map +1 -1
- package/esm/switch-confirm-wrapper/index.js +1 -1
- package/esm/switch-confirm-wrapper/index.js.map +1 -1
- package/esm/switch-wrapper/index.js +1 -1
- package/esm/switch-wrapper/index.js.map +1 -1
- package/esm/table-cell-render/index.js +1 -1
- package/esm/table-cell-render/index.js.map +1 -1
- package/esm/table-scrollbar/index.js +1 -1
- package/esm/table-scrollbar/index.js.map +1 -1
- package/esm/table-title-tooltip/index.js +1 -1
- package/esm/table-title-tooltip/index.js.map +1 -1
- package/esm/tabs-wrapper/index.js +1 -1
- package/esm/tabs-wrapper/index.js.map +1 -1
- package/esm/tag-group/index.js +1 -1
- package/esm/tag-group/index.js.map +1 -1
- package/esm/tag-list-select/index.js +1 -1
- package/esm/tag-list-select/index.js.map +1 -1
- package/esm/tag-wrapper/index.js +1 -1
- package/esm/tag-wrapper/index.js.map +1 -1
- package/esm/text-css-ellipsis/index.js +1 -1
- package/esm/text-css-ellipsis/index.js.map +1 -1
- package/esm/text-overflow-render/index.js +1 -1
- package/esm/text-overflow-render/index.js.map +1 -1
- package/esm/time-picker-wrapper/index.js +1 -1
- package/esm/time-picker-wrapper/index.js.map +1 -1
- package/esm/time-range-picker-wrapper/index.js +1 -1
- package/esm/time-range-picker-wrapper/index.js.map +1 -1
- package/esm/time-range-picker-wrapper-form-item/index.js +1 -1
- package/esm/time-range-picker-wrapper-form-item/index.js.map +1 -1
- package/esm/tips-title/index.css +1 -0
- package/esm/tips-title/index.js +5 -0
- package/esm/tips-title/index.js.map +1 -0
- package/esm/tree-selector-wrapper/index.js +1 -1
- package/esm/tree-selector-wrapper/index.js.map +1 -1
- package/esm/tree-wrapper/index.js +2 -2
- package/esm/tree-wrapper/index.js.map +1 -1
- package/esm/upload-wrapper/index.js +1 -1
- package/esm/upload-wrapper/index.js.map +1 -1
- package/index.d.ts +100 -80
- package/package.json +7 -7
- package/esm/_rollupPluginBabelHelpers-1f4d8910.js.map +0 -1
- package/esm/anchor-steps-601a335f.js +0 -3
- package/esm/anchor-steps-601a335f.js.map +0 -1
- package/esm/button-operate-d00df6c9.js +0 -3
- package/esm/button-operate-d00df6c9.js.map +0 -1
- package/esm/button-wrapper-125fce50.js +0 -3
- package/esm/button-wrapper-125fce50.js.map +0 -1
- package/esm/cascader-wrapper-2f6a926f.js +0 -3
- package/esm/cascader-wrapper-2f6a926f.js.map +0 -1
- package/esm/cell-render-4934a7de.js +0 -3
- package/esm/cell-render-4934a7de.js.map +0 -1
- package/esm/center-a4dfda6f.js +0 -3
- package/esm/center-a4dfda6f.js.map +0 -1
- package/esm/checkbox-wrapper-018a5c59.js +0 -3
- package/esm/checkbox-wrapper-018a5c59.js.map +0 -1
- package/esm/config-provider-wrapper-dfe8f592.js +0 -3
- package/esm/config-provider-wrapper-dfe8f592.js.map +0 -1
- package/esm/content-c0e49ffb.js +0 -3
- package/esm/content-c0e49ffb.js.map +0 -1
- package/esm/css-node-hover-ed7b9860.js +0 -3
- package/esm/css-node-hover-ed7b9860.js.map +0 -1
- package/esm/data-render-07c0ab6b.js +0 -3
- package/esm/data-render-07c0ab6b.js.map +0 -1
- package/esm/date-picker-wrapper-ba650858.js +0 -3
- package/esm/date-picker-wrapper-ba650858.js.map +0 -1
- package/esm/date-range-picker-wrapper-fb15c592.js +0 -3
- package/esm/date-range-picker-wrapper-fb15c592.js.map +0 -1
- package/esm/date-range-picker-wrapper-form-item-688cf465.js +0 -3
- package/esm/date-range-picker-wrapper-form-item-688cf465.js.map +0 -1
- package/esm/dialog-alert-89d37729.js +0 -3
- package/esm/dialog-alert-89d37729.js.map +0 -1
- package/esm/dialog-confirm-74fc9337.js +0 -3
- package/esm/dialog-confirm-74fc9337.js.map +0 -1
- package/esm/dialog-drawer-550ce42c.js +0 -3
- package/esm/dialog-drawer-550ce42c.js.map +0 -1
- package/esm/dialog-loading-53cf2c60.js +0 -3
- package/esm/dialog-loading-53cf2c60.js.map +0 -1
- package/esm/dialog-modal-4a0c72c5.js +0 -3
- package/esm/dialog-modal-4a0c72c5.js.map +0 -1
- package/esm/drag-collapse-24ccfe8c.js +0 -3
- package/esm/drag-collapse-24ccfe8c.js.map +0 -1
- package/esm/drag-collapse-433fb1e0.js +0 -3
- package/esm/drag-collapse-433fb1e0.js.map +0 -1
- package/esm/drawer-wrapper-9af2f178.js +0 -3
- package/esm/drawer-wrapper-9af2f178.js.map +0 -1
- package/esm/dropdown-menu-wrapper-3a565fd8.js +0 -3
- package/esm/dropdown-menu-wrapper-3a565fd8.js.map +0 -1
- package/esm/dynamic-node-c7864af4.js +0 -3
- package/esm/dynamic-node-c7864af4.js.map +0 -1
- package/esm/editable-field-bcac193d.js +0 -3
- package/esm/editable-field-bcac193d.js.map +0 -1
- package/esm/editable-field-provider-3223073a.js +0 -3
- package/esm/editable-field-provider-3223073a.js.map +0 -1
- package/esm/editable-table-64554cac.js +0 -3
- package/esm/editable-table-64554cac.js.map +0 -1
- package/esm/editor-wrapper-ff6e75b7.js +0 -3
- package/esm/editor-wrapper-ff6e75b7.js.map +0 -1
- package/esm/fba-utils-f9e11d02.js +0 -3
- package/esm/fba-utils-f9e11d02.js.map +0 -1
- package/esm/file-import-890a1df9.js +0 -3
- package/esm/file-import-890a1df9.js.map +0 -1
- package/esm/flex-layout-8d2b668b.js +0 -3
- package/esm/flex-layout-8d2b668b.js.map +0 -1
- package/esm/form-item-hidden-45541774.js +0 -3
- package/esm/form-item-hidden-45541774.js.map +0 -1
- package/esm/form-item-wrapper-208febed.js +0 -3
- package/esm/form-item-wrapper-208febed.js.map +0 -1
- package/esm/gap-284e1f59.js +0 -3
- package/esm/gap-284e1f59.js.map +0 -1
- package/esm/icon-wrapper-ed5fcacc.js +0 -3
- package/esm/icon-wrapper-ed5fcacc.js.map +0 -1
- package/esm/in-view-448ba714.js +0 -3
- package/esm/in-view-448ba714.js.map +0 -1
- package/esm/input-search-wrapper-10d4a9b9.js +0 -3
- package/esm/input-search-wrapper-10d4a9b9.js.map +0 -1
- package/esm/input-text-area-wrapper-1f22992b.js +0 -3
- package/esm/input-text-area-wrapper-1f22992b.js.map +0 -1
- package/esm/input-wrapper-338ae416.js +0 -3
- package/esm/input-wrapper-338ae416.js.map +0 -1
- package/esm/label-value-layout-beb35b0d.js +0 -3
- package/esm/label-value-layout-beb35b0d.js.map +0 -1
- package/esm/modal-action-5c5ca8a7.js +0 -3
- package/esm/modal-action-5c5ca8a7.js.map +0 -1
- package/esm/modal-wrapper-ff8df98b.js +0 -3
- package/esm/modal-wrapper-ff8df98b.js.map +0 -1
- package/esm/page-fixed-footer-9ec2b46c.js +0 -3
- package/esm/page-fixed-footer-9ec2b46c.js.map +0 -1
- package/esm/page404-f087129a.js +0 -3
- package/esm/page404-f087129a.js.map +0 -1
- package/esm/pagination-0e66a3b5.js.map +0 -1
- package/esm/permission-17ed4d0b.js +0 -3
- package/esm/permission-17ed4d0b.js.map +0 -1
- package/esm/radio-group-wrapper-b34746d1.js +0 -3
- package/esm/radio-group-wrapper-b34746d1.js.map +0 -1
- package/esm/relation-tree-7bec12bd.js +0 -3
- package/esm/relation-tree-7bec12bd.js.map +0 -1
- package/esm/request-status-03fc60e2.js +0 -3
- package/esm/request-status-03fc60e2.js.map +0 -1
- package/esm/rich-text-editor-213daa34.js +0 -3
- package/esm/rich-text-editor-213daa34.js.map +0 -1
- package/esm/rich-text-viewer-4a859351.js +0 -3
- package/esm/rich-text-viewer-4a859351.js.map +0 -1
- package/esm/rule-describe-b4a8e831.js +0 -3
- package/esm/rule-describe-b4a8e831.js.map +0 -1
- package/esm/selector-wrapper-efc44920.js +0 -3
- package/esm/selector-wrapper-efc44920.js.map +0 -1
- package/esm/selector-wrapper-search-54866dd6.js +0 -3
- package/esm/selector-wrapper-search-54866dd6.js.map +0 -1
- package/esm/selector-wrapper-simple-7b34f7bd.js +0 -3
- package/esm/selector-wrapper-simple-7b34f7bd.js.map +0 -1
- package/esm/simple-layout-0dce0d39.js +0 -3
- package/esm/simple-layout-0dce0d39.js.map +0 -1
- package/esm/sms-count-down-c2609386.js +0 -3
- package/esm/sms-count-down-c2609386.js.map +0 -1
- package/esm/switch-confirm-wrapper-984d57c4.js +0 -3
- package/esm/switch-confirm-wrapper-984d57c4.js.map +0 -1
- package/esm/switch-wrapper-f20b9a58.js +0 -3
- package/esm/switch-wrapper-f20b9a58.js.map +0 -1
- package/esm/table-scrollbar-66c1682c.js +0 -3
- package/esm/table-scrollbar-66c1682c.js.map +0 -1
- package/esm/tabs-wrapper-0a2da713.js +0 -3
- package/esm/tabs-wrapper-0a2da713.js.map +0 -1
- package/esm/tag-group-4fbcaa14.js +0 -3
- package/esm/tag-group-4fbcaa14.js.map +0 -1
- package/esm/tag-list-select-066f682f.js +0 -3
- package/esm/tag-list-select-066f682f.js.map +0 -1
- package/esm/tag-wrapper-6d8b505e.js +0 -3
- package/esm/tag-wrapper-6d8b505e.js.map +0 -1
- package/esm/text-css-ellipsis-9135d4c5.js +0 -3
- package/esm/text-css-ellipsis-9135d4c5.js.map +0 -1
- package/esm/text-overflow-render-7a6541f5.js +0 -3
- package/esm/text-overflow-render-7a6541f5.js.map +0 -1
- package/esm/time-picker-wrapper-f1d26d96.js +0 -3
- package/esm/time-picker-wrapper-f1d26d96.js.map +0 -1
- package/esm/time-range-picker-wrapper-be9850b5.js +0 -3
- package/esm/time-range-picker-wrapper-be9850b5.js.map +0 -1
- package/esm/time-range-picker-wrapper-form-item-9df6c0f4.js +0 -3
- package/esm/time-range-picker-wrapper-form-item-9df6c0f4.js.map +0 -1
- package/esm/title-render-4f255df0.js +0 -3
- package/esm/title-render-4f255df0.js.map +0 -1
- package/esm/tree-selector-wrapper-1e520ad1.js +0 -3
- package/esm/tree-selector-wrapper-1e520ad1.js.map +0 -1
- package/esm/upload-wrapper-bd9ef592.js +0 -3
- package/esm/upload-wrapper-bd9ef592.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-drawer/dialog-drawer.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Drawer, DrawerProps, Form, FormInstance, Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport { bodyAppendDivElement, BodyAppendDivElementProps } from '../_utils/dom';\nimport { CtxProvider } from './context';\n\nexport type DialogDrawerProps = Omit<\n DrawerProps,\n 'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'footer' | 'extra'\n> & {\n okText?: string | ReactElement;\n cancelText?: string | ReactElement;\n onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n configProviderProps?: ConfigProviderWrapperProps;\n okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children'>;\n operatePosition?: 'header' | 'footer';\n operateRender?: (form: FormInstance) => ReactElement;\n okHidden?: boolean;\n cancelHidden?: boolean;\n extra?: ReactNode | ((form: FormInstance) => ReactElement);\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogDrawerProps) => {\n const {\n divElement,\n elementId,\n onOk,\n onCancel,\n content,\n configProviderProps,\n okText,\n cancelText,\n okButtonExtraProps,\n cancelButtonExtraProps,\n operatePosition = 'footer',\n operateRender,\n width = 600,\n okHidden,\n cancelHidden,\n extra,\n bodyStyle,\n ...otherProps\n } = props;\n const [open, setOpen] = useState(true);\n const [innerBodyStyle, setInnerBodyStyle] = useState<CSSProperties>();\n const [form] = Form.useForm();\n\n const onClose = hooks.useCallbackRef(() => {\n try {\n delete window[elementId];\n } catch (error) {\n //\n }\n setOpen(false);\n });\n\n fbaHooks.useEffectCustom(() => {\n window[elementId] = onClose;\n }, [onClose]);\n\n const onCancelHandle = hooks.useCallbackRef((e) => {\n if (onCancel) {\n const response = onCancel(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n\n const onOkHandle = hooks.useCallbackRef((e) => {\n if (onOk) {\n const response = onOk(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n\n const operateGroup = (\n <Space>\n {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n {cancelText || '取消'}\n </ButtonWrapper>\n )}\n {okHidden || okButtonExtraProps?.hidden ? null : (\n <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n {okText || '提交'}\n </ButtonWrapper>\n )}\n </Space>\n );\n\n const operateRenderHandle = () => {\n if (operateRender) {\n return operateRender(form);\n }\n if (!okHidden || !cancelHidden) {\n return operateGroup;\n }\n return null;\n };\n\n const extraRender = typeof extra === 'function' ? extra(form) : extra;\n\n const updateBodyStyle = (bodyStyle?: CSSProperties) => {\n setInnerBodyStyle(bodyStyle);\n };\n\n return (\n <CtxProvider value={{ onClose, updateBodyStyle }}>\n <ConfigProviderWrapper {...configProviderProps}>\n <Drawer\n maskClosable={true}\n destroyOnClose\n onClose={onClose}\n width={'80%'}\n contentWrapperStyle={{ maxWidth: width }}\n footer={operatePosition === 'footer' ? operateRenderHandle() : null}\n {...otherProps}\n bodyStyle={{ ...innerBodyStyle, ...bodyStyle }}\n extra={operatePosition === 'header' ? operateRenderHandle() : extraRender}\n open={open}\n getContainer={divElement}\n >\n {typeof content === 'function' ? content(form, { onClose }) : content}\n </Drawer>\n </ConfigProviderWrapper>\n </CtxProvider>\n );\n};\n\n/**\n * 函数式调用弹框;初始化后,内容无法更新\n *```\n * 1. 基础使用方式\n * dialogDrawer.open({\n * title: '我是标题',\n * content: <div>我是内容</div>,\n * });\n * ```\n * ```\n * ***************************\n * 2. 结合内置form使用,可在onOK、onCancel获取form对象\n * dialogDrawer.open({\n * title: '我是标题',\n * content: (form, operate) => {\n * return (\n * <Form form={form}>\n * <Form.Item name=\"useName\">\n * <Input placeholder=\"请输入\" />\n * </Form.Item>\n * </Form>\n * );\n * },\n * onOk: (form) => {\n * console.log('content form数据', form.getFieldsValue());\n * return Promise.resolve();\n * },\n * });\n *\n * 注意:\n * 1. 设置operateRender后,需要自定义操作按钮,onOk、onCancel、okText、cancelText、okButtonExtraProps、cancelButtonExtraProps配置失效\n * ```\n */\nexport const dialogDrawer = {\n open: (props: DialogDrawerProps) => {\n const { divElement, elementId } = bodyAppendDivElement();\n window['__dialog_drawer_elementId'] = elementId;\n const root = createRoot(divElement);\n root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n return {\n close: () => {\n window[elementId]?.();\n },\n };\n },\n /**\n * ```\n * 1. 关闭最新弹框,如果有多个弹框只能关闭最后一个\n * 2. 多个弹框主动关闭,只能使用 dialogDrawer.open()返回值中的close\n * ```\n */\n close: () => {\n try {\n const elementId = window['__dialog_drawer_elementId'] as string;\n if (isString(elementId)) window[elementId]?.();\n } catch (error) {\n //\n }\n },\n};\n"],"names":["ModalRender","props","divElement","elementId","onOk","onCancel","content","configProviderProps","okText","cancelText","okButtonExtraProps","cancelButtonExtraProps","_props$operatePositio","operatePosition","operateRender","_props$width","width","okHidden","cancelHidden","extra","bodyStyle","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_useState2","innerBodyStyle","setInnerBodyStyle","_Form$useForm","Form","useForm","form","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","operateRenderHandle","extraRender","updateBodyStyle","CtxProvider","value","ConfigProviderWrapper","Drawer","maskClosable","destroyOnClose","contentWrapperStyle","maxWidth","footer","getContainer","dialogDrawer","_bodyAppendDivElement","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}
|
|
@@ -5,5 +5,5 @@ import './../fba-hooks/index.css';
|
|
|
5
5
|
import './../fba-utils/index.css';
|
|
6
6
|
import './index.css';
|
|
7
7
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
8
|
-
|
|
8
|
+
import{_ as r}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as e}from"@dimjs/lang/cjs/is-promise";import{hooks as o}from"@wove/react/cjs/hooks";import{Space as i}from"antd";import{ButtonWrapper as t}from"../button-wrapper/index.js";import{u as a}from"../context-1f2093c6.js";import{fbaHooks as n}from"../fba-hooks/index.js";import{jsxs as l,jsx as s}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@flatbiz/utils";import"react";import"../config-provider-wrapper/index.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"../fba-utils/index.js";import"@wove/react/cjs/create-ctx";var d=function d(p){var c=a();var m=c.onClose;n.useEffectCustom((function(){c.updateBodyStyle({padding:0})}),[]);var u=p.okHidden,f=p.onCancel,j=p.onOk,v=p.cancelHidden,y=p.cancelText,g=p.okText,h=p.okButtonExtraProps,k=p.cancelButtonExtraProps,x=p.footer;var w=o.useCallbackRef((function(r){if(f){var o=f(r);if(o&&e(o)){return o.then(m)}}return m()}));var C=o.useCallbackRef((function(r){if(j){var o=j(r);if(o&&e(o)){return o.then(m)}}return m()}));var b=l(i,{children:[v||k!=null&&k.hidden?null:s(t,r({},k,{onClick:w,children:y||"取消"})),u||h!=null&&h.hidden?null:s(t,r({type:"primary"},h,{onClick:C,children:g||"提交"}))]});return l("div",{className:"dialog-drawer-content-wrapper",children:[s("div",{className:"dialog-drawer-content",children:p.children}),s("div",{className:"dialog-drawer-footer",style:p.footerStyle,children:(x==null?void 0:x({onClose:m}))||b})]})};export{d as DialogDrawerContent};
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-drawer-content/content.tsx"],"sourcesContent":["import { isPromise } from '@dimjs/lang';\nimport { hooks } from '@wove/react';\nimport { Space } from 'antd';\nimport { CSSProperties, ReactElement, ReactNode } from 'react';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { useDialogDrawerCtx } from '../dialog-drawer/context';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type DialogDrawerContentProps = {\n footer?: (data: { onClose: () => void }) => ReactElement;\n footerStyle?: CSSProperties;\n children?: ReactNode;\n okHidden?: boolean;\n cancelHidden?: boolean;\n okButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n cancelButtonExtraProps?: Omit<ButtonWrapperProps, 'onClick' | 'children' | 'loading'>;\n okText?: string | ReactElement;\n cancelText?: string | ReactElement;\n onOk?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onCancel?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n};\n/**\n * 当dialogDrawer底部操作按钮在业务content内部时,使用\n * ```\n * 1. 设置 footer 后,okHidden、cancelHidden、okButtonExtraProps、cancelButtonExtraProps、okText、cancelText、onOk、onCancel全部失效\n * ```\n */\nexport const DialogDrawerContent = (props: DialogDrawerContentProps) => {\n const ctx = useDialogDrawerCtx();\n const onClose = ctx.onClose;\n\n fbaHooks.useEffectCustom(() => {\n ctx.updateBodyStyle({ padding: 0 });\n }, []);\n\n const {\n okHidden,\n onCancel,\n onOk,\n cancelHidden,\n cancelText,\n okText,\n okButtonExtraProps,\n cancelButtonExtraProps,\n footer,\n } = props;\n const onCancelHandle = hooks.useCallbackRef((e) => {\n if (onCancel) {\n const response = onCancel(e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n\n const onOkHandle = hooks.useCallbackRef((e) => {\n if (onOk) {\n const response = onOk(e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n const operateGroup = (\n <Space>\n {cancelHidden || cancelButtonExtraProps?.hidden ? null : (\n <ButtonWrapper {...cancelButtonExtraProps} onClick={onCancelHandle}>\n {cancelText || '取消'}\n </ButtonWrapper>\n )}\n {okHidden || okButtonExtraProps?.hidden ? null : (\n <ButtonWrapper type=\"primary\" {...okButtonExtraProps} onClick={onOkHandle}>\n {okText || '提交'}\n </ButtonWrapper>\n )}\n </Space>\n );\n return (\n <div className=\"dialog-drawer-content-wrapper\">\n <div className=\"dialog-drawer-content\">{props.children}</div>\n <div className=\"dialog-drawer-footer\" style={props.footerStyle}>\n {footer?.({ onClose }) || operateGroup}\n </div>\n </div>\n );\n};\n"],"names":["DialogDrawerContent","props","ctx","useDialogDrawerCtx","onClose","fbaHooks","useEffectCustom","updateBodyStyle","padding","okHidden","onCancel","onOk","cancelHidden","cancelText","okText","okButtonExtraProps","cancelButtonExtraProps","footer","onCancelHandle","_hooks","useCallbackRef","e","response","_isPromise","then","onOkHandle","operateGroup","_jsxs","Space","children","hidden","_jsx","ButtonWrapper","_extends","onClick","type","className","style","footerStyle"],"mappings":";w/BA4BaA,EAAsB,SAAtBA,EAAuBC,GAClC,IAAMC,EAAMC,IACZ,IAAMC,EAAUF,EAAIE,QAEpBC,EAASC,iBAAgB,WACvBJ,EAAIK,gBAAgB,CAAEC,QAAS,GAChC,GAAE,IAEH,IACEC,EASER,EATFQ,SACAC,EAQET,EARFS,SACAC,EAOEV,EAPFU,KACAC,EAMEX,EANFW,aACAC,EAKEZ,EALFY,WACAC,EAIEb,EAJFa,OACAC,EAGEd,EAHFc,mBACAC,EAEEf,EAFFe,uBACAC,EACEhB,EADFgB,OAEF,IAAMC,EAAiBC,EAAMC,gBAAe,SAACC,GAC3C,GAAIX,EAAU,CACZ,IAAMY,EAAWZ,EAASW,GAC1B,GAAIC,GAAYC,EAAUD,GAAW,CACnC,OAAOA,EAASE,KAAKpB,EACvB,CACF,CACA,OAAOA,GACT,IAEA,IAAMqB,EAAaN,EAAMC,gBAAe,SAACC,GACvC,GAAIV,EAAM,CACR,IAAMW,EAAWX,EAAKU,GACtB,GAAIC,GAAYC,EAAUD,GAAW,CACnC,OAAOA,EAASE,KAAKpB,EACvB,CACF,CACA,OAAOA,GACT,IACA,IAAMsB,EACJC,EAACC,EAAK,CAAAC,UACHjB,GAAgBI,GAAsB,MAAtBA,EAAwBc,OAAS,KAChDC,EAACC,EAAaC,KAAKjB,EAAsB,CAAEkB,QAAShB,EAAeW,SAChEhB,GAAc,QAGlBJ,GAAYM,SAAAA,EAAoBe,OAAS,KACxCC,EAACC,EAAaC,EAAA,CAACE,KAAK,WAAcpB,EAAkB,CAAEmB,QAAST,EAAWI,SACvEf,GAAU,WAKnB,OACEa,EAAA,MAAA,CAAKS,UAAU,gCAA+BP,UAC5CE,EAAA,MAAA,CAAKK,UAAU,wBAAuBP,SAAE5B,EAAM4B,WAC9CE,EAAA,MAAA,CAAKK,UAAU,uBAAuBC,MAAOpC,EAAMqC,YAAYT,UAC5DZ,GAAM,UAAA,EAANA,EAAS,CAAEb,QAAAA,MAAcsB,MAIlC"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import './../fba-hooks/index.css';
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
|
-
|
|
5
|
+
import{isString as e}from"@dimjs/lang/cjs/is-string";import{_ as o}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{classNames as r}from"@dimjs/utils/cjs/class-names";import{hooks as a}from"@wove/react/cjs/hooks";import{theme as l,Modal as n}from"antd";import{useState as i}from"react";import{createRoot as s}from"react-dom/client";import{fbaHooks as t}from"../fba-hooks/index.js";import{b as m,r as d}from"../dom-4d04aa64.js";import{jsx as c,jsxs as f}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";var v=function e(o){var s=o.elementId,m=o.className,v=o.divElement,u=o.message,p=o.mask;var g=l.useToken(),w=g.token;var j=w.colorPrimary;var k=i(true),_=k[0],h=k[1];var b=a.useCallbackRef((function(){try{delete window[s]}catch(e){}h(false)}));t.useEffectCustom((function(){window[s]=b}),[b]);var C=a.useCallbackRef((function(){d("#"+s)}));return c(n,{maskClosable:false,centered:true,destroyOnClose:true,className:r("v-dialog-loading",m),open:_,afterClose:C,getContainer:v,footer:null,closable:false,style:{"--v-loading-color":j},mask:p,children:c("div",{className:r("v-dialog-loading-content"),children:f("div",{className:"loader-wrapper",children:[c("div",{className:"loader-inner"}),c("div",{className:"loader-text",children:u||"处理中"})]})})})};var u={open:function e(r){var a=m(),l=a.divElement,n=a.elementId;window["__dialog_loading_elementId"]=n;var i=s(l);i.render(c(v,o({},r,{divElement:l,elementId:n,mask:r==null?void 0:r.mask})));return{close:function e(){var o,r;(o=(r=window)[n])==null?void 0:o.call(r)}}},close:function o(){try{var r,a;var l=window["__dialog_loading_elementId"];if(e(l))(r=(a=window)[l])==null?void 0:r.call(a)}catch(e){}}};export{u as dialogLoading};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-loading/dialog-loading.tsx"],"sourcesContent":["import { isString } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { Modal, theme } from 'antd';\nimport { CSSProperties, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { fbaHooks } from '../fba-hooks';\nimport { bodyAppendDivElement, BodyAppendDivElementProps, removeBodyChild } from '../_utils/dom';\nimport './style.less';\n\nexport type DialogLoadingProps = {\n className?: string;\n message?: string;\n mask?: boolean;\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogLoadingProps) => {\n const { elementId, className, divElement, message, mask } = props;\n const { token } = theme.useToken();\n const colorPrimary = token.colorPrimary;\n\n const [open, setOpen] = useState(true);\n\n const onClose = hooks.useCallbackRef(() => {\n try {\n delete window[elementId];\n } catch (error) {\n //\n }\n setOpen(false);\n });\n\n fbaHooks.useEffectCustom(() => {\n window[elementId] = onClose;\n }, [onClose]);\n\n const onAfterClose = hooks.useCallbackRef(() => {\n removeBodyChild(`#${elementId}`);\n });\n\n return (\n <Modal\n maskClosable={false}\n centered={true}\n destroyOnClose\n className={classNames('v-dialog-loading', className)}\n open={open}\n afterClose={onAfterClose}\n getContainer={divElement}\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\nexport const dialogLoading = {\n open: (props?: DialogLoadingProps) => {\n const { divElement, elementId } = bodyAppendDivElement();\n window['__dialog_loading_elementId'] = elementId;\n const root = createRoot(divElement);\n root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} mask={props?.mask} />);\n return {\n close: () => {\n window[elementId]?.();\n },\n };\n },\n /**\n * ```\n * 1. 关闭最新弹框,如果有多个弹框只能关闭最后一个\n * 2. 多个弹框主动关闭,只能使用 dialogModal.open()返回值中的close\n * ```\n */\n close: () => {\n try {\n const elementId = window['__dialog_loading_elementId'] as string;\n if (isString(elementId)) window[elementId]?.();\n } catch (error) {\n //\n }\n },\n};\n"],"names":["ModalRender","props","elementId","className","divElement","message","mask","_theme$useToken","theme","useToken","token","colorPrimary","_useState","useState","open","setOpen","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onAfterClose","removeBodyChild","_jsx","Modal","maskClosable","centered","destroyOnClose","_classNames","afterClose","getContainer","footer","closable","style","children","_jsxs","dialogLoading","_bodyAppendDivElement","bodyAppendDivElement","root","createRoot","render","_extends","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":";+iBAgBA,IAAMA,EAAc,SAAdA,EAAeC,GACnB,IAAQC,EAAoDD,EAApDC,UAAWC,EAAyCF,EAAzCE,UAAWC,EAA8BH,EAA9BG,WAAYC,EAAkBJ,EAAlBI,QAASC,EAASL,EAATK,KACnD,IAAAC,EAAkBC,EAAMC,WAAhBC,EAAKH,EAALG,MACR,IAAMC,EAAeD,EAAMC,aAE3B,IAAAC,EAAwBC,EAAS,MAA1BC,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEpB,IAAMI,EAAUC,EAAMC,gBAAe,WACnC,WACSC,OAAOjB,EACf,CAAC,MAAOkB,GACP,CAEFL,EAAQ,MACV,IAEAM,EAASC,iBAAgB,WACvBH,OAAOjB,GAAac,CACtB,GAAG,CAACA,IAEJ,IAAMO,EAAeN,EAAMC,gBAAe,WACxCM,EAAe,IAAKtB,EACtB,IAEA,OACEuB,EAACC,EAAK,CACJC,aAAc,MACdC,SAAU,KACVC,eAAc,KACd1B,UAAW2B,EAAW,mBAAoB3B,GAC1CW,KAAMA,EACNiB,WAAYR,EACZS,aAAc5B,EACd6B,OAAQ,KACRC,SAAU,MACVC,MAAO,CAAE,oBAAqBxB,GAC9BL,KAAMA,EAAK8B,SAEXX,EAAA,MAAA,CAAKtB,UAAW2B,EAAW,4BAA4BM,SACrDC,EAAA,MAAA,CAAKlC,UAAU,iBAAgBiC,UAC7BX,EAAA,MAAA,CAAKtB,UAAU,iBACfsB,EAAA,MAAA,CAAKtB,UAAU,cAAaiC,SAAE/B,GAAW,cAKnD,EAEO,IAAMiC,EAAgB,CAC3BxB,KAAM,SAAAA,EAACb,GACL,IAAAsC,EAAkCC,IAA1BpC,EAAUmC,EAAVnC,WAAYF,EAASqC,EAATrC,UACpBiB,OAAO,8BAAgCjB,EACvC,IAAMuC,EAAOC,EAAWtC,GACxBqC,EAAKE,OAAOlB,EAACzB,EAAW4C,EAAA,CAAA,EAAK3C,EAAK,CAAEG,WAAYA,EAAYF,UAAWA,EAAWI,KAAML,GAAAA,UAAAA,EAAAA,EAAOK,SAC/F,MAAO,CACLuC,MAAO,SAAAA,IAAM,IAAAC,EAAAC,GACXD,GAAAC,EAAA5B,QAAOjB,KAAU,UAAA,EAAjB4C,EAAAE,KAAAD,EACF,EAEH,EAODF,MAAO,SAAAA,IACL,IAAI,IAAAI,EAAAC,EACF,IAAMhD,EAAYiB,OAAO,8BACzB,GAAIgC,EAASjD,IAAY+C,GAAAC,EAAA/B,QAAOjB,KAAP+C,UAAAA,EAAAA,EAAAD,KAAAE,EAC1B,CAAC,MAAO9B,GACP,CAEJ"}
|
|
@@ -5,5 +5,5 @@ import './../fba-hooks/index.css';
|
|
|
5
5
|
import './../fba-utils/index.css';
|
|
6
6
|
import './index.css';
|
|
7
7
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
8
|
-
|
|
8
|
+
import{isString as e}from"@dimjs/lang/cjs/is-string";import{classNames as o}from"@dimjs/utils/cjs/class-names";import{_ as r,a as t}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{isPromise as n}from"@dimjs/lang/cjs/is-promise";import{hooks as i}from"@wove/react/cjs/hooks";import{dom as a}from"@flatbiz/utils";import{useSize as l}from"ahooks";import{Form as d,Modal as s}from"antd";import{useState as c,useMemo as m}from"react";import{createRoot as u}from"react-dom/client";import{ButtonWrapper as p}from"../button-wrapper/index.js";import{ConfigProviderWrapper as f}from"../config-provider-wrapper/index.js";import{fbaHooks as v}from"../fba-hooks/index.js";import{jsx as h}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"../fba-utils/index.js";import"@dimjs/lang/cjs/is-array";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../use-responsive-point-21b8c601.js";var g=["divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent"];var y=function e(u){var y=u.divElement,j=u.elementId,k=u.onOk,C=u.onCancel,w=u.okButtonProps,b=u.cancelButtonProps,x=u.content,P=u.configProviderProps,_=u.className,H=u.okHidden,B=u.cancelHidden,E=u.footer,I=u.cancelText,O=u.okText,N=u.bodyHeightPercent,R=t(u,g);var S=c(true),T=S[0],z=S[1];var F=d.useForm(),D=F[0];var Y=l(document.querySelector("html"));var q=i.useCallbackRef((function(){try{delete window[j]}catch(e){}z(false)}));v.useEffectCustom((function(){window[j]=q}),[q]);var A=i.useCallbackRef((function(e){if(C){var o=C(D,e);if(o&&n(o)){return o.then(q)}}return q()}));var L=i.useCallbackRef((function(e){if(k){var o=k(D,e);if(o&&n(o)){return o.then(q)}}return q()}));var U=i.useCallbackRef((function(){a.removeBodyChild("#"+j);u.afterClose==null?void 0:u.afterClose()}));var G=[h(p,r({},b,{onClick:A,hidden:B,children:I||"取消"}),"0"),h(p,r({type:"primary"},w,{onClick:L,hidden:H,children:O||"提交"}),"1")];var J=E||G;var K=m((function(){if(!(Y!=null&&Y.height)||!N){return"auto"}return(Y==null?void 0:Y.height)*(N/100)}),[N,Y==null?void 0:Y.height]);return h(f,r({},P,{children:h(s,r({maskClosable:true,centered:true,onCancel:q,destroyOnClose:true},R,{bodyStyle:r({height:K,maxHeight:Y!=null&&Y.height?(Y==null?void 0:Y.height)*.8:"calc(100vh - 200px)"},R.bodyStyle),className:o("v-dialog-modal",_),open:T,afterClose:U,getContainer:y,footer:J,children:typeof x==="function"?x(D,{onClose:q}):x}))}))};var j={open:function e(o){var t=a.bodyAppendDivElement(),n=t.divElement,i=t.elementId;window["__dialog_modal_elementId"]=i;var l=u(n);l.render(h(y,r({},o,{divElement:n,elementId:i})));return{close:function e(){var o,r;(o=(r=window)[i])==null?void 0:o.call(r)}}},close:function o(){try{var r,t;var n=window["__dialog_modal_elementId"];if(e(n))(r=(t=window)[n])==null?void 0:r.call(t)}catch(e){}}};export{j as dialogModal};
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dialog-modal/dialog-modal.tsx"],"sourcesContent":["import { isPromise, isString } from '@dimjs/lang';\nimport { classNames } from '@dimjs/utils';\n\nimport { BodyAppendDivElementProps, dom, TNoopDefine } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useSize } from 'ahooks';\nimport { Form, FormInstance, Modal, ModalProps } from 'antd';\nimport { ReactElement, useMemo, useState } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ButtonWrapper, ButtonWrapperProps } from '../button-wrapper';\nimport { ConfigProviderWrapper, ConfigProviderWrapperProps } from '../config-provider-wrapper';\nimport { fbaHooks } from '../fba-hooks';\nimport './style.less';\n\nexport type DialogModalProps = Omit<\n ModalProps,\n 'onOk' | 'onCancel' | 'getContainer' | 'open' | 'open' | 'okButtonProps' | 'cancelButtonProps'\n> & {\n onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n content: string | ReactElement | ((form: FormInstance, operate: { onClose: TNoopDefine }) => ReactElement);\n configProviderProps?: ConfigProviderWrapperProps;\n okHidden?: boolean;\n cancelHidden?: boolean;\n okButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n cancelButtonProps?: Omit<ButtonWrapperProps, 'hidden' | 'children' | 'onClick'>;\n /**\n * 设置modal body height 为当前窗口height的百分比,例如:30\n * ```\n * 1. 最大值:80\n * 1. 设置bodyStyle.height 后,bodyHeightPercent失效\n * ```\n */\n bodyHeightPercent?: number;\n};\n\nconst ModalRender = (props: BodyAppendDivElementProps & DialogModalProps) => {\n const {\n divElement,\n elementId,\n onOk,\n onCancel,\n okButtonProps,\n cancelButtonProps,\n content,\n configProviderProps,\n className,\n okHidden,\n cancelHidden,\n footer,\n cancelText,\n okText,\n bodyHeightPercent,\n ...otherProps\n } = props;\n const [open, setOpen] = useState(true);\n const [form] = Form.useForm();\n const size = useSize(document.querySelector('html'));\n\n const onClose = hooks.useCallbackRef(() => {\n try {\n delete window[elementId];\n } catch (error) {\n //\n }\n setOpen(false);\n });\n\n fbaHooks.useEffectCustom(() => {\n window[elementId] = onClose;\n }, [onClose]);\n\n const onCancelHandle = hooks.useCallbackRef((e) => {\n if (onCancel) {\n const response = onCancel(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n\n const onOkHandle = hooks.useCallbackRef((e) => {\n if (onOk) {\n const response = onOk(form, e);\n if (response && isPromise(response)) {\n return response.then(onClose);\n }\n }\n return onClose();\n });\n\n const onAfterClose = hooks.useCallbackRef(() => {\n dom.removeBodyChild(`#${elementId}`);\n props.afterClose?.();\n });\n\n const operateGroup = [\n <ButtonWrapper key=\"0\" {...cancelButtonProps} onClick={onCancelHandle} hidden={cancelHidden}>\n {cancelText || '取消'}\n </ButtonWrapper>,\n <ButtonWrapper key=\"1\" type=\"primary\" {...okButtonProps} onClick={onOkHandle} hidden={okHidden}>\n {okText || '提交'}\n </ButtonWrapper>,\n ];\n\n const footerNew = footer || operateGroup;\n\n const height = useMemo(() => {\n if (!size?.height || !bodyHeightPercent) {\n return 'auto';\n }\n return size?.height * (bodyHeightPercent / 100);\n }, [bodyHeightPercent, size?.height]);\n\n return (\n <ConfigProviderWrapper {...configProviderProps}>\n <Modal\n maskClosable={true}\n centered={true}\n onCancel={onClose}\n destroyOnClose\n {...otherProps}\n bodyStyle={{\n height,\n maxHeight: size?.height ? size?.height * 0.8 : 'calc(100vh - 200px)',\n ...otherProps.bodyStyle,\n }}\n className={classNames('v-dialog-modal', className)}\n open={open}\n afterClose={onAfterClose}\n getContainer={divElement}\n footer={footerNew}\n >\n {typeof content === 'function' ? content(form, { onClose }) : content}\n </Modal>\n </ConfigProviderWrapper>\n );\n};\n\n/**\n * 函数式调用弹框;初始化后,内容无法更新\n *```\n * 1. 基础使用方式\n * dialogModal.open({\n * title: '我是弹框',\n * content: <div>我是内容</div>,\n * });\n * ```\n * ```\n * ***************************\n * 2. 结合内置form使用,可在onOK、onCancel获取form对象\n * dialogModal.open({\n * title: '我是弹框',\n * content: (form, operate) => {\n * return (\n * <Form form={form}>\n * <Form.Item name=\"useName\">\n * <Input placeholder=\"请输入\" />\n * </Form.Item>\n * </Form>\n * );\n * },\n * onOK: (form) => {\n * console.log('content form数据', form.getFieldsValue());\n * return Promise.resolve();\n * },\n * });\n * ```\n */\nexport const dialogModal = {\n open: (props: DialogModalProps) => {\n const { divElement, elementId } = dom.bodyAppendDivElement();\n window['__dialog_modal_elementId'] = elementId;\n const root = createRoot(divElement);\n root.render(<ModalRender {...props} divElement={divElement} elementId={elementId} />);\n return {\n close: () => {\n window[elementId]?.();\n },\n };\n },\n /**\n * ```\n * 1. 关闭最新弹框,如果有多个弹框只能关闭最后一个\n * 2. 多个弹框主动关闭,只能使用 dialogModal.open()返回值中的close\n * ```\n */\n close: () => {\n try {\n const elementId = window['__dialog_modal_elementId'] as string;\n if (isString(elementId)) window[elementId]?.();\n } catch (error) {\n //\n }\n },\n};\n"],"names":["ModalRender","props","divElement","elementId","onOk","onCancel","okButtonProps","cancelButtonProps","content","configProviderProps","className","okHidden","cancelHidden","footer","cancelText","okText","bodyHeightPercent","otherProps","_objectWithoutPropertiesLoose","_excluded","_useState","useState","open","setOpen","_Form$useForm","Form","useForm","form","size","useSize","document","querySelector","onClose","_hooks","useCallbackRef","window","error","fbaHooks","useEffectCustom","onCancelHandle","e","response","_isPromise","then","onOkHandle","onAfterClose","dom","removeBodyChild","afterClose","operateGroup","_jsx","ButtonWrapper","_extends","onClick","hidden","children","type","footerNew","height","useMemo","ConfigProviderWrapper","Modal","maskClosable","centered","destroyOnClose","bodyStyle","maxHeight","_classNames","getContainer","dialogModal","_dom$bodyAppendDivEle","bodyAppendDivElement","root","createRoot","render","close","_window$elementId","_window","call","_window$elementId2","_window2","_isString"],"mappings":"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"}
|
package/esm/dom-4d04aa64.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dom-4d04aa64.js","sources":["@flatbiz/antd/src/_utils/dom.ts"],"sourcesContent":["export const bodyAppendDivElement = () => {\n const div = document.createElement('div');\n const id = `id_${Date.now()}`;\n div.setAttribute('id', id);\n document.body.append(div);\n return {\n divElement: div,\n elementId: id,\n };\n};\n\nexport const removeBodyChild = (element: string) => {\n try {\n document.body.removeChild(document.querySelector(element) as Node);\n } catch (error) {\n //\n }\n};\n\nexport interface BodyAppendDivElementProps {\n divElement: HTMLDivElement;\n elementId: string;\n}\n"],"names":["bodyAppendDivElement","div","document","createElement","id","Date","now","setAttribute","body","append","divElement","elementId","removeBodyChild","element","removeChild","querySelector","error"],"mappings":";IAAaA,EAAuB,SAAvBA,IACX,IAAMC,EAAMC,SAASC,cAAc,OACnC,IAAMC,
|
|
1
|
+
{"version":3,"file":"dom-4d04aa64.js","sources":["@flatbiz/antd/src/_utils/dom.ts"],"sourcesContent":["export const bodyAppendDivElement = () => {\n const div = document.createElement('div');\n const id = `id_${Date.now()}`;\n div.setAttribute('id', id);\n document.body.append(div);\n return {\n divElement: div,\n elementId: id,\n };\n};\n\nexport const removeBodyChild = (element: string) => {\n try {\n document.body.removeChild(document.querySelector(element) as Node);\n } catch (error) {\n //\n }\n};\n\nexport interface BodyAppendDivElementProps {\n divElement: HTMLDivElement;\n elementId: string;\n}\n"],"names":["bodyAppendDivElement","div","document","createElement","id","Date","now","setAttribute","body","append","divElement","elementId","removeBodyChild","element","removeChild","querySelector","error"],"mappings":";IAAaA,EAAuB,SAAvBA,IACX,IAAMC,EAAMC,SAASC,cAAc,OACnC,IAAMC,EAAWC,MAAAA,KAAKC,MACtBL,EAAIM,aAAa,KAAMH,GACvBF,SAASM,KAAKC,OAAOR,GACrB,MAAO,CACLS,WAAYT,EACZU,UAAWP,EAEf,MAEaQ,EAAkB,SAAlBA,EAAmBC,GAC9B,IACEX,SAASM,KAAKM,YAAYZ,SAASa,cAAcF,GAClD,CAAC,MAAOG,GACP,CAEJ"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import './../fba-hooks/index.css';
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
|
-
|
|
5
|
+
import{classNames as e}from"@dimjs/utils/cjs/class-names";import{array as n}from"@dimjs/utils/cjs/array";import{hooks as i}from"@wove/react/cjs/hooks";import{DndContext as o,closestCenter as a,DragOverlay as r}from"@dnd-kit/core";import{useSortable as t,SortableContext as s,verticalListSortingStrategy as c,arrayMove as l}from"@dnd-kit/sortable";import{toArray as d}from"@flatbiz/utils";import{Fragment as m,useState as p}from"react";import{fbaHooks as f}from"../fba-hooks/index.js";import{_ as u}from"../_rollupPluginBabelHelpers-fc015ef2.js";import g from"@ant-design/icons/es/icons/DragOutlined";import{CSS as v}from"@dnd-kit/utilities";import{Collapse as h}from"antd";import{jsx as y,jsxs as I}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";function k(n){var i;var o=t({id:n.item.key}),a=o.listeners,r=o.setNodeRef,s=o.transform,c=o.transition;var l=function e(i){var o=n.dragIcon?n.dragIcon:y(g,{});return n.hideDragIcon?i.content:I(m,{children:[y("span",u({className:"dc-drag-trigger"},a,{children:o})),y("span",{className:"dc-drag-header-content",children:i.content})]})};var d=u({transform:v.Transform.toString(s),transition:c},n.style);var p=n.openKeys.includes(n.item.key);var f=e("drag-collapse",{"drag-collapse-grap":n.isGray,"drag-collapse-last":n.isLast},n.className);return y(h,{activeKey:p?n.item.key:undefined,accordion:true,className:f,collapsible:n.collapsible,expandIcon:n.expandIcon,expandIconPosition:n.expandIconPosition,size:n.size,onChange:(i=n.onChange)==null?void 0:i.bind(null,n.item.key),style:u({},d),ref:r,children:y(h.Panel,{header:l(n.item),children:n.item.content},n.item.key)})}var x=function t(m){var u=p(),g=u[0],v=u[1];var h=p([]),x=h[0],b=h[1];f.useEffectCustom((function(){var e=d(m.defaultActiveKey);if(!m.activeKey&&e.length>0){b(e)}else{b(d(m.activeKey))}}),[]);i.useUpdateEffect((function(){b(d(m.activeKey))}),[m.activeKey]);var j=i.useCallbackRef((function(e){var i=[];if(m.accordion){if(x[0]&&x[0]===e){i=[]}else{i=[e]}}else{var o=x.includes(e);if(o){n.arrayRemove(x,e);i=[].concat(x)}else{i=x.concat(e)}}b(i);if(m.accordion){m.onChange==null?void 0:m.onChange(i.length?i[0]:undefined)}else{m.onChange==null?void 0:m.onChange(i.length?i:undefined)}}));function C(e){var n=e.active;v(n.id)}function D(e){var n=e.active,i=e.over;if(n.id!==i.id){var o=m.items.findIndex((function(e){return e.key===n.id}));var a=m.items.findIndex((function(e){return e.key===i.id}));var r=l(m.items,o,a);m.onDropChange(r)}v(undefined)}return y("div",{className:e("drag-collapse-wrapper",m.className),style:m.style,children:I(o,{collisionDetection:a,onDragStart:C,onDragEnd:D,children:[y(s,{items:m.items.map((function(e){return e.key})),strategy:c,children:m.items.map((function(e,n){return y(k,{item:e,openKeys:x,collapsible:m.collapsible,expandIcon:m.expandIcon,expandIconPosition:m.expandIconPosition,size:m.size,dragIcon:m.dragIcon,hideDragIcon:m.hideDragIcon,onChange:j,isGray:e.key===g,isLast:n===m.items.length-1},e.key)}))}),y(r,{dropAnimation:{duration:0},children:g?y(k,{className:"overlay-sortable-item",item:m.items.filter((function(e){return e.key===g}))[0],openKeys:x,collapsible:m.collapsible,expandIcon:m.expandIcon,expandIconPosition:m.expandIconPosition,size:m.size,dragIcon:m.dragIcon,hideDragIcon:m.hideDragIcon,onChange:j},g):null})]})})};export{x as DragCollapse};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drag-collapse/sortable-item.tsx","@flatbiz/antd/src/drag-collapse/drag-collapse.tsx"],"sourcesContent":["import { DragOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { Collapse } from 'antd';\nimport { CSSProperties, Fragment } from 'react';\nimport { DragCollapseItem, DragCollapseItemKey, DragCollapseProps } from './types';\ntype SortableItemProps = {\n openKeys: DragCollapseItemKey[];\n style?: CSSProperties;\n item: DragCollapseItem;\n collapsible?: DragCollapseProps['collapsible'];\n expandIcon?: DragCollapseProps['expandIcon'];\n expandIconPosition?: DragCollapseProps['expandIconPosition'];\n size?: DragCollapseProps['size'];\n dragIcon?: DragCollapseProps['dragIcon'];\n hideDragIcon?: DragCollapseProps['hideDragIcon'];\n onChange: (activeKey: DragCollapseItemKey) => void;\n isGray?: boolean;\n className?: string;\n isLast?: boolean;\n};\nexport function SortableItem(props: SortableItemProps) {\n const { listeners, setNodeRef, transform, transition } = useSortable({\n id: props.item.key,\n });\n\n const header = (item: DragCollapseItem) => {\n const dragIcon = props.dragIcon ? props.dragIcon : <DragOutlined />;\n return props.hideDragIcon ? (\n item.content\n ) : (\n <Fragment>\n <span className=\"dc-drag-trigger\" {...listeners}>\n {dragIcon}\n </span>\n <span className=\"dc-drag-header-content\">{item.content}</span>\n </Fragment>\n );\n };\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n ...props.style,\n };\n\n const isActive = props.openKeys.includes(props.item.key);\n const cname = classNames(\n 'drag-collapse',\n { 'drag-collapse-grap': props.isGray, 'drag-collapse-last': props.isLast },\n props.className,\n );\n return (\n <Collapse\n activeKey={isActive ? props.item.key : undefined}\n accordion\n className={cname}\n collapsible={props.collapsible}\n expandIcon={props.expandIcon}\n expandIconPosition={props.expandIconPosition}\n size={props.size}\n onChange={props.onChange?.bind(null, props.item.key)}\n style={{ ...style }}\n ref={setNodeRef}\n >\n <Collapse.Panel header={header(props.item)} key={props.item.key}>\n {props.item.content}\n </Collapse.Panel>\n </Collapse>\n );\n}\n","import { array, classNames } from '@dimjs/utils';\nimport { closestCenter, DndContext, DragOverlay } from '@dnd-kit/core';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { SortableItem } from './sortable-item';\nimport './style.less';\nimport { DragCollapseItemKey, DragCollapseProps } from './types';\n\n/**\n * 可拖拽 折叠面板\n * @param props\n * @returns\n */\nexport const DragCollapse = (props: DragCollapseProps) => {\n const [dragActiveId, setDragActiveId] = useState<string | number>();\n const [openKeys, setOpenKeys] = useState<DragCollapseItemKey[]>([]);\n\n fbaHooks.useEffectCustom(() => {\n const defaultActiveKeys = toArray<string | number>(props.defaultActiveKey);\n if (!props.activeKey && defaultActiveKeys.length > 0) {\n setOpenKeys(defaultActiveKeys);\n } else {\n setOpenKeys(toArray(props.activeKey));\n }\n }, []);\n\n hooks.useUpdateEffect(() => {\n setOpenKeys(toArray(props.activeKey));\n }, [props.activeKey]);\n\n const onChange = hooks.useCallbackRef((key: DragCollapseItemKey) => {\n let openKeysNew: DragCollapseItemKey[] = [];\n if (props.accordion) {\n if (openKeys[0] && openKeys[0] === key) {\n openKeysNew = [];\n } else {\n openKeysNew = [key];\n }\n } else {\n const has = openKeys.includes(key);\n if (has) {\n array.arrayRemove(openKeys, key);\n openKeysNew = [...openKeys];\n } else {\n openKeysNew = openKeys.concat(key);\n }\n }\n setOpenKeys(openKeysNew);\n if (props.accordion) {\n props.onChange?.(openKeysNew.length ? openKeysNew[0] : undefined);\n } else {\n props.onChange?.(openKeysNew.length ? openKeysNew : undefined);\n }\n });\n\n function handleDragStart(event) {\n const { active } = event;\n setDragActiveId(active.id);\n }\n\n function handleDragEnd(event) {\n const { active, over } = event;\n if (active.id !== over.id) {\n const oldIndex = props.items.findIndex((item) => item.key === active.id);\n const newIndex = props.items.findIndex((item) => item.key === over.id);\n const newList = arrayMove(props.items, oldIndex, newIndex);\n props.onDropChange(newList);\n }\n setDragActiveId(undefined);\n }\n\n return (\n <div className={classNames('drag-collapse-wrapper', props.className)} style={props.style}>\n <DndContext collisionDetection={closestCenter} onDragStart={handleDragStart} onDragEnd={handleDragEnd}>\n <SortableContext items={props.items.map((item) => item.key)} strategy={verticalListSortingStrategy}>\n {props.items.map((item, index) => (\n <SortableItem\n key={item.key}\n item={item}\n openKeys={openKeys}\n collapsible={props.collapsible}\n expandIcon={props.expandIcon}\n expandIconPosition={props.expandIconPosition}\n size={props.size}\n dragIcon={props.dragIcon}\n hideDragIcon={props.hideDragIcon}\n onChange={onChange}\n isGray={item.key === dragActiveId}\n isLast={index === props.items.length - 1}\n />\n ))}\n </SortableContext>\n\n <DragOverlay dropAnimation={{ duration: 0 }}>\n {dragActiveId ? (\n <SortableItem\n className=\"overlay-sortable-item\"\n key={dragActiveId}\n item={props.items.filter((item) => item.key === dragActiveId)[0]}\n openKeys={openKeys}\n collapsible={props.collapsible}\n expandIcon={props.expandIcon}\n expandIconPosition={props.expandIconPosition}\n size={props.size}\n dragIcon={props.dragIcon}\n hideDragIcon={props.hideDragIcon}\n onChange={onChange}\n />\n ) : null}\n </DragOverlay>\n </DndContext>\n </div>\n );\n};\n"],"names":["SortableItem","props","_props$onChange","_useSortable","useSortable","id","item","key","listeners","setNodeRef","transform","transition","header","dragIcon","_jsx","_DragOutlined","hideDragIcon","content","_jsxs","Fragment","children","_extends","className","style","CSS","Transform","toString","isActive","openKeys","includes","cname","_classNames","isGray","isLast","Collapse","activeKey","undefined","accordion","collapsible","expandIcon","expandIconPosition","size","onChange","bind","ref","Panel","DragCollapse","_useState","useState","dragActiveId","setDragActiveId","_useState2","setOpenKeys","fbaHooks","useEffectCustom","defaultActiveKeys","toArray","defaultActiveKey","length","_hooks","useUpdateEffect","useCallbackRef","openKeysNew","has","_array","arrayRemove","concat","handleDragStart","event","active","handleDragEnd","over","oldIndex","items","findIndex","newIndex","newList","arrayMove","onDropChange","DndContext","collisionDetection","closestCenter","onDragStart","onDragEnd","SortableContext","map","strategy","verticalListSortingStrategy","index","DragOverlay","dropAnimation","duration","filter"],"mappings":"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"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import './../fba-hooks/index.css';
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
|
-
|
|
5
|
+
import{classNames as e}from"@dimjs/utils/cjs/class-names";import{array as a}from"@dimjs/utils/cjs/array";import{hooks as n}from"@wove/react/cjs/hooks";import{DndContext as i,closestCenter as r,DragOverlay as t}from"@dnd-kit/core";import{useSortable as o,SortableContext as d,verticalListSortingStrategy as s,arrayMove as l}from"@dnd-kit/sortable";import{toArray as c}from"@flatbiz/utils";import{Collapse as m,Form as u}from"antd";import{Fragment as f,useState as p,useRef as g,useMemo as v}from"react";import{fbaHooks as h}from"../fba-hooks/index.js";import{_ as I}from"../_rollupPluginBabelHelpers-fc015ef2.js";import D from"@ant-design/icons/es/icons/DragOutlined";import{CSS as b}from"@dnd-kit/utilities";import{jsx as y,jsxs as x}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";function N(a){var n;var i=a.isOverlay?false:a.getItemDragDisabled==null?void 0:a.getItemDragDisabled(a.uid,a.index);var r=o({id:a.uid,disabled:i}),t=r.listeners,d=r.setNodeRef,s=r.transform,l=r.transition;var c=function e(){var n=a.dragIcon?a.dragIcon:y(D,{});var i=a.header({formListFieldData:a.formListFieldData,operation:a.formListOperate,uid:a.uid,formStageCompleteName:a.formStageCompleteName});return a.dragDisabled?i:x(f,{children:[y("span",I({className:"dc-drag-trigger"},t,{children:n})),y("span",{className:"dc-drag-header-content",style:a.headerStyle,children:i})]})};var u=I({transform:b.Transform.toString(s),transition:l},a.style);var p=e("drag-collapse",{"drag-collapse-grap":a.isGray,"drag-collapse-last":a.isLast,"drag-collapse-drag-disabled":i},a.className);return y(m,{activeKey:a.isActive?a.uid:undefined,accordion:true,className:p,collapsible:a.collapsible,expandIcon:a.expandIcon,expandIconPosition:a.expandIconPosition,size:a.size,onChange:(n=a.onChange)==null?void 0:n.bind(null,a.uid),style:I({},u),ref:d,children:y(m.Panel,{header:c(),children:a.content({formListFieldData:a.formListFieldData,operation:a.formListOperate,uid:a.uid,formStageCompleteName:a.formStageCompleteName})},a.uid)})}var C=function o(m){var I=p(),D=I[0],b=I[1];var C=p([]),L=C[0],j=C[1];var F=u.useFormInstance();var S=g([]);h.useEffectCustom((function(){var e=c(m.defaultActiveKey);if(!m.activeKey&&e.length>0){j(e)}else{j(c(m.activeKey))}}),[]);n.useUpdateEffect((function(){j(c(m.activeKey))}),[m.activeKey]);var P=function e(n){var i=[];if(m.accordion){if(L[0]&&L[0]===n){i=[]}else{i=[n]}}else{var r=L.includes(n);if(r){a.arrayRemove(L,n);i=[].concat(L)}else{i=L.concat(n)}}j(i);if(m.accordion){m.onChange==null?void 0:m.onChange(i.length?i[0]:undefined)}else{m.onChange==null?void 0:m.onChange(i.length?i:undefined)}};function k(e){var a=e.active;b(a.id)}var z=n.useCallbackRef((function(){return F.getFieldValue(m.formListName)||[]}));function O(e){var a=e.active,n=e.over;var i=z();if(a.id!==n.id){var r=i.findIndex((function(e){return e.uid===a.id}));var t=i.findIndex((function(e){return e.uid===n.id}));var o=l(i,r,t);F.setFields([{name:m.formListName,value:o}]);m.onDropChange==null?void 0:m.onDropChange(o)}b(undefined)}var K=v((function(){if(!D)return undefined;var e=z();var a=e.findIndex((function(e){return e.uid===D}));return S.current.find((function(e){return e.name===a}))}),[D,z]);return y("div",{className:e("drag-collapse-formlist-wrapper",m.className),style:m.style,children:y(i,{collisionDetection:r,onDragStart:k,onDragEnd:O,children:y(u.List,{name:m.formListName,children:function e(a,n){S.current=a;return x(f,{children:[y(d,{items:z().map((function(e){return e.uid})),strategy:s,children:y(f,{children:a.map((function(e,a){var i=z()[a].uid;return y(N,{formListOperate:n,formListFieldData:e,uid:i,isActive:L.includes(i),collapsible:m.collapsible,expandIcon:m.expandIcon,expandIconPosition:m.expandIconPosition,size:m.size,dragIcon:m.dragIcon,getItemDragDisabled:m.getItemDragDisabled,dragDisabled:m.dragDisabled,onChange:P,isGray:i===D,isLast:a===z().length-1,header:m.header,content:m.content,index:a,formStageCompleteName:[].concat(c(m.formListName),[e.name])},i+"-"+e.key)}))})}),y(t,{dropAnimation:{duration:0},children:D&&K?y(N,{isOverlay:true,uid:D,className:"overlay-sortable-item",formListFieldData:K,isActive:L.includes(D),collapsible:m.collapsible,expandIcon:m.expandIcon,expandIconPosition:m.expandIconPosition,size:m.size,dragIcon:m.dragIcon,onChange:P,header:m.header,content:m.content,formListOperate:null,index:0,formStageCompleteName:[].concat(c(m.formListName),[K.name])},D):null})]})}})})})};export{C as DragCollapseFormList};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drag-collapse-form-list/sortable-item.tsx","@flatbiz/antd/src/drag-collapse-form-list/drag-collapse.tsx"],"sourcesContent":["import { DragOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { Collapse, FormListFieldData, FormListOperation } from 'antd';\nimport { CSSProperties, Fragment } from 'react';\nimport { DragCollapseFormListProps } from './types';\nexport type SortableItemProps = {\n formListFieldData: FormListFieldData;\n formListOperate: FormListOperation;\n onChange: (activeKey: number | string) => void;\n header: DragCollapseFormListProps['header'];\n content: DragCollapseFormListProps['content'];\n collapsible?: DragCollapseFormListProps['collapsible'];\n expandIcon?: DragCollapseFormListProps['expandIcon'];\n expandIconPosition?: DragCollapseFormListProps['expandIconPosition'];\n size?: DragCollapseFormListProps['size'];\n dragIcon?: DragCollapseFormListProps['dragIcon'];\n getItemDragDisabled?: DragCollapseFormListProps['getItemDragDisabled'];\n dragDisabled?: DragCollapseFormListProps['dragDisabled'];\n isGray?: boolean;\n isLast?: boolean;\n className?: string;\n style?: CSSProperties;\n uid: string | number;\n isActive?: boolean;\n headerStyle?: CSSProperties;\n index: number;\n isOverlay?: boolean;\n formStageCompleteName: string | number | (string | number)[];\n};\nexport function SortableItem(props: SortableItemProps) {\n const isDisabled = props.isOverlay ? false : props.getItemDragDisabled?.(props.uid, props.index);\n const { listeners, setNodeRef, transform, transition } = useSortable({\n id: props.uid,\n disabled: isDisabled,\n });\n\n const header = () => {\n const dragIcon = props.dragIcon ? props.dragIcon : <DragOutlined />;\n const headerContent = props.header({\n formListFieldData: props.formListFieldData,\n operation: props.formListOperate,\n uid: props.uid,\n formStageCompleteName: props.formStageCompleteName,\n });\n return props.dragDisabled ? (\n headerContent\n ) : (\n <Fragment>\n <span className=\"dc-drag-trigger\" {...listeners}>\n {dragIcon}\n </span>\n <span className=\"dc-drag-header-content\" style={props.headerStyle}>\n {headerContent}\n </span>\n </Fragment>\n );\n };\n\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n ...props.style,\n };\n\n const cname = classNames(\n 'drag-collapse',\n {\n 'drag-collapse-grap': props.isGray,\n 'drag-collapse-last': props.isLast,\n 'drag-collapse-drag-disabled': isDisabled,\n },\n props.className,\n );\n return (\n <Collapse\n activeKey={props.isActive ? props.uid : undefined}\n accordion\n className={cname}\n collapsible={props.collapsible}\n expandIcon={props.expandIcon}\n expandIconPosition={props.expandIconPosition}\n size={props.size}\n onChange={props.onChange?.bind(null, props.uid)}\n style={{ ...style }}\n ref={setNodeRef}\n >\n <Collapse.Panel header={header()} key={props.uid}>\n {props.content({\n formListFieldData: props.formListFieldData,\n operation: props.formListOperate,\n uid: props.uid,\n formStageCompleteName: props.formStageCompleteName,\n })}\n </Collapse.Panel>\n </Collapse>\n );\n}\n","import { array, classNames } from '@dimjs/utils';\nimport { closestCenter, DndContext, DragOverlay } from '@dnd-kit/core';\nimport { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { TAny, toArray, TPlainObject } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { Form, FormListFieldData } from 'antd';\nimport { Fragment, useMemo, useRef, useState } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { SortableItem } from './sortable-item';\nimport './style.less';\nimport { DragCollapseFormListProps } from './types';\n\n/**\n * 可拖拽 折叠面板+FormList\n * ```\n * 1. FormList数组中必须要有 uid 唯一值字段\n * ```\n */\nexport const DragCollapseFormList = (props: DragCollapseFormListProps) => {\n const [dragActiveId, setDragActiveId] = useState<string | number>();\n const [openKeys, setOpenKeys] = useState<(number | string)[]>([]);\n const form = Form.useFormInstance();\n const formListOperationRef = useRef<FormListFieldData[]>([]);\n\n fbaHooks.useEffectCustom(() => {\n const defaultActiveKeys = toArray<string | number>(props.defaultActiveKey);\n if (!props.activeKey && defaultActiveKeys.length > 0) {\n setOpenKeys(defaultActiveKeys);\n } else {\n setOpenKeys(toArray(props.activeKey));\n }\n }, []);\n\n hooks.useUpdateEffect(() => {\n setOpenKeys(toArray(props.activeKey));\n }, [props.activeKey]);\n\n const onChange = (key: number | string) => {\n let openKeysNew: (number | string)[] = [];\n if (props.accordion) {\n if (openKeys[0] && openKeys[0] === key) {\n openKeysNew = [];\n } else {\n openKeysNew = [key];\n }\n } else {\n const has = openKeys.includes(key);\n if (has) {\n array.arrayRemove(openKeys, key);\n openKeysNew = [...openKeys];\n } else {\n openKeysNew = openKeys.concat(key);\n }\n }\n setOpenKeys(openKeysNew);\n if (props.accordion) {\n props.onChange?.(openKeysNew.length ? openKeysNew[0] : undefined);\n } else {\n props.onChange?.(openKeysNew.length ? openKeysNew : undefined);\n }\n };\n\n function handleDragStart(event) {\n const { active } = event;\n setDragActiveId(active.id);\n }\n\n const getItems = hooks.useCallbackRef(() => {\n return (form.getFieldValue(props.formListName) || []) as TPlainObject[];\n });\n\n function handleDragEnd(event) {\n const { active, over } = event;\n const items = getItems();\n if (active.id !== over.id) {\n const oldIndex = items.findIndex((item) => item.uid === active.id);\n const newIndex = items.findIndex((item) => item.uid === over.id);\n const newList = arrayMove<TPlainObject>(items, oldIndex, newIndex);\n form.setFields([\n {\n name: props.formListName,\n value: newList,\n },\n ]);\n props.onDropChange?.(newList);\n }\n setDragActiveId(undefined);\n }\n\n const dragOverlayItem = useMemo(() => {\n if (!dragActiveId) return undefined;\n const items = getItems();\n const targetIndex = items.findIndex((item) => item.uid === dragActiveId);\n return formListOperationRef.current.find((item) => item.name === targetIndex);\n }, [dragActiveId, getItems]);\n\n return (\n <div className={classNames('drag-collapse-formlist-wrapper', props.className)} style={props.style}>\n <DndContext collisionDetection={closestCenter} onDragStart={handleDragStart} onDragEnd={handleDragEnd}>\n <Form.List name={props.formListName}>\n {(fields, operate) => {\n formListOperationRef.current = fields;\n return (\n <Fragment>\n <SortableContext\n items={getItems().map((temp) => temp.uid)}\n strategy={verticalListSortingStrategy}\n >\n <Fragment>\n {fields.map((item, index) => {\n const uid = getItems()[index].uid;\n return (\n <SortableItem\n formListOperate={operate}\n formListFieldData={item}\n uid={uid}\n key={`${uid}-${item.key}`}\n isActive={openKeys.includes(uid)}\n collapsible={props.collapsible}\n expandIcon={props.expandIcon}\n expandIconPosition={props.expandIconPosition}\n size={props.size}\n dragIcon={props.dragIcon}\n getItemDragDisabled={props.getItemDragDisabled}\n dragDisabled={props.dragDisabled}\n onChange={onChange}\n isGray={uid === dragActiveId}\n isLast={index === getItems().length - 1}\n header={props.header}\n content={props.content}\n index={index}\n formStageCompleteName={[...toArray<string | number>(props.formListName), item.name]}\n />\n );\n })}\n </Fragment>\n </SortableContext>\n <DragOverlay dropAnimation={{ duration: 0 }}>\n {dragActiveId && dragOverlayItem ? (\n <SortableItem\n isOverlay={true}\n uid={dragActiveId}\n key={dragActiveId}\n className=\"overlay-sortable-item\"\n formListFieldData={dragOverlayItem}\n isActive={openKeys.includes(dragActiveId)}\n collapsible={props.collapsible}\n expandIcon={props.expandIcon}\n expandIconPosition={props.expandIconPosition}\n size={props.size}\n dragIcon={props.dragIcon}\n onChange={onChange}\n header={props.header}\n content={props.content}\n formListOperate={null as TAny}\n index={0}\n formStageCompleteName={[\n ...toArray<string | number>(props.formListName),\n dragOverlayItem.name,\n ]}\n />\n ) : null}\n </DragOverlay>\n </Fragment>\n );\n }}\n </Form.List>\n </DndContext>\n </div>\n );\n};\n"],"names":["SortableItem","props","_props$onChange","isDisabled","isOverlay","getItemDragDisabled","uid","index","_useSortable","useSortable","id","disabled","listeners","setNodeRef","transform","transition","header","dragIcon","_jsx","_DragOutlined","headerContent","formListFieldData","operation","formListOperate","formStageCompleteName","dragDisabled","_jsxs","Fragment","children","_extends","className","style","headerStyle","CSS","Transform","toString","cname","_classNames","isGray","isLast","Collapse","activeKey","isActive","undefined","accordion","collapsible","expandIcon","expandIconPosition","size","onChange","bind","ref","Panel","content","DragCollapseFormList","_useState","useState","dragActiveId","setDragActiveId","_useState2","openKeys","setOpenKeys","form","Form","useFormInstance","formListOperationRef","useRef","fbaHooks","useEffectCustom","defaultActiveKeys","toArray","defaultActiveKey","length","_hooks","useUpdateEffect","key","openKeysNew","has","includes","_array","arrayRemove","concat","handleDragStart","event","active","getItems","useCallbackRef","getFieldValue","formListName","handleDragEnd","over","items","oldIndex","findIndex","item","newIndex","newList","arrayMove","setFields","name","value","onDropChange","dragOverlayItem","useMemo","targetIndex","current","find","DndContext","collisionDetection","closestCenter","onDragStart","onDragEnd","List","fields","operate","SortableContext","map","temp","strategy","verticalListSortingStrategy","DragOverlay","dropAnimation","duration"],"mappings":"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"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import './../fba-hooks/index.css';
|
|
3
3
|
import './index.css';
|
|
4
4
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
5
|
-
|
|
5
|
+
import{classNames as r}from"@dimjs/utils/cjs/class-names";import{_ as e,a as o}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{Space as a,Button as n,Drawer as i}from"antd";import{Fragment as t}from"react";import{fbaHooks as s}from"../fba-hooks/index.js";import l from"@ant-design/icons/es/icons/SaveOutlined";import{jsx as c,jsxs as d}from"react/jsx-runtime";import"@dimjs/lang/cjs/is-array";import"@wove/react/cjs/hooks";import"../use-responsive-point-21b8c601.js";var p=function r(o){return c("div",{className:"fixed-bottom-block",children:d(a,{size:"middle",children:[c(n,e({},o.cancelButtonProps,{className:"cancel-btn",onClick:o.onCancel,children:o.cancelText||"取消"})),o.hideOkBtn!=true&&c(n,e({type:"primary",icon:c(l,{})},o.okButtonProps,{className:"ok-btn",onClick:o.onOk,loading:o.loading,children:o.okText||"提交"}))]})})};var m=["pageLoading","className","width","children"];var u=function r(){return c("div",{className:"drawer-wrapper-loader",children:d("div",{className:"loader-wrapper",children:[c("div",{className:"loader-inner"}),c("div",{className:"loader-text",children:"LOADING"})]})})};var f=function r(o){return d(t,{children:[c("div",{className:"drawer-wrapper-content",children:o.children}),o.operationProps?c(h,{children:c(p,e({},o.operationProps))}):null]})};var h=function r(e){return c("div",{className:"drawer-wrapper-footer",children:e.children})};var v=function a(n){var t=n.pageLoading,l=n.className,p=n.width,f=p===void 0?600:p,h=n.children,v=o(n,m);s.useEffectCustom((function(){if(n["operationProps"]){throw new Error("DrawerWrapper组件升级,参数operationProps用法变更,请及时更新")}}),[]);return d(i,e({className:r("drawer-wrapper",l),keyboard:false,destroyOnClose:true,forceRender:false,width:"80%",contentWrapperStyle:{maxWidth:f},size:"default"},v,{footer:null,children:[t&&c(u,{}),h]}))};v.Content=f;v.Footer=h;export{v as DrawerWrapper};
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/drawer-wrapper/drawer-operation.tsx","@flatbiz/antd/src/drawer-wrapper/drawer-wrapper.tsx"],"sourcesContent":["import { SaveOutlined } from '@ant-design/icons';\nimport { Button, ButtonProps, Space } from 'antd';\n\nexport interface DrawerOperationProps {\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 DrawerOperation = (props: DrawerOperationProps) => {\n return (\n <div className=\"fixed-bottom-block\">\n <Space size=\"middle\">\n <Button {...props.cancelButtonProps} className=\"cancel-btn\" onClick={props.onCancel}>\n {props.cancelText || '取消'}\n </Button>\n {props.hideOkBtn != true && (\n <Button\n type=\"primary\"\n icon={<SaveOutlined />}\n {...props.okButtonProps}\n className=\"ok-btn\"\n onClick={props.onOk}\n loading={props.loading}\n >\n {props.okText || '提交'}\n </Button>\n )}\n </Space>\n </div>\n );\n};\n","import { classNames } from '@dimjs/utils';\nimport { Drawer, DrawerProps } from 'antd';\nimport { FC, Fragment, ReactNode } from 'react';\nimport { fbaHooks } from '../fba-hooks';\nimport { DrawerOperation, DrawerOperationProps } from './drawer-operation';\nimport './style.less';\n\ntype DrawerWrapperStaticMethods = {\n Content: typeof DrawerWrapperContent;\n Footer: typeof DrawerWrapperFooter;\n};\n\nexport type DrawerWrapperProps = {\n className?: string;\n /**\n * 整个drawer页面级的spinning <Page loading />\n */\n pageLoading?: boolean;\n} & Omit<DrawerProps, 'footer'>;\n\nconst PageLoader = () => {\n return (\n <div className=\"drawer-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 DrawerWrapperContent = (props: { operationProps?: DrawerOperationProps; children?: ReactNode }) => {\n return (\n <Fragment>\n <div className=\"drawer-wrapper-content\">{props.children}</div>\n {props.operationProps ? (\n <DrawerWrapperFooter>\n <DrawerOperation {...props.operationProps} />\n </DrawerWrapperFooter>\n ) : null}\n </Fragment>\n );\n};\n\nconst DrawerWrapperFooter = (props) => {\n return <div className=\"drawer-wrapper-footer\">{props.children}</div>;\n};\n\n/**\n * 弹窗机制\n * @deprecated 已过时 4.3.0版本移除;请使用 dialogDrawer.open\n * ```\n * 1. 默认 destroyOnClose = true\n * 2. 默认 forceRender = false\n * 3. 如果设置 forceRender = true,会导致弹框中的接口提前调用\n *\n * 注意\n * 1. <Drawer /> 默认关闭后状态不会自动清空, 如果希望每次打开都是新内容,请设置 destroyOnClose。\n * 2. <Drawer /> 和 Form 一起配合使用时,设置 destroyOnClose 也不会在 Drawer 关闭时销毁表单字段数据,需要设置 <Form preserve={false} />。\n *\n * ```\n */\nexport const DrawerWrapper: FC<DrawerWrapperProps> & DrawerWrapperStaticMethods = (props) => {\n const { pageLoading, className, width = 600, children, ...otherProps } = props;\n\n fbaHooks.useEffectCustom(() => {\n if (props['operationProps']) {\n throw new Error('DrawerWrapper组件升级,参数operationProps用法变更,请及时更新');\n }\n }, []);\n\n return (\n <Drawer\n className={classNames('drawer-wrapper', className)}\n keyboard={false}\n destroyOnClose={true}\n forceRender={false}\n width={'80%'}\n contentWrapperStyle={{ maxWidth: width }}\n size=\"default\"\n {...otherProps}\n footer={null}\n >\n {pageLoading && <PageLoader />}\n {children}\n </Drawer>\n );\n};\n\nDrawerWrapper.Content = DrawerWrapperContent;\nDrawerWrapper.Footer = DrawerWrapperFooter;\n"],"names":["DrawerOperation","props","_jsx","className","children","_jsxs","Space","size","Button","_extends","cancelButtonProps","onClick","onCancel","cancelText","hideOkBtn","type","icon","_SaveOutlined","okButtonProps","onOk","loading","okText","PageLoader","DrawerWrapperContent","Fragment","operationProps","DrawerWrapperFooter","DrawerWrapper","pageLoading","_props$width","width","otherProps","_objectWithoutPropertiesLoose","_excluded","fbaHooks","useEffectCustom","Error","Drawer","_classNames","keyboard","destroyOnClose","forceRender","contentWrapperStyle","maxWidth","footer","Content","Footer"],"mappings":";ydAcO,IAAMA,EAAkB,SAAlBA,EAAmBC,GAC9B,OACEC,EAAA,MAAA,CAAKC,UAAU,qBAAoBC,SACjCC,EAACC,EAAK,CAACC,KAAK,SAAQH,SAAA,CAClBF,EAACM,EAAMC,EAAA,CAAA,EAAKR,EAAMS,kBAAiB,CAAEP,UAAU,aAAaQ,QAASV,EAAMW,SAASR,SACjFH,EAAMY,YAAc,QAEtBZ,EAAMa,WAAa,MAClBZ,EAACM,EAAMC,EAAA,CACLM,KAAK,UACLC,KAAMd,EAAAe,EAAe,KACjBhB,EAAMiB,cAAa,CACvBf,UAAU,SACVQ,QAASV,EAAMkB,KACfC,QAASnB,EAAMmB,QAAQhB,SAEtBH,EAAMoB,QAAU,YAM7B,uDChBA,IAAMC,EAAa,SAAbA,IACJ,OACEpB,EAAA,MAAA,CAAKC,UAAU,wBAAuBC,SACpCC,EAAA,MAAA,CAAKF,UAAU,iBAAgBC,UAC7BF,EAAA,MAAA,CAAKC,UAAU,iBACfD,EAAA,MAAA,CAAKC,UAAU,cAAaC,SAAC,gBAIrC,EAEA,IAAMmB,EAAuB,SAAvBA,EAAwBtB,GAC5B,OACEI,EAACmB,EAAQ,CAAApB,UACPF,EAAA,MAAA,CAAKC,UAAU,yBAAwBC,SAAEH,EAAMG,WAC9CH,EAAMwB,eACLvB,EAACwB,EAAmB,CAAAtB,SAClBF,EAACF,EAAeS,EAAKR,CAAAA,EAAAA,EAAMwB,mBAE3B,OAGV,EAEA,IAAMC,EAAsB,SAAtBA,EAAuBzB,GAC3B,OAAOC,EAAA,MAAA,CAAKC,UAAU,wBAAuBC,SAAEH,EAAMG,UACvD,MAgBauB,EAAqE,SAArEA,EAAsE1B,GACjF,IAAQ2B,EAAiE3B,EAAjE2B,YAAazB,EAAoDF,EAApDE,UAAS0B,EAA2C5B,EAAzC6B,MAAAA,EAAKD,SAAG,EAAA,IAAGA,EAAEzB,EAA4BH,EAA5BG,SAAa2B,EAAUC,EAAK/B,EAAKgC,GAE9EC,EAASC,iBAAgB,WACvB,GAAIlC,EAAM,kBAAmB,CAC3B,MAAM,IAAImC,MAAM,+CAClB,CACD,GAAE,IAEH,OACE/B,EAACgC,EAAM5B,EAAA,CACLN,UAAWmC,EAAW,iBAAkBnC,GACxCoC,SAAU,MACVC,eAAgB,KAChBC,YAAa,MACbX,MAAO,MACPY,oBAAqB,CAAEC,SAAUb,GACjCvB,KAAK,WACDwB,EAAU,CACda,OAAQ,KAAKxC,SAAA,CAEZwB,GAAe1B,EAACoB,EAAU,CAAA,GAC1BlB,KAGP,EAEAuB,EAAckB,QAAUtB,EACxBI,EAAcmB,OAASpB"}
|
|
@@ -8,5 +8,5 @@ import './../dialog-modal/index.css';
|
|
|
8
8
|
import './../flex-layout/index.css';
|
|
9
9
|
import './index.css';
|
|
10
10
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
11
|
-
|
|
11
|
+
import{classNames as e}from"@dimjs/utils/cjs/class-names";import i from"@ant-design/icons/es/icons/ExclamationCircleFilled";import{a as r,_ as o}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{hooks as n}from"@wove/react/cjs/hooks";import{Dropdown as t}from"antd";import{Fragment as a,useMemo as s,createElement as l}from"react";import{ButtonWrapper as m}from"../button-wrapper/index.js";import{dialogConfirm as d}from"../dialog-confirm/index.js";import{fbaUtils as p}from"../fba-utils/index.js";import{FlexLayout as c}from"../flex-layout/index.js";import{jsxs as u,jsx as f}from"react/jsx-runtime";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"@flatbiz/utils";import"../config-provider-wrapper/index.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../fba-hooks/index.js";import"@dimjs/lang/cjs/is-array";import"../use-responsive-point-21b8c601.js";import"../dialog-modal/index.js";import"@dimjs/lang/cjs/is-string";import"ahooks";import"react-dom/client";function g(e){var i=true;var r=false;while(i){if(e.tagName==="HTML"||e.tagName==="BODY"){i=false;r=false}else{var o=window.getComputedStyle(e),n=o.position;if(n==="sticky"){r=true;i=false}else{if(!e||!e.parentNode){i=false}else{e=e.parentNode}}}}return r}var j=["menuList"],v=["text","permission","needConfirm","confirmMessage","hidden","type","confirmModalProps"];var y=function y(h){var x=h.menuList,k=r(h,j);var w=n.useId(undefined,"DropdownMenuWrapper");var C=n.useCallbackRef((function(e,r){if(e.needConfirm){var n;d.open(o({title:u(c,{direction:"horizontal",fullIndex:1,gap:8,children:[f(i,{style:{color:"#faad14"}}),f("span",{children:e.text})]}),content:f(a,{children:e.confirmMessage}),onOk:(n=e.onClick)==null?void 0:n.bind(null,r),okButtonProps:{loadingPosition:"center"}},e.confirmModalProps));return Promise.resolve()}r.stopPropagation();return e.onClick==null?void 0:e.onClick(r)}));var P=document.querySelector("."+w);var b=s((function(){if(h.isFixed||P&&g(P)){return undefined}return P}),[h.isFixed,P]);var M=s((function(){var i=[];x.filter(Boolean).forEach((function(n,t){if(!n)return;var a=n.text,s=n.permission,d=n.needConfirm,c=n.confirmMessage,u=n.hidden,f=n.type,g=n.confirmModalProps,j=r(n,v);if(u)return;if(s&&!p.hasPermission(s))return;var y=f||"link";var h=j.color?false:d;i.push({key:t,label:l(m,o({loadingPosition:"center",size:"small",danger:h},j,{style:o({padding:0},j.style),className:e("dmw-item-button",j.className),type:y,key:t,onClick:C.bind(null,o({},n,{needConfirm:d,confirmMessage:c,confirmModalProps:g}))}),a)})}));return i}),[x,C]);return f("div",{className:e("dropdown-menu-wrapper",w),style:{position:"relative"},children:f(t,o({trigger:(k==null?void 0:k.trigger)||["hover"],getPopupContainer:b?function(){return P}:undefined,arrow:{pointAtCenter:true}},k,{overlayStyle:o({zIndex:9},k.overlayStyle),menu:{items:M},children:h.children}))})};export{y as DropdownMenuWrapper};
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dropdown-menu-wrapper/utils.ts","@flatbiz/antd/src/dropdown-menu-wrapper/dropdown-menu-wrapper.tsx"],"sourcesContent":["export function parentsHasSticky(node: Element) {\n let condition = true;\n let result = false;\n while (condition) {\n if (node.tagName === 'HTML' || node.tagName === 'BODY') {\n condition = false;\n result = false;\n } else {\n const { position } = window.getComputedStyle(node);\n if (position === 'sticky') {\n result = true;\n condition = false;\n } else {\n if (!node || !node.parentNode) {\n condition = false;\n } else {\n node = node.parentNode as Element;\n }\n }\n }\n }\n return result;\n}\n","import { ExclamationCircleFilled } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport { hooks } from '@wove/react';\nimport { ButtonProps, Dropdown, DropdownProps } from 'antd';\nimport { ItemType } from 'antd/lib/menu/hooks/useItems';\nimport { Fragment, ReactElement, useMemo } from 'react';\nimport { ButtonWrapper } from '../button-wrapper';\nimport { dialogConfirm } from '../dialog-confirm';\nimport { DialogModalProps } from '../dialog-modal';\nimport { fbaUtils } from '../fba-utils';\nimport { FlexLayout } from '../flex-layout';\nimport './style.less';\nimport { parentsHasSticky } from './utils';\n\nexport interface DropdownMenuItem extends ButtonProps {\n text?: string | ReactElement;\n color?: string;\n onClick?: (event: React.MouseEvent<HTMLElement>) => void | Promise<void>;\n permission?: string;\n needConfirm?: boolean;\n confirmMessage?: string;\n hidden?: boolean;\n confirmModalProps?: DialogModalProps;\n stopPropagation?: boolean;\n}\n\nexport interface DropdownMenuWrapperProps extends Omit<DropdownProps, 'menu'> {\n menuList: Array<DropdownMenuItem | null>;\n /** dropdown 设置弹框根节点在body下 */\n isFixed?: boolean;\n}\n\n/**\n * DropdownMenuWrapper\n * 升级 antd 5.5.1 后,Dropdown 中 Popconfirm弹框使用存在问题,所以在 @flatbiz/antd@4.2.49版本修改为使用dialogConfirm组件实现二次弹框确认功能\n * @param props\n * @returns\n * ```\n * 1. Dropdown默认弹框根节点在组件内部,通过isFixed=true可设置弹框根节点在body下\n * ```\n */\nexport const DropdownMenuWrapper = (props: DropdownMenuWrapperProps) => {\n const { menuList, ...dropdownOtherProps } = props;\n const clsName = hooks.useId(undefined, 'DropdownMenuWrapper');\n\n const onClick = hooks.useCallbackRef((item: DropdownMenuItem, event) => {\n if (item.needConfirm) {\n dialogConfirm.open({\n title: (\n <FlexLayout direction=\"horizontal\" fullIndex={1} gap={8}>\n <ExclamationCircleFilled style={{ color: '#faad14' }} />\n <span>{item.text}</span>\n </FlexLayout>\n ),\n content: <Fragment>{item.confirmMessage}</Fragment>,\n onOk: item.onClick?.bind(null, event),\n okButtonProps: {\n loadingPosition: 'center',\n },\n ...item.confirmModalProps,\n });\n return Promise.resolve();\n }\n event.stopPropagation();\n return item.onClick?.(event);\n });\n\n const target = document.querySelector(`.${clsName}`);\n const container = useMemo(() => {\n if (props.isFixed || (target && parentsHasSticky(target))) {\n return undefined;\n }\n return target;\n }, [props.isFixed, target]);\n\n const menuItems = useMemo(() => {\n const menuItemsNew: ItemType[] = [];\n menuList.filter(Boolean).forEach((item, index) => {\n if (!item) return;\n const {\n text,\n permission,\n needConfirm,\n confirmMessage,\n hidden,\n type,\n confirmModalProps,\n ...otherProps\n } = item;\n if (hidden) return;\n if (permission && !fbaUtils.hasPermission(permission)) return;\n const buttonType = type || 'link';\n const danger = otherProps.color ? false : needConfirm;\n menuItemsNew.push({\n key: index,\n label: (\n <ButtonWrapper\n loadingPosition=\"center\"\n size=\"small\"\n danger={danger}\n {...otherProps}\n style={{ padding: 0, ...otherProps.style }}\n className={classNames('dmw-item-button', otherProps.className)}\n type={buttonType}\n key={index}\n onClick={onClick.bind(null, {\n ...item,\n needConfirm,\n confirmMessage,\n confirmModalProps,\n })}\n >\n {text}\n </ButtonWrapper>\n ),\n });\n });\n return menuItemsNew;\n }, [menuList, onClick]);\n\n return (\n <div className={classNames('dropdown-menu-wrapper', clsName)} style={{ position: 'relative' }}>\n <Dropdown\n trigger={dropdownOtherProps?.trigger || ['hover']}\n getPopupContainer={container ? () => target as HTMLElement : undefined}\n arrow={{ pointAtCenter: true }}\n {...dropdownOtherProps}\n overlayStyle={{ zIndex: 9, ...dropdownOtherProps.overlayStyle }}\n menu={{ items: menuItems }}\n >\n {props.children}\n </Dropdown>\n </div>\n );\n};\n"],"names":["parentsHasSticky","node","condition","result","tagName","_window$getComputedSt","window","getComputedStyle","position","parentNode","DropdownMenuWrapper","props","menuList","dropdownOtherProps","_objectWithoutPropertiesLoose","_excluded","clsName","_hooks","useId","undefined","onClick","useCallbackRef","item","event","needConfirm","_item$onClick","dialogConfirm","open","_extends","title","_jsxs","FlexLayout","direction","fullIndex","gap","children","_jsx","_ExclamationCircleFilled","style","color","text","content","Fragment","confirmMessage","onOk","bind","okButtonProps","loadingPosition","confirmModalProps","Promise","resolve","stopPropagation","target","document","querySelector","container","useMemo","isFixed","menuItems","menuItemsNew","filter","Boolean","forEach","index","permission","hidden","type","otherProps","_excluded2","fbaUtils","hasPermission","buttonType","danger","push","key","label","_createElement","ButtonWrapper","size","padding","className","_classNames","Dropdown","trigger","getPopupContainer","arrow","pointAtCenter","overlayStyle","zIndex","menu","items"],"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
|
-
|
|
4
|
+
import{classNames as e}from"@dimjs/utils/cjs/class-names";import{createRoot as n}from"react-dom/client";import{b as t}from"../dom-4d04aa64.js";import{jsx as r}from"react/jsx-runtime";var i={append:function i(o){if(o===void 0){o={}}var d=function(){var e;if(typeof o.getContainer==="string"){e=document.querySelector(o.getContainer)}else if(typeof o.getContainer==="function"){e=o.getContainer()}else{e=t().divElement}return e}();var a=e("v-dynamic-node",{"v-dynamic-node-fixed":o.fixed},o.className);var m="id_"+Date.now();var c=n(d);c.render(r("div",{className:a,id:m,children:o.content}));window["_dynamic_node_element_id"]=m;return{elementId:m}},remove:function e(n){var t=n||window["_dynamic_node_element_id"];if(t){try{var r;(r=document.querySelector("#"+t))==null?void 0:r.remove()}catch(e){}}}};export{i as dynamicNode};
|
|
5
5
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["@flatbiz/antd/src/dynamic-node/dynamic-node.tsx"],"sourcesContent":["import { classNames } from '@dimjs/utils';\nimport { CSSProperties, ReactElement } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { bodyAppendDivElement } from '../_utils/dom';\nimport './style.less';\n\nexport type TDynamicNodeProps = {\n className?: string;\n getContainer?: HTMLElement | (() => HTMLElement) | string;\n content?: ReactElement;\n fixed?: boolean;\n style?: CSSProperties;\n};\n\n/**\n * 动态添加 element 元素\n * ```\n * 1. 默认添加到 body 下\n * 2. 可通过 getContainer 参数设置添加位置\n * ```\n */\nexport const dynamicNode = {\n append: (props: TDynamicNodeProps = {}) => {\n const container = (() => {\n let tempElement;\n if (typeof props.getContainer === 'string') {\n tempElement = document.querySelector(props.getContainer) as Element;\n } else if (typeof props.getContainer === 'function') {\n tempElement = props.getContainer();\n } else {\n tempElement = bodyAppendDivElement().divElement;\n }\n return tempElement as Element;\n })();\n\n const className = classNames('v-dynamic-node', { 'v-dynamic-node-fixed': props.fixed }, props.className);\n const nodeElementId = `id_${Date.now()}`;\n const root = createRoot(container);\n root.render(\n <div className={className} id={nodeElementId}>\n {props.content}\n </div>,\n );\n window['_dynamic_node_element_id'] = nodeElementId;\n return { elementId: nodeElementId };\n },\n remove: (elementId?: string) => {\n const dynamicElementId = elementId || window['_dynamic_node_element_id'];\n if (dynamicElementId) {\n try {\n document.querySelector(`#${dynamicElementId}`)?.remove();\n } catch (error) {\n //\n }\n }\n },\n};\n"],"names":["dynamicNode","append","props","container","tempElement","getContainer","document","querySelector","bodyAppendDivElement","divElement","className","_classNames","fixed","nodeElementId","Date","now","root","createRoot","render","_jsx","id","children","content","window","elementId","remove","dynamicElementId","_document$querySelect","error"],"mappings":";uLAqBO,IAAMA,EAAc,CACzBC,OAAQ,SAAAA,EAACC,GAAkC,GAAlCA,SAAwB,EAAA,CAAxBA,EAA2B,CAAA,CAAE,CACpC,IAAMC,EAAa,WACjB,IAAIC,EACJ,UAAWF,EAAMG,eAAiB,SAAU,CAC1CD,EAAcE,SAASC,cAAcL,EAAMG,aAC5C,MAAM,UAAWH,EAAMG,eAAiB,WAAY,CACnDD,EAAcF,EAAMG,cACtB,KAAO,CACLD,EAAcI,IAAuBC,UACvC,CACA,OAAOL,CACT,CAVmB,GAYnB,IAAMM,EAAYC,EAAW,iBAAkB,CAAE,uBAAwBT,EAAMU,OAASV,EAAMQ,WAC9F,IAAMG,EAAsBC,MAAAA,KAAKC,MACjC,IAAMC,EAAOC,EAAWd,GACxBa,EAAKE,OACHC,EAAA,MAAA,CAAKT,UAAWA,EAAWU,GAAIP,EAAcQ,SAC1CnB,EAAMoB,WAGXC,OAAO,4BAA8BV,EACrC,MAAO,CAAEW,UAAWX,EACrB,EACDY,OAAQ,SAAAA,EAACD,GACP,IAAME,EAAmBF,GAAaD,OAAO,4BAC7C,GAAIG,EAAkB,CACpB,IAAI,IAAAC,GACFA,EAAArB,SAASC,cAAa,IAAKmB,KAA3BC,UAAAA,EAAAA,EAAgDF,QACjD,CAAC,MAAOG,GACP,CAEJ,CACF"}
|
package/esm/easy-table/index.js
CHANGED
|
@@ -10,5 +10,5 @@ import './../table-scrollbar/index.css';
|
|
|
10
10
|
import './../table-title-tooltip/index.css';
|
|
11
11
|
import './index.css';
|
|
12
12
|
/*! @flatjs/forge MIT @flatbiz/antd */
|
|
13
|
-
import{f as e}from"../fba-utils-f9e11d02.js";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{isUndefined as i}from"@dimjs/lang/cjs/is-undefined";import{isArray as r}from"@dimjs/lang/cjs/is-array";import{hooks as n}from"@wove/react/cjs/hooks";import{a,_ as o}from"../_rollupPluginBabelHelpers-1f4d8910.js";import{cloneState as l}from"@dimjs/model";import{Form as s,message as u,Table as c}from"antd";import{forwardRef as d,useState as f,useRef as p,useImperativeHandle as m,useMemo as g,Children as v}from"react";import{P as y,S as h}from"../pagination-0e66a3b5.js";import{createCtx as C}from"@wove/react/cjs/create-ctx";import{Model as S}from"@dimjs/model-react";import{jsx as b,jsxs as j}from"react/jsx-runtime";import F from"@ant-design/icons/es/icons/DownOutlined";import q from"@ant-design/icons/es/icons/UpOutlined";import{isFragment as z}from"react-is";import{B as N}from"../button-wrapper-125fce50.js";import{FormGrid as R}from"../form-grid/index.js";import{S as w}from"../simple-layout-0dce0d39.js";import{isUndefinedOrNull as P,getUuid as x,isMacEnv as T}from"@flatbiz/utils";import{fbaHooks as k}from"../fba-hooks/index.js";import{T as K}from"../table-scrollbar-66c1682c.js";import{T as V}from"../title-render-4f255df0.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../config-provider-wrapper-dfe8f592.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"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"@dimjs/utils/cjs/get";import"ahooks";import"@ant-design/icons/es/icons/QuestionCircleOutlined";var L=C(),E=L[0],D=L[1];var O={queryCondition:{},isInit:true};var B={actions:{updateFilterCondition:function e(t){return function(e){e.queryCondition=a({},e.queryCondition,t)}},resetFilterCondition:function e(t){return function(e){e.queryCondition=a({},O.queryCondition,t)}},updateInitStatus:function e(){return function(e){e.isInit=false}}},state:O};var I={};var A=function e(t){if(!I[t]){I[t]=S(B)}return I[t]};var _=d((function(e,o){var c;var d=f([]),v=d[0],h=d[1];var C=f(0),S=C[0],F=C[1];var q=f(false),z=q[0],N=q[1];var R=A(e.modelKey).useStore(),w=R[0],P=R[1];var x=e.pageSize||((c=e.initialPaginationParams)==null?void 0:c.pageSize)||10;var T=e.initRequest===undefined?true:e.initRequest;var k=f(false),K=k[0],V=k[1];var L=p();var E=a({list:"list",total:"tatal",pageNo:"pageNo",pageSize:"pageSize"},e.fieldNames);var O=s.useForm(),B=O[0];var I=n.useCallbackRef((function(t){return new Promise((function(i,n){var a,o,s,c,d,f,p,m,g,v;var y=function(){try{return i()}catch(e){return n(e)}};var C=function(t){try{N(false);if(e.onRequestErrorHandle){e.onRequestErrorHandle(t)}else{void u.error(t.message)}return y()}catch(e){return n(e)}};try{N(true);return Promise.resolve(P.updateFilterCondition(t)).then((function(t){try{a=t;o=l(a.queryCondition||{});s=e.serviceConfig,c=s.requestParamsAdapter,d=s.onRequest,f=s.requestResultAdapter;p=c?c(o):o;return Promise.resolve(d(p)).then((function(t){try{m=t||{};L.current=m;e.onDataSourceChange==null?void 0:e.onDataSourceChange(m);g=f?f(m):m;v=g[E.list];h(r(v)?v:[]);F(g[E.total]);N(false);return y()}catch(e){return C(e)}}),C)}catch(e){return C(e)}}),C)}catch(e){C(e)}}))}));var _=n.useCallbackRef((function(e){return new Promise((function(t,i){return Promise.resolve(P.resetFilterCondition()).then((function(r){try{B.resetFields();if(e){void P.updateFilterCondition(e);B.setFieldsValue(e)}return t()}catch(e){return i(e)}}),i)}))}));var H=function e(t,i){if(K){var r;return r={},r[E.pageNo]=t,r[E.pageSize]=i||x,r}else{return{}}};var Y=n.useCallbackRef((function(t){return new Promise((function(i,r){var n;n=a({},H(1,w.queryCondition[E.pageSize]),e.initialValues,t);return Promise.resolve(P.resetFilterCondition(n)).then((function(e){try{B.resetFields();if(t){B.setFieldsValue(t)}void I(n);return i()}catch(e){return r(e)}}),r)}))}));var G=n.useCallbackRef((function(){return a({},w.queryCondition,B.getFieldsValue())}));var Q=function e(){return{onRequest:I,clearQueryCondition:_,getRequestParams:G,onResetRequest:Y,form:B,getDataSource:function e(){return L.current},onFilterDataSource:function e(t){h(t)},onClearDataSource:function e(){F(0);h([])}}};m(o,(function(){return Q()}));var U=function e(t){V(t)};var W=function t(){var i=B.getFieldsValue();if(e.onFormFinish){e.onFormFinish(a({},i,H(1,w.queryCondition[E.pageSize])))}else{void I(a({},i,H(1,w.queryCondition[E.pageSize])))}};var Z=i(e.isFull)?true:e.isFull;var $=t("fba-easy-table",{"fba-easy-table-full":Z,"fba-easy-table-filter-fixed":e.filterFixed,"fba-easy-table-pagination-fixed":e.paginationFixed},e.className);var J=g((function(){return a({showSizeChanger:true,current:w.queryCondition[E.pageNo]||1,pageSize:w.queryCondition[E.pageSize]||x,total:S,showTotal:function e(t){return"共 "+t+" 条记录"}},e.pagination)}),[E.pageNo,E.pageSize,x,e.pagination,w.queryCondition,S]);var M=n.useCallbackRef((function(t,i){var r,n;void I((r={},r[E.pageSize]=i,r[E.pageNo]=t,r));(n=e.pagination)==null?void 0:n.onChange==null?void 0:n.onChange(t,i)}));var X=t("fba-easy-table-wrapper",{"fba-easy-table-wrapper-inline":e.isInline},e.className);var ee=typeof e.children==="function"?e.children(L.current):e.children;return b(D,{value:{getEasyTableRef:Q,modelKey:e.modelKey,onRequest:I,tableList:v,tableTotal:S,loading:z,fieldNames:E,pageSize:x,initRequest:T,initialValues:e.initialValues||{},onSetPaginationStatus:U,paginationStatus:K,onFormFinish:W,form:B,paginationFixed:e.paginationFixed||false,foldKeys:e.foldKeys||[]},children:e.paginationFixed?j("div",{className:X,style:e.style,children:[b("div",{className:$,children:ee}),S>0&&b("div",{className:"fba-easy-table-pagination",children:b(y,a({size:"small"},J,{onChange:M}))})]}):b("div",{className:$,style:e.style,children:ee})})}));var H=function e(t){var r=t.queryButtonProps,o=t.resetButtonProps,l=t.filterOperate,u=t.formClassName,c=t.defaultResetButtonTriggerRequest;var d=E(),p=d.modelKey,m=d.foldKeys,y=d.fieldNames,h=d.onRequest,C=d.pageSize,S=d.paginationStatus,P=d.initialValues,x=d.form,T=d.onFormFinish;var k=typeof t.children==="function"?t.children(x):t.children;var K=g((function(){if(z(k)){return v.toArray(k.props.children)}else{return v.toArray(k)}}),[k]);var V=f(false),L=V[0],D=V[1];var O=A(p).useStore(),B=O[0],I=O[1];var _=n.useCallbackRef((function(){return new Promise((function(e,t){var r;return Promise.resolve(I.resetFilterCondition()).then((function(n){try{x.resetFields();if(i(c)||c){if(S){h(a((r={},r[y.pageNo]=1,r[y.pageSize]=C,r),P))}else{h(P)}}return e()}catch(e){return t(e)}}),t)}))}));var H=g((function(){var e=a({rightList:[!(r!=null&&r.hidden)?b(N,a({type:"primary",htmlType:"submit"},r,{children:(r==null?void 0:r.text)||"查询"}),"1"):null,!(o!=null&&o.hidden)?b(N,a({onClick:_},o,{children:(o==null?void 0:o.text)||"重置"}),"2"):null],leftList:[]},l==null?void 0:l(x));if(m.length>0){var t=b(N,{type:"link",style:{padding:"0"},onClick:function e(){D(!L)},children:L?j("span",{children:["收起",b(q,{style:{marginLeft:3,fontSize:12}})]}):j("span",{children:["展开",b(F,{style:{marginLeft:3,fontSize:12}})]})},"fold-trigger");var i=e.rightList,n=e.leftList;if(i.length>0||n.length===0){i.push(t)}else if((n==null?void 0:n.length)>0){n.push(t)}}return K.map((function(e,t){if(!L&&m.find((function(t){return".$"+t===e.key})))return null;if(e.props["hidden"])return null;if(e.type["domTypeName"]==="FormCol")return e;return b(R.Col,{children:e},t)})).filter(Boolean).concat(b(R.OperateCol,a({},e),999))}),[K,l,m,x,_,L,r,o]);return b(w,{className:"easy-table-filter",children:b(s,{form:x,autoComplete:"off",onFinish:T,initialValues:a({},P,B.queryCondition),className:u,children:t.isPure?k:b(R.Row,{gutter:[15,0],gridSize:t.formGridSize,children:H})})})};var Y=function e(){var t=E();var i=p(t.getEasyTableRef());return i.current};var G=function e(){var t=E(),i=t.getEasyTableRef;var r=p(i());return r};var Q=["children","rowKey","pagination"],U=["tooltip","title"];var W=function e(i){var r=i.children,n=i.rowKey,l=i.pagination,s=o(i,Q);var u=E(),d=u.modelKey,f=u.fieldNames,p=u.onRequest,m=u.tableList,v=u.initRequest,y=u.pageSize,C=u.tableTotal,S=u.loading,F=u.initialValues,q=u.paginationFixed,z=u.onSetPaginationStatus;var N=A(d).useStore(),R=N[0],L=N[1];var D=g((function(){if(q||l===false)return false;return a({showSizeChanger:true,current:R.queryCondition[f.pageNo]||1,pageSize:R.queryCondition[f.pageSize]||y,total:C,showTotal:function e(t){return"共 "+t+" 条记录"}},i.pagination,{selectComponentClass:h})}),[f.pageNo,f.pageSize,y,l,q,i.pagination,R.queryCondition,C]);var O=function e(t,r,n,a){if(a.action==="paginate"&&D){var o;p((o={},o[f.pageSize]=t.pageSize,o[f.pageNo]=t.current,o))}else{i.onChange==null?void 0:i.onChange(t,r,n,a)}};var B=g((function(){if(m.length===0){return[]}if(typeof n==="string"&&P(m[0][n])){return m.map((function(e){e[n]=x();return e}))}return m}),[m,n]);k.useEffectCustom((function(){var e=q||D!==false;z(e);if(v!==false||!R.isInit){if(e){var t;void p(a((t={},t[f.pageNo]=1,t[f.pageSize]=y,t),F,R.queryCondition))}else{void p(F)}}else{void L.updateFilterCondition(F)}void L.updateInitStatus()}),[]);var I=g((function(){return i.columns.map((function(e){var t=e.tooltip,i=e.title,r=o(e,U);if(typeof i==="string"&&!!t){return a({},r,{title:b(V,{title:i,tooltip:t})})}return e}))}),[i.columns]);return j(w,{className:t("easy-table-table",i.tableWrapperClassName),style:i.tableWrapperStyle,children:[r,T()?b(c,a({size:"small",scroll:{x:"max-content"},bordered:true},s,{columns:I,pagination:D,rowKey:n,onChange:O,loading:S,dataSource:B})):b(K,{children:b(c,a({size:"small",scroll:{x:"max-content"},bordered:true},s,{columns:I,pagination:D,rowKey:n,onChange:O,loading:S,dataSource:B}))})]})};var Z=e.attachPropertiesToComponent(_,{Filter:H,Table:W,useEasyTablRef:G,useEasyTable:Y});export{Z as EasyTable};
|
|
13
|
+
import{fbaUtils as e}from"../fba-utils/index.js";import{classNames as t}from"@dimjs/utils/cjs/class-names";import{isUndefined as i}from"@dimjs/lang/cjs/is-undefined";import{isArray as n}from"@dimjs/lang/cjs/is-array";import{hooks as r}from"@wove/react/cjs/hooks";import{_ as a,a as o}from"../_rollupPluginBabelHelpers-fc015ef2.js";import{cloneState as l}from"@dimjs/model";import{Form as s,message as u,Table as d}from"antd";import{forwardRef as c,useState as f,useRef as p,useImperativeHandle as m,useMemo as g,Children as v}from"react";import{P as y,S as h}from"../index-e98b9352.js";import{createCtx as C}from"@wove/react/cjs/create-ctx";import{Model as S}from"@dimjs/model-react";import{jsx as b,jsxs as j}from"react/jsx-runtime";import F from"@ant-design/icons/es/icons/DownOutlined";import q from"@ant-design/icons/es/icons/UpOutlined";import{isFragment as z}from"react-is";import{ButtonWrapper as N}from"../button-wrapper/index.js";import{FormGrid as R}from"../form-grid/index.js";import{SimpleLayout as x}from"../simple-layout/index.js";import{isUndefinedOrNull as w,getUuid as P,isMacEnv as k}from"@flatbiz/utils";import{fbaHooks as T}from"../fba-hooks/index.js";import{TableScrollbar as K}from"../table-scrollbar/index.js";import{TableTitleTooltip as V}from"../table-title-tooltip/index.js";import"@ant-design/icons/es/icons/LoadingOutlined";import"@dimjs/lang/cjs/is-promise";import"../config-provider-wrapper/index.js";import"antd/es/locale/en_US";import"antd/es/locale/zh_CN";import"dayjs";import"dayjs/locale/en";import"dayjs/locale/zh-cn";import"dayjs/plugin/advancedFormat";import"dayjs/plugin/customParseFormat";import"dayjs/plugin/localeData";import"dayjs/plugin/utc";import"dayjs/plugin/weekday";import"dayjs/plugin/weekOfYear";import"dayjs/plugin/weekYear";import"../use-responsive-point-21b8c601.js";import"@dimjs/utils/cjs/extend";import"@dimjs/utils/cjs/get";import"ahooks";import"@ant-design/icons/es/icons/QuestionCircleOutlined";var L=C(),E=L[0],D=L[1];var O={queryCondition:{},isInit:true};var I={actions:{updateFilterCondition:function e(t){return function(e){e.queryCondition=a({},e.queryCondition,t)}},resetFilterCondition:function e(t){return function(e){e.queryCondition=a({},O.queryCondition,t)}},updateInitStatus:function e(){return function(e){e.isInit=false}}},state:O};var B={};var A=function e(t){if(!B[t]){B[t]=S(I)}return B[t]};var _=c((function(e,o){var d;var c=f([]),v=c[0],h=c[1];var C=f(0),S=C[0],F=C[1];var q=f(false),z=q[0],N=q[1];var R=A(e.modelKey).useStore(),x=R[0],w=R[1];var P=e.pageSize||((d=e.initialPaginationParams)==null?void 0:d.pageSize)||10;var k=e.initRequest===undefined?true:e.initRequest;var T=f(false),K=T[0],V=T[1];var L=p();var E=a({list:"list",total:"tatal",pageNo:"pageNo",pageSize:"pageSize"},e.fieldNames);var O=s.useForm(e.form),I=O[0];var B=r.useCallbackRef((function(t){return new Promise((function(i,r){var a,o,s,d,c,f,p,m,g,v;var y=function(){try{return i()}catch(e){return r(e)}};var C=function(t){try{N(false);if(e.onRequestErrorHandle){e.onRequestErrorHandle(t)}else{void u.error(t.message)}return y()}catch(e){return r(e)}};try{N(true);return Promise.resolve(w.updateFilterCondition(t)).then((function(t){try{a=t;o=l(a.queryCondition||{});s=e.serviceConfig,d=s.requestParamsAdapter,c=s.onRequest,f=s.requestResultAdapter;p=d?d(o):o;return Promise.resolve(c(p)).then((function(t){try{m=t||{};L.current=m;e.onDataSourceChange==null?void 0:e.onDataSourceChange(m);g=f?f(m):m;v=g[E.list];h(n(v)?v:[]);F(g[E.total]);N(false);return y()}catch(e){return C(e)}}),C)}catch(e){return C(e)}}),C)}catch(e){C(e)}}))}));var _=r.useCallbackRef((function(e){return new Promise((function(t,i){return Promise.resolve(w.resetFilterCondition()).then((function(n){try{I.resetFields();if(e){void w.updateFilterCondition(e);I.setFieldsValue(e)}return t()}catch(e){return i(e)}}),i)}))}));var H=function e(t,i){if(K){var n;return n={},n[E.pageNo]=t,n[E.pageSize]=i||P,n}else{return{}}};var Q=r.useCallbackRef((function(t){return new Promise((function(i,n){var r;r=a({},H(1,x.queryCondition[E.pageSize]),e.initialValues,t);return Promise.resolve(w.resetFilterCondition(r)).then((function(e){try{I.resetFields();if(t){I.setFieldsValue(t)}void B(r);return i()}catch(e){return n(e)}}),n)}))}));var U=r.useCallbackRef((function(){return a({},x.queryCondition,I.getFieldsValue())}));var W=function e(){return{onRequest:B,clearQueryCondition:_,getRequestParams:U,onResetRequest:Q,form:I,getDataSource:function e(){return L.current},onFilterDataSource:function e(t){h(t)},onClearDataSource:function e(){F(0);h([])}}};m(o,(function(){return W()}));var Y=function e(t){V(t)};var G=function t(){var i=I.getFieldsValue();if(e.onFormFinish){e.onFormFinish(a({},i,H(1,x.queryCondition[E.pageSize])))}else{void B(a({},i,H(1,x.queryCondition[E.pageSize])))}};var $=i(e.isFull)?true:e.isFull;var J=t("fba-easy-table",{"fba-easy-table-full":$,"fba-easy-table-filter-fixed":e.filterFixed,"fba-easy-table-pagination-fixed":e.paginationFixed},e.className);var M=g((function(){return a({showSizeChanger:true,current:x.queryCondition[E.pageNo]||1,pageSize:x.queryCondition[E.pageSize]||P,total:S,showTotal:function e(t){return"共 "+t+" 条记录"}},e.pagination)}),[E.pageNo,E.pageSize,P,e.pagination,x.queryCondition,S]);var X=r.useCallbackRef((function(t,i){var n,r;void B((n={},n[E.pageSize]=i,n[E.pageNo]=t,n));(r=e.pagination)==null||r.onChange==null?void 0:r.onChange(t,i)}));var Z=t("fba-easy-table-wrapper",{"fba-easy-table-wrapper-inline":e.isInline},e.className);var ee=typeof e.children==="function"?e.children(L.current):e.children;return b(D,{value:{getEasyTableRef:W,modelKey:e.modelKey,onRequest:B,tableList:v,tableTotal:S,loading:z,fieldNames:E,pageSize:P,initRequest:k,initialValues:e.initialValues||{},onSetPaginationStatus:Y,paginationStatus:K,onFormFinish:G,form:I,paginationFixed:e.paginationFixed||false,foldKeys:e.foldKeys||[]},children:e.paginationFixed?j("div",{className:Z,style:e.style,children:[b("div",{className:J,children:ee}),S>0&&b("div",{className:"fba-easy-table-pagination",children:b(y,a({size:"small"},M,{onChange:X}))})]}):b("div",{className:J,style:e.style,children:ee})})}));var H=function e(t){var n=t.queryButtonProps,o=t.resetButtonProps,l=t.filterOperate,u=t.formClassName,d=t.defaultResetButtonTriggerRequest;var c=E(),p=c.modelKey,m=c.foldKeys,y=c.fieldNames,h=c.onRequest,C=c.pageSize,S=c.paginationStatus,w=c.initialValues,P=c.form,k=c.onFormFinish;var T=typeof t.children==="function"?t.children(P):t.children;var K=g((function(){if(z(T)){return v.toArray(T.props.children)}else{return v.toArray(T)}}),[T]);var V=f(false),L=V[0],D=V[1];var O=A(p).useStore(),I=O[0],B=O[1];var _=r.useCallbackRef((function(){return new Promise((function(e,t){var n;return Promise.resolve(B.resetFilterCondition()).then((function(r){try{P.resetFields();if(i(d)||d){if(S){h(a((n={},n[y.pageNo]=1,n[y.pageSize]=C,n),w))}else{h(w)}}return e()}catch(e){return t(e)}}),t)}))}));var H=g((function(){var e=a({rightList:[!(n!=null&&n.hidden)?b(N,a({type:"primary",htmlType:"submit"},n,{children:(n==null?void 0:n.text)||"查询"}),"1"):null,!(o!=null&&o.hidden)?b(N,a({onClick:_},o,{children:(o==null?void 0:o.text)||"重置"}),"2"):null],leftList:[]},l==null?void 0:l(P));if(m.length>0){var t=b(N,{type:"link",style:{padding:"0"},onClick:function e(){D(!L)},children:L?j("span",{children:["收起",b(q,{style:{marginLeft:3,fontSize:12}})]}):j("span",{children:["展开",b(F,{style:{marginLeft:3,fontSize:12}})]})},"fold-trigger");var i=e.rightList,r=e.leftList;if(i.length>0||r.length===0){i.push(t)}else if((r==null?void 0:r.length)>0){r.push(t)}}return K.map((function(e,t){if(!L&&m.find((function(t){return".$"+t===e.key})))return null;if(e.props["hidden"])return null;if(e.type["domTypeName"]==="FormCol")return e;return b(R.Col,{children:e},t)})).filter(Boolean).concat(b(R.OperateCol,a({},e),999))}),[K,l,m,P,_,L,n,o]);return b(x,{className:"easy-table-filter",children:b(s,{form:P,autoComplete:"off",onFinish:k,initialValues:a({},w,I.queryCondition),className:u,children:t.isPure?T:b(R.Row,{gutter:[15,0],gridSize:t.formGridSize,children:H})})})};var Q=function e(){var t=E();var i=p(t.getEasyTableRef());return i.current};var U=function e(){var t=E(),i=t.getEasyTableRef;var n=p(i());return n};var W=["children","rowKey","pagination"],Y=["tooltip","title"];var G=function e(i){var n=i.children,r=i.rowKey,l=i.pagination,s=o(i,W);var u=E(),c=u.modelKey,f=u.fieldNames,p=u.onRequest,m=u.tableList,v=u.initRequest,y=u.pageSize,C=u.tableTotal,S=u.loading,F=u.initialValues,q=u.paginationFixed,z=u.onSetPaginationStatus;var N=A(c).useStore(),R=N[0],L=N[1];var D=g((function(){if(q||l===false)return false;return a({showSizeChanger:true,current:R.queryCondition[f.pageNo]||1,pageSize:R.queryCondition[f.pageSize]||y,total:C,showTotal:function e(t){return"共 "+t+" 条记录"}},i.pagination,{selectComponentClass:h})}),[f.pageNo,f.pageSize,y,l,q,i.pagination,R.queryCondition,C]);var O=function e(t,n,r,a){if(a.action==="paginate"&&D){var o;p((o={},o[f.pageSize]=t.pageSize,o[f.pageNo]=t.current,o))}else{i.onChange==null?void 0:i.onChange(t,n,r,a)}};var I=g((function(){if(m.length===0){return[]}if(typeof r==="string"&&w(m[0][r])){return m.map((function(e){e[r]=P();return e}))}return m}),[m,r]);T.useEffectCustom((function(){var e=q||D!==false;z(e);if(v!==false||!R.isInit){if(e){var t;void p(a((t={},t[f.pageNo]=1,t[f.pageSize]=y,t),F,R.queryCondition))}else{void p(F)}}else{void L.updateFilterCondition(F)}void L.updateInitStatus()}),[]);var B=g((function(){return i.columns.map((function(e){var t=e.tooltip,i=e.title,n=o(e,Y);if(typeof i==="string"&&!!t){return a({},n,{title:b(V,{title:i,tooltip:t})})}return e}))}),[i.columns]);return j(x,{className:t("easy-table-table",i.tableWrapperClassName),style:i.tableWrapperStyle,children:[n,k()?b(d,a({size:"small",scroll:{x:"max-content"},bordered:true},s,{columns:B,pagination:D,rowKey:r,onChange:O,loading:S,dataSource:I})):b(K,{children:b(d,a({size:"small",scroll:{x:"max-content"},bordered:true},s,{columns:B,pagination:D,rowKey:r,onChange:O,loading:S,dataSource:I}))})]})};var $=e.attachPropertiesToComponent(_,{Filter:H,Table:G,useEasyTablRef:U,useEasyTable:Q});export{$ as EasyTable};
|
|
14
14
|
//# sourceMappingURL=index.js.map
|