@cloudbase/weda-ui 3.4.8 → 3.4.9
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/README.md +65 -30
- package/dist/configs/components/carousel.json +12 -2
- package/dist/configs/components/chart/bar.json +2 -2
- package/dist/configs/components/chart/line.js +2 -2
- package/dist/configs/components/chart/pie.json +2 -2
- package/dist/configs/components/chart/statisticsCard.json +1 -1
- package/dist/configs/components/common/form-input-required.js +176 -0
- package/dist/configs/components/container.js +1 -1
- package/dist/configs/components/customer-service.js +262 -0
- package/dist/configs/components/dataView.js +10 -66
- package/dist/configs/components/flowgraph.json +22 -0
- package/dist/configs/components/form/departTreeSelect.json +10 -0
- package/dist/configs/components/form-checkbox.js +261 -0
- package/dist/configs/components/form-date.js +268 -0
- package/dist/configs/components/form-depart-tree-select.js +237 -0
- package/dist/configs/components/form-email.js +258 -0
- package/dist/configs/components/form-image-uploader.js +326 -0
- package/dist/configs/components/form-input.js +477 -0
- package/dist/configs/components/form-location.js +328 -0
- package/dist/configs/components/form-multi-region.js +202 -0
- package/dist/configs/components/form-phone.js +250 -0
- package/dist/configs/components/form-radio.js +261 -0
- package/dist/configs/components/form-region.js +198 -0
- package/dist/configs/components/form-rich-text.js +212 -0
- package/dist/configs/components/form-select.js +368 -0
- package/dist/configs/components/form-switch.js +153 -0
- package/dist/configs/components/form-text-area.js +241 -0
- package/dist/configs/components/form-time.js +221 -0
- package/dist/configs/components/form-upload-file.js +269 -0
- package/dist/configs/components/form-url.js +259 -0
- package/dist/configs/components/form-user-tree-select.js +315 -0
- package/dist/configs/components/formdetail.json +8 -0
- package/dist/configs/components/grid/col.js +6 -0
- package/dist/configs/components/listView.js +34 -92
- package/dist/configs/components/modal.js +2 -3
- package/dist/configs/components/navigationBar.json +2 -4
- package/dist/configs/components/pagelayout.json +1 -1
- package/dist/configs/components/qr_code.js +117 -0
- package/dist/configs/components/repeater.js +3 -2
- package/dist/configs/components/scrollVeiw.json +3 -1
- package/dist/configs/components/table.json +14 -4
- package/dist/configs/components/tabs.js +1 -1
- package/dist/configs/components/wd-bubble.js +2 -2
- package/dist/configs/components/wd-button.js +5 -5
- package/dist/configs/components/wd-divider.js +3 -3
- package/dist/configs/components/wd-form-detail.js +229 -0
- package/dist/configs/components/wd-form.js +394 -0
- package/dist/configs/components/wd-icon.js +4 -4
- package/dist/configs/components/wd-image.js +5 -0
- package/dist/configs/components/wd-link.js +5 -5
- package/dist/configs/components/wd-table.js +1110 -24
- package/dist/configs/components/wd-text.js +4 -3
- package/dist/configs/components/web-view.js +152 -0
- package/dist/configs/components/wedaVideo.json +4 -2
- package/dist/configs/components/wxOpenApi/share.js +1 -0
- package/dist/configs/index.js +50 -0
- package/dist/configs/type-utils/index.js +0 -1
- package/dist/docs/common/componentList.js +8 -37
- package/dist/docs/common/components/classes-view.js +2 -32
- package/dist/docs/common/components/event-view.js +2 -43
- package/dist/docs/common/components/json-schema-view.js +4 -8
- package/dist/docs/common/components/methods-view.js +2 -30
- package/dist/docs/common/components/properties-view.js +4 -43
- package/dist/docs/common/tableView.js +15 -94
- package/dist/enum/index.js +53 -0
- package/dist/setupTests.js +4 -0
- package/dist/style/index.scss +1 -1
- package/dist/web/actions/showModal/index.js +15 -21
- package/dist/web/components/button/index.css +1 -0
- package/dist/web/components/button/index.js +3 -6
- package/dist/web/components/calendar/index.js +19 -45
- package/dist/web/components/carousel/index.js +35 -45
- package/dist/web/components/chart/bar/index.js +6 -7
- package/dist/web/components/chart/bar/index.old.js +3 -2
- package/dist/web/components/chart/common/Chart.js +3 -2
- package/dist/web/components/chart/common/chart-custom-connector.js +3 -7
- package/dist/web/components/chart/common/core/eChartLine.js +12 -1
- package/dist/web/components/chart/common/data-transform.js +13 -9
- package/dist/web/components/chart/line/index.js +6 -7
- package/dist/web/components/chart/line/index.old.js +5 -3
- package/dist/web/components/chart/pie/index.js +6 -7
- package/dist/web/components/chart/pie/index.old.js +3 -2
- package/dist/web/components/chart/statisticsCard/index.js +3 -9
- package/dist/web/components/common/error-boundary.js +13 -15
- package/dist/web/components/common/form-item-wrapper.js +4 -0
- package/dist/web/components/common/use-loop-render-detect.js +2 -2
- package/dist/web/components/container/index.js +2 -2
- package/dist/web/components/customer-service/convert-legacy-props.js +14 -0
- package/dist/web/components/customer-service/customer-service.js +13 -0
- package/dist/web/components/customer-service/index.js +3 -0
- package/dist/web/components/dataView/index.js +5 -1
- package/dist/web/components/drawer/index.js +2 -3
- package/dist/web/components/flow/common/components/container.js +12 -0
- package/dist/web/components/flow/common/components/index.js +2 -0
- package/dist/web/components/flow/common/components/text/index.js +62 -0
- package/dist/web/components/flow/common/constants.js +14 -0
- package/dist/web/components/flow/common/hooks/index.js +2 -0
- package/dist/web/components/flow/common/hooks/useCommonFlowData/flow-get.js +83 -0
- package/dist/web/components/flow/common/hooks/useCommonFlowData/index.js +67 -0
- package/dist/web/components/flow/common/hooks/useCommonFlowData/preview-data.js +45 -0
- package/dist/web/components/flow/common/hooks/useCommonFlowData/request-hub.js +125 -0
- package/dist/web/components/flow/common/hooks/useCommonFlowData/types.js +1 -0
- package/dist/web/components/flow/common/hooks/useElementMediaQuery.js +23 -0
- package/dist/web/components/flow/common/hooks/useFlowConfig.js +44 -0
- package/dist/web/components/flow/common/hooks/useFlowFormLoad.js +64 -0
- package/dist/web/components/flow/common/hooks/useFlowPageType.js +49 -0
- package/dist/web/components/flow/common/index.js +6 -0
- package/dist/web/components/flow/common/request.js +47 -0
- package/dist/web/components/flow/common/types.js +1 -0
- package/dist/web/components/flow/common/utils.js +15 -0
- package/dist/web/components/flow/modules/basic/Basic.js +14 -22
- package/dist/web/components/flow/modules/basic/BasicMobile.js +12 -30
- package/dist/web/components/flow/modules/basic/index.js +19 -11
- package/dist/web/components/flow/modules/basic/status-text.js +37 -0
- package/dist/web/components/flow/modules/basic/utils.js +17 -8
- package/dist/web/components/flow/modules/chart/Chart.js +22 -41
- package/dist/web/components/flow/modules/chart/index.js +49 -5
- package/dist/web/components/flow/modules/chart/preview-data.js +88 -0
- package/dist/web/components/flow/modules/chart/utils.js +111 -0
- package/dist/web/components/flow/modules/combination/index.js +4 -6
- package/dist/web/components/flow/modules/layout/index.css +2 -2
- package/dist/web/components/flow/modules/layout/index.js +11 -15
- package/dist/web/components/flow/modules/operations/components/button/index.js +2 -4
- package/dist/web/components/flow/modules/operations/components/popup/index.js +11 -15
- package/dist/web/components/flow/modules/operations/components/user-select/index.js +4 -5
- package/dist/web/components/flow/modules/operations/config/approval-form-config.js +8 -9
- package/dist/web/components/flow/modules/operations/config/control-config.js +38 -33
- package/dist/web/components/flow/modules/operations/control.js +21 -15
- package/dist/web/components/flow/modules/operations/controls-items/add-assignee-btn.js +8 -8
- package/dist/web/components/flow/modules/operations/controls-items/apply-cc-btn.js +2 -2
- package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/comment/index.js +3 -6
- package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/drawer-form/index.js +25 -32
- package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/field/index.js +2 -6
- package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/index.js +15 -7
- package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/style.css +1 -0
- package/dist/web/components/flow/modules/operations/controls-items/cancel-apply-btn.js +2 -2
- package/dist/web/components/flow/modules/operations/controls-items/check-list-popup/index.js +2 -4
- package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/index.js +20 -0
- package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/view-model.js +119 -0
- package/dist/web/components/flow/modules/operations/controls-items/initiation-btn.js +6 -3
- package/dist/web/components/flow/modules/operations/controls-items/revoke-modal/index.js +13 -22
- package/dist/web/components/flow/modules/operations/controls-items/roll-back-modal.js +18 -26
- package/dist/web/components/flow/modules/operations/view-model.js +95 -70
- package/dist/web/components/flow/process/components/comment-text/index.js +24 -0
- package/dist/web/components/flow/process/components/comment-text/style.css +33 -0
- package/dist/web/components/flow/process/components/descriptions/index.js +19 -0
- package/dist/web/components/flow/process/components/descriptions/style.css +31 -0
- package/dist/web/components/flow/process/components/index.js +4 -0
- package/dist/web/components/flow/process/components/timeline/index.js +13 -0
- package/dist/web/components/flow/process/components/timeline/style.css +75 -0
- package/dist/web/components/flow/process/constants.js +46 -0
- package/dist/web/components/flow/process/index.js +2 -0
- package/dist/web/components/flow/process/process.js +113 -0
- package/dist/web/components/flow/process/style.css +17 -0
- package/dist/web/components/flow/process/types.js +1 -0
- package/dist/web/components/flow/process/view-model.js +135 -0
- package/dist/web/components/flow-graph/constants.js +28 -0
- package/dist/web/components/flow-graph/graph.js +267 -0
- package/dist/web/components/flow-graph/index.js +2 -0
- package/dist/web/components/flow-graph/style.css +109 -0
- package/dist/web/components/flow-graph/types.js +1 -0
- package/dist/web/components/form/checkbox/index.js +18 -19
- package/dist/web/components/form/enumSelect/MultipleSelect.js +4 -5
- package/dist/web/components/form/enumSelect/NormalSelect.js +4 -5
- package/dist/web/components/form/enumSelect/SelectContainer.js +2 -2
- package/dist/web/components/form/form/index.js +8 -14
- package/dist/web/components/form/formcell/index.js +12 -18
- package/dist/web/components/form/input/index.js +17 -16
- package/dist/web/components/form/location/common/mapChoose.js +37 -69
- package/dist/web/components/form/location/common/mapView.js +2 -1
- package/dist/web/components/form/location/common/selectModal.js +3 -7
- package/dist/web/components/form/location/components/LocationH5/location.h5.js +22 -34
- package/dist/web/components/form/location/components/LocationPC/Header.js +6 -15
- package/dist/web/components/form/location/components/LocationPC/location.PC.js +13 -15
- package/dist/web/components/form/location/index.js +5 -7
- package/dist/web/components/form/radio/index.js +8 -12
- package/dist/web/components/form/renderDecorator.js +3 -2
- package/dist/web/components/form/select/allTimePicker/calendar.js +27 -28
- package/dist/web/components/form/select/allTimePicker/index.js +66 -91
- package/dist/web/components/form/select/dropdown-select/h5.js +30 -53
- package/dist/web/components/form/select/dropdown-select/index.css +4 -0
- package/dist/web/components/form/select/dropdown-select/index.js +7 -3
- package/dist/web/components/form/select/dropdown-select/pc.js +27 -29
- package/dist/web/components/form/select/dropdown-select/ui.js +4 -8
- package/dist/web/components/form/select/h5.js +8 -6
- package/dist/web/components/form/select/index.js +19 -20
- package/dist/web/components/form/select/region/index.js +2 -2
- package/dist/web/components/form/select/request.js +10 -10
- package/dist/web/components/form/select/status/allEmpty.js +2 -2
- package/dist/web/components/form/select/status/empty.js +3 -2
- package/dist/web/components/form/select/status/loading.js +3 -4
- package/dist/web/components/form/select/status/retry.js +3 -4
- package/dist/web/components/form/select/year.js +16 -31
- package/dist/web/components/form/switch/index.js +11 -15
- package/dist/web/components/form/textarea/index.js +5 -10
- package/dist/web/components/form/tips/index.js +2 -2
- package/dist/web/components/form/uploader/index.js +5 -4
- package/dist/web/components/form/uploader/uploader.h5.js +29 -54
- package/dist/web/components/form/uploader/uploader.pc.js +18 -44
- package/dist/web/components/form/uploaderFile/index.js +4 -5
- package/dist/web/components/form/uploaderFile/uploadFile.h5.js +58 -104
- package/dist/web/components/form/uploaderFile/uploadFile.pc.js +42 -69
- package/dist/web/components/form/userOrgSelect/common/fetch-data-service.js +44 -62
- package/dist/web/components/form/userOrgSelect/common/utils.js +225 -0
- package/dist/web/components/form/userOrgSelect/component/OrgPaths.js +12 -0
- package/dist/web/components/form/userOrgSelect/component/depart-breadcrumb.js +5 -10
- package/dist/web/components/form/userOrgSelect/component/depart-select/depart-select-pc.js +9 -19
- package/dist/web/components/form/userOrgSelect/component/depart-select/departTreeSelect.h5.js +156 -0
- package/dist/web/components/form/userOrgSelect/component/depart-select/index.js +58 -21
- package/dist/web/components/form/userOrgSelect/component/depart-select/org-modal-pc.js +29 -35
- package/dist/web/components/form/userOrgSelect/component/error-tips.js +4 -4
- package/dist/web/components/form/userOrgSelect/component/index.css +52 -0
- package/dist/web/components/form/userOrgSelect/component/input-tags.js +4 -18
- package/dist/web/components/form/userOrgSelect/component/modal-search-h5.js +11 -19
- package/dist/web/components/form/userOrgSelect/component/modal-search.js +2 -5
- package/dist/web/components/form/userOrgSelect/component/modal-select-h5.js +49 -35
- package/dist/web/components/form/userOrgSelect/component/org-tree-h5.js +7 -13
- package/dist/web/components/form/userOrgSelect/component/org-tree.js +26 -18
- package/dist/web/components/form/userOrgSelect/component/selected-list-h5.js +23 -40
- package/dist/web/components/form/userOrgSelect/component/selected-list.js +8 -5
- package/dist/web/components/form/userOrgSelect/component/user-org-list.js +35 -35
- package/dist/web/components/form/userOrgSelect/component/user-select-h5/index.js +30 -4
- package/dist/web/components/form/userOrgSelect/component/user-select-h5/user-list-h5.js +36 -50
- package/dist/web/components/form/userOrgSelect/component/user-select-h5/user-select-h5.js +9 -11
- package/dist/web/components/form/userOrgSelect/component/user-select-pc/error-tips.js +4 -4
- package/dist/web/components/form/userOrgSelect/component/user-select-pc/model-user-list.js +24 -17
- package/dist/web/components/form/userOrgSelect/component/user-select-pc/org-tree.js +2 -2
- package/dist/web/components/form/userOrgSelect/component/user-select-pc/user-model.js +12 -30
- package/dist/web/components/form/userOrgSelect/component/user-select-pc/user-select-pc.js +8 -8
- package/dist/web/components/form/userOrgSelect/component/userOrgSelect.css +20 -2
- package/dist/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.h5.js +68 -158
- package/dist/web/components/form/userOrgSelect/hooks/use-depart-data.js +4 -2
- package/dist/web/components/form-checkbox/index.js +36 -0
- package/dist/web/components/form-date/index.js +52 -0
- package/dist/web/components/form-depart-tree-select/index.js +22 -0
- package/dist/web/components/form-email/index.js +31 -0
- package/dist/web/components/form-image-uploader/index.js +50 -0
- package/dist/web/components/form-input/index.js +25 -0
- package/dist/web/components/form-input-hooks/index.js +284 -0
- package/dist/web/components/form-input-hooks/validator.js +124 -0
- package/dist/web/components/form-location/index.js +24 -0
- package/dist/web/components/form-multi-region/index.js +22 -0
- package/dist/web/components/form-phone/index.js +32 -0
- package/dist/web/components/form-radio/index.js +38 -0
- package/dist/web/components/form-region/index.js +24 -0
- package/dist/web/components/form-rich-text/index.js +22 -0
- package/dist/web/components/form-select/index.js +21 -0
- package/dist/web/components/form-switch/index.js +22 -0
- package/dist/web/components/form-text-area/index.js +22 -0
- package/dist/web/components/form-time/index.js +22 -0
- package/dist/web/components/form-upload-file/index.js +47 -0
- package/dist/web/components/form-url/index.js +31 -0
- package/dist/web/components/form-user-tree-select/index.js +24 -0
- package/dist/web/components/formdetail/index.css +213 -3
- package/dist/web/components/formdetail/index.js +156 -30
- package/dist/web/components/graphicCard/index.js +13 -25
- package/dist/web/components/grid/col.js +3 -2
- package/dist/web/components/grid/grid.js +4 -3
- package/dist/web/components/grid/row.js +3 -2
- package/dist/web/components/image/image.js +52 -57
- package/dist/web/components/image/index.js +2 -2
- package/dist/web/components/index.js +46 -3
- package/dist/web/components/link/index.js +3 -5
- package/dist/web/components/listView/index.js +29 -49
- package/dist/web/components/lottery/index.js +123 -143
- package/dist/web/components/modal/h5.css +3 -0
- package/dist/web/components/modal/index.js +3 -2
- package/dist/web/components/modal/modal.h5.js +8 -14
- package/dist/web/components/modal/modal.pc.js +5 -7
- package/dist/web/components/navLayout/index.js +13 -20
- package/dist/web/components/navigationBar/common.js +12 -14
- package/dist/web/components/navigationBar/h5Menu.js +18 -37
- package/dist/web/components/navigationBar/horizontalMenu.js +33 -50
- package/dist/web/components/navigationBar/index.css +2 -1
- package/dist/web/components/navigationBar/index.js +5 -10
- package/dist/web/components/navigationBar/verticalMenu.js +11 -13
- package/dist/web/components/pageLayout/PageContent/index.js +7 -14
- package/dist/web/components/pageLayout/index.css +10 -0
- package/dist/web/components/pageLayout/index.js +7 -12
- package/dist/web/components/phone/index.js +2 -4
- package/dist/web/components/phoneCode/index.js +2 -4
- package/dist/web/components/picker/datePicker.js +2 -2
- package/dist/web/components/picker/picker.js +2 -2
- package/dist/web/components/picker/timePicker.js +2 -2
- package/dist/web/components/qrcode/index.js +3 -0
- package/dist/web/components/qrcode/qr-code.js +26 -0
- package/dist/web/components/repeater/index.js +2 -2
- package/dist/web/components/repeater-item/index.js +2 -2
- package/dist/web/components/richText/index.js +74 -93
- package/dist/web/components/richTextView/index.js +3 -3
- package/dist/web/components/scrollView/index.js +4 -3
- package/dist/web/components/share/index.js +2 -4
- package/dist/web/components/slot/index.js +2 -2
- package/dist/web/components/statusContent/index.css +39 -0
- package/dist/web/components/statusContent/index.js +9 -0
- package/dist/web/components/swiper/index.js +44 -48
- package/dist/web/components/table/BaseTable.js +142 -190
- package/dist/web/components/table/ExportFileModalByApi/index.js +29 -60
- package/dist/web/components/table/FieldRender.js +47 -51
- package/dist/web/components/table/FilterFields.js +45 -71
- package/dist/web/components/table/Form/Enum.js +4 -4
- package/dist/web/components/table/Form/Location.js +9 -9
- package/dist/web/components/table/ImportFileModal/index.css +261 -0
- package/dist/web/components/table/ImportFileModal/index.js +47 -107
- package/dist/web/components/table/ImportFileModal/validate.js +9 -9
- package/dist/web/components/table/ImportFileModalByApi/index.css +35 -3
- package/dist/web/components/table/ImportFileModalByApi/index.js +96 -113
- package/dist/web/components/table/ImportFileModalByApi/uploadCSVFile.js +23 -47
- package/dist/web/components/table/InOrOutRecordModeal.js +26 -47
- package/dist/web/components/table/QuoteModal.js +3 -5
- package/dist/web/components/table/SelectableBlock/index.js +23 -27
- package/dist/web/components/table/UserDepartment/ViewCell.js +3 -3
- package/dist/web/components/table/UserDepartment/utils.js +4 -4
- package/dist/web/components/table/baseTable.css +0 -10
- package/dist/web/components/table/index.js +3 -5
- package/dist/web/components/tabs/index.js +5 -6
- package/dist/web/components/tabs/tabs.h5.js +12 -14
- package/dist/web/components/tabs/tabs.pc.js +15 -14
- package/dist/web/components/text/index.js +3 -2
- package/dist/web/components/uploaderFileView/index.js +4 -3
- package/dist/web/components/uploaderView/index.js +12 -16
- package/dist/web/components/userInfo/index.js +2 -4
- package/dist/web/components/wd-bubble/wd-bubble.js +10 -11
- package/dist/web/components/wd-button/wd-button.js +24 -8
- package/dist/web/components/wd-config-provider/wd-config-provider.js +3 -2
- package/dist/web/components/wd-divider/wd-divider.js +3 -2
- package/dist/web/components/wd-form/hooks/use-auth-value.js +43 -0
- package/dist/web/components/wd-form/hooks/use-remote-value.js +79 -0
- package/dist/web/components/wd-form/index.js +382 -0
- package/dist/web/components/wd-icon/wd-icon.js +3 -2
- package/dist/web/components/wd-image/image.js +98 -96
- package/dist/web/components/wd-image/index.js +4 -3
- package/dist/web/components/wd-link/wd-link.js +4 -8
- package/dist/web/components/wd-table/components/ExportFileModalByApi/ExportFileModalByApi.js +7 -0
- package/dist/web/components/wd-table/components/ExportFileModalByApi/index.css +9 -0
- package/dist/web/components/wd-table/components/ExportFileModalByApi/index.js +74 -0
- package/dist/web/components/wd-table/components/FieldRender/Form/Enum.js +56 -0
- package/dist/web/components/wd-table/components/FieldRender/Form/Location.css +11 -0
- package/dist/web/components/wd-table/components/FieldRender/Form/Location.js +127 -0
- package/dist/web/components/wd-table/components/FieldRender/ImagePreview.js +8 -0
- package/dist/web/components/wd-table/components/FieldRender/QuoteModal.js +17 -0
- package/dist/web/components/wd-table/components/FieldRender/UserDepartment/ViewCell.js +11 -0
- package/dist/web/components/wd-table/components/FieldRender/UserDepartment/utils.js +82 -0
- package/dist/web/components/wd-table/components/FieldRender/UserDepartment/viewCell.css +11 -0
- package/dist/web/components/wd-table/components/FieldRender/index.js +702 -0
- package/dist/web/components/wd-table/components/FilterFieldsPanel/Fields.js +82 -0
- package/dist/web/components/wd-table/components/FilterFieldsPanel/FilterFieldItem.js +86 -0
- package/dist/web/components/wd-table/components/FilterFieldsPanel/InputAdornment.js +9 -0
- package/dist/web/components/wd-table/components/FilterFieldsPanel/SelectSearch.js +44 -0
- package/dist/web/components/wd-table/components/FilterFieldsPanel/filterFieldsGenerate.js +113 -0
- package/dist/web/components/wd-table/components/FilterFieldsPanel/index.js +169 -0
- package/dist/web/components/wd-table/components/ImportFileModalByApi/index.js +44 -0
- package/dist/web/components/wd-table/components/InOrOutRecordModal.js +14 -0
- package/dist/web/components/wd-table/components/Pagination/index.js +11 -0
- package/dist/web/components/wd-table/components/SearchBox/index.js +45 -0
- package/dist/web/components/wd-table/components/Table/index.js +172 -0
- package/dist/web/components/wd-table/components/Table/util.js +63 -0
- package/dist/web/components/wd-table/components/ToolBar/index.js +34 -0
- package/dist/web/components/wd-table/components/deleteModal.js +40 -0
- package/dist/web/components/wd-table/components/index.js +10 -0
- package/dist/web/components/wd-table/hooks/useAuthFields.js +13 -0
- package/dist/web/components/wd-table/hooks/useChooseList.js +70 -0
- package/dist/web/components/wd-table/hooks/useDataSource.js +5 -0
- package/dist/web/components/wd-table/hooks/useQueryParams.js +41 -0
- package/dist/web/components/wd-table/hooks/useTableData.js +42 -0
- package/dist/web/components/wd-table/hooks/useViewFields.js +20 -0
- package/dist/web/components/wd-table/mock/index.js +202 -0
- package/dist/web/components/wd-table/utils/index.js +326 -0
- package/dist/web/components/wd-table/wd-table.js +459 -21
- package/dist/web/components/wd-text/wd-text.js +15 -14
- package/dist/web/components/web-view/index.css +5 -0
- package/dist/web/components/web-view/index.js +3 -0
- package/dist/web/components/web-view/web-view.js +61 -0
- package/dist/web/components/wedaVideo/index.js +2 -5
- package/dist/web/utils/constant.js +1 -0
- package/dist/web/utils/datasource.js +3 -1
- package/dist/web/utils/getModelParams.js +32 -0
- package/dist/web/utils/hooks/CreatePortal.js +3 -2
- package/dist/web/utils/hooks/EnumHoc.js +3 -2
- package/dist/web/utils/hooks/globalConnect.js +2 -3
- package/dist/web/utils/hooks/use-cloud-id-temp-url.js +6 -6
- package/dist/web/utils/hooks/useDataSource.js +22 -0
- package/dist/web/utils/loading-fallback.js +2 -2
- package/dist/web/utils/platform.js +21 -0
- package/dist/web/utils/tcb.js +0 -13
- package/dist/web/utils/tool.js +14 -0
- package/dist/web/utils/widget-api/index.js +39 -7
- package/package.json +32 -25
- package/dist/web/components/emptyContent/index.css +0 -26
- package/dist/web/components/flow/components/FlowModuleText/index.css +0 -4
- package/dist/web/components/flow/modules/process/index.css +0 -194
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/** 流程正文文本 */
|
|
3
|
+
export function FlowContentText(props) {
|
|
4
|
+
const { className, children, wedaPlatformProps } = props;
|
|
5
|
+
const moduleTextProps = getModuleTextProps(wedaPlatformProps || {});
|
|
6
|
+
const styleFromWeda = getModuleContentStyle(moduleTextProps);
|
|
7
|
+
const style = omitStyleProperties(styleFromWeda, props.omitProperties || []);
|
|
8
|
+
return (_jsx("span", { className: className, style: style, children: children }));
|
|
9
|
+
}
|
|
10
|
+
/** 流程标题文本 */
|
|
11
|
+
export function FlowTitleText(props) {
|
|
12
|
+
const { className, wedaPlatformProps } = props;
|
|
13
|
+
const { moduleTitleVisible, moduleTitle, ...restModuleTextProps } = getModuleTextProps(wedaPlatformProps || {});
|
|
14
|
+
const styleFromWeda = getModuleTitleStyle(restModuleTextProps);
|
|
15
|
+
const style = omitStyleProperties(styleFromWeda, props.omitProperties || []);
|
|
16
|
+
if (moduleTitleVisible) {
|
|
17
|
+
return (_jsx("div", { className: `weda-flow-module-title ${className}`, style: style, children: moduleTitle }));
|
|
18
|
+
}
|
|
19
|
+
return null;
|
|
20
|
+
}
|
|
21
|
+
function getModuleTextProps(props) {
|
|
22
|
+
const moduleProps = {};
|
|
23
|
+
Object.entries(props).forEach(([key, value]) => {
|
|
24
|
+
if (key.startsWith('module')) {
|
|
25
|
+
moduleProps[key] = value;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
return moduleProps;
|
|
29
|
+
}
|
|
30
|
+
export function getModuleContentStyle(props) {
|
|
31
|
+
const style = {
|
|
32
|
+
color: props.moduleContentColor,
|
|
33
|
+
fontSize: props.moduleContentFontSize,
|
|
34
|
+
fontWeight: props.moduleContentFontWeight,
|
|
35
|
+
lineHeight: getLineHeight(props.moduleContentLineHeight),
|
|
36
|
+
};
|
|
37
|
+
return style;
|
|
38
|
+
}
|
|
39
|
+
export function getModuleTitleStyle(props) {
|
|
40
|
+
const style = {
|
|
41
|
+
color: props.moduleTitleColor,
|
|
42
|
+
fontSize: props.moduleTitleFontSize,
|
|
43
|
+
fontWeight: props.moduleTitleFontWeight,
|
|
44
|
+
lineHeight: getLineHeight(props.moduleTitleLineHeight),
|
|
45
|
+
};
|
|
46
|
+
return style;
|
|
47
|
+
}
|
|
48
|
+
function getLineHeight(lineHeight) {
|
|
49
|
+
const realLineHeight = +lineHeight;
|
|
50
|
+
if (typeof realLineHeight === 'number') {
|
|
51
|
+
return `${realLineHeight}rem`;
|
|
52
|
+
}
|
|
53
|
+
return lineHeight;
|
|
54
|
+
}
|
|
55
|
+
function omitStyleProperties(style, omitProperties) {
|
|
56
|
+
return Object.keys(style).reduce((result, property) => {
|
|
57
|
+
if (!omitProperties.includes(property)) {
|
|
58
|
+
result[property] = style[property];
|
|
59
|
+
}
|
|
60
|
+
return result;
|
|
61
|
+
}, {});
|
|
62
|
+
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { flowRequest } from '../../request';
|
|
2
|
+
import { describeProcessInstancePreviewData, getApprovalPageDetailPreviewData, } from './preview-data';
|
|
3
|
+
/** 合并获取流程实例请求和审批页面设计器请求 */
|
|
4
|
+
export async function getCommonFlowData(flowTaskId, pageType) {
|
|
5
|
+
const processInstance = await describeProcessInstance(flowTaskId, pageType);
|
|
6
|
+
const approvalPageDetailInfo = await getApprovalPageDetail(processInstance, pageType);
|
|
7
|
+
return {
|
|
8
|
+
processInstance,
|
|
9
|
+
...approvalPageDetailInfo,
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
/** 获取流程实例信息 */
|
|
13
|
+
async function describeProcessInstance(flowTaskId, pageType) {
|
|
14
|
+
try {
|
|
15
|
+
const result = await flowRequest({
|
|
16
|
+
action: 'DescribeProcessInstance',
|
|
17
|
+
data: { flowTaskId, pageType },
|
|
18
|
+
}, { previewData: describeProcessInstancePreviewData });
|
|
19
|
+
return result;
|
|
20
|
+
}
|
|
21
|
+
catch (error) {
|
|
22
|
+
return {};
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
/** 获取审批页面设计器信息 */
|
|
26
|
+
async function getApprovalPageDetail(processInstance, pageType) {
|
|
27
|
+
const defaultValue = {
|
|
28
|
+
approvalPageDetail: {},
|
|
29
|
+
objectMap: {},
|
|
30
|
+
objectListMap: {},
|
|
31
|
+
};
|
|
32
|
+
if (!processInstance.instanceId)
|
|
33
|
+
return defaultValue;
|
|
34
|
+
try {
|
|
35
|
+
const result = await flowRequest({
|
|
36
|
+
action: 'GetApprovalPageDetail',
|
|
37
|
+
data: {
|
|
38
|
+
instanceId: processInstance === null || processInstance === void 0 ? void 0 : processInstance.instanceId,
|
|
39
|
+
flowCode: processInstance === null || processInstance === void 0 ? void 0 : processInstance.flowCode,
|
|
40
|
+
nodeId: processInstance === null || processInstance === void 0 ? void 0 : processInstance.currentNodeId,
|
|
41
|
+
id: processInstance === null || processInstance === void 0 ? void 0 : processInstance.ccId,
|
|
42
|
+
appVersion: processInstance === null || processInstance === void 0 ? void 0 : processInstance.flowVersion,
|
|
43
|
+
isCompleted: processInstance === null || processInstance === void 0 ? void 0 : processInstance.isCompleted,
|
|
44
|
+
pageType,
|
|
45
|
+
taskId: processInstance === null || processInstance === void 0 ? void 0 : processInstance.taskId,
|
|
46
|
+
},
|
|
47
|
+
}, { previewData: getApprovalPageDetailPreviewData });
|
|
48
|
+
const { objectMap, objectListMap } = translateObjectLikeMap(result);
|
|
49
|
+
return {
|
|
50
|
+
approvalPageDetail: result,
|
|
51
|
+
objectMap,
|
|
52
|
+
objectListMap,
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
catch (error) {
|
|
56
|
+
return defaultValue;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
/** 转换类对象列表 */
|
|
60
|
+
function translateObjectLikeMap(approvalPageDetail) {
|
|
61
|
+
var _a, _b;
|
|
62
|
+
const currentObjectMap = ((_a = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.variableInfos) === null || _a === void 0 ? void 0 : _a.objectMap) || [];
|
|
63
|
+
const currentObjectListMap = ((_b = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.variableInfos) === null || _b === void 0 ? void 0 : _b.objectListMap) || [];
|
|
64
|
+
const objectMap = currentObjectMap.reduce((prev, curr) => {
|
|
65
|
+
if (curr.entityCode) {
|
|
66
|
+
prev[curr.entityCode] = {
|
|
67
|
+
...curr === null || curr === void 0 ? void 0 : curr.fieldValueMap,
|
|
68
|
+
_id: curr.recordId,
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
return prev;
|
|
72
|
+
}, {});
|
|
73
|
+
const objectListMap = currentObjectListMap.reduce((prev, curr) => {
|
|
74
|
+
if (curr.entityCode) {
|
|
75
|
+
prev[curr.entityCode] = (curr === null || curr === void 0 ? void 0 : curr.fieldValueMapList) || [];
|
|
76
|
+
}
|
|
77
|
+
return prev;
|
|
78
|
+
}, {});
|
|
79
|
+
return {
|
|
80
|
+
objectMap,
|
|
81
|
+
objectListMap,
|
|
82
|
+
};
|
|
83
|
+
}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { message } from 'tea-component';
|
|
2
|
+
import { useEffect, useRef, useState } from 'react';
|
|
3
|
+
import { getFlowPageQuery } from '../../utils';
|
|
4
|
+
import { PAGE_TYPE } from '../../constants';
|
|
5
|
+
import { FlowCommonRequestInstance } from './request-hub';
|
|
6
|
+
import { getCommonFlowData } from './flow-get';
|
|
7
|
+
/** 流程通用接口请求hook */
|
|
8
|
+
export function useCommonFlowData(params) {
|
|
9
|
+
const { moduleName, success, commonDataLoaded } = params;
|
|
10
|
+
const { flowTaskId, pageType } = getRequestPageQuery();
|
|
11
|
+
const [commonFlowData, setCommonFlowData] = useState({
|
|
12
|
+
approvalPageDetail: {},
|
|
13
|
+
processInstance: {},
|
|
14
|
+
objectMap: {},
|
|
15
|
+
objectListMap: {},
|
|
16
|
+
});
|
|
17
|
+
const [loading, setLoading] = useState(false);
|
|
18
|
+
const flowRequestRef = useRef();
|
|
19
|
+
useEffect(() => {
|
|
20
|
+
flowRequestRef.current = FlowCommonRequestInstance.getFlow();
|
|
21
|
+
flowRequestRef.current.initModule(moduleName);
|
|
22
|
+
flowRequestRef.current.listen(moduleName, listenCommonFlowData);
|
|
23
|
+
flowRequestRef.current.request(moduleName, () => requestCommonFlowData(flowTaskId, pageType), () => setLoading(true));
|
|
24
|
+
return () => {
|
|
25
|
+
var _a;
|
|
26
|
+
(_a = flowRequestRef.current) === null || _a === void 0 ? void 0 : _a.destroyModule(moduleName);
|
|
27
|
+
};
|
|
28
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
|
+
}, []);
|
|
30
|
+
/** 请求流程数据 */
|
|
31
|
+
async function requestCommonFlowData(flowTaskId, pageType) {
|
|
32
|
+
var _a;
|
|
33
|
+
if (!flowTaskId && !pageType) {
|
|
34
|
+
message.error({
|
|
35
|
+
content: '缺少请求参数, 请检查浏览器地址中是否包含flowTaskId与pageType',
|
|
36
|
+
});
|
|
37
|
+
setLoading(false);
|
|
38
|
+
success({});
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
const data = await getCommonFlowData(flowTaskId, pageType);
|
|
42
|
+
(_a = flowRequestRef.current) === null || _a === void 0 ? void 0 : _a.requestSuccess(data);
|
|
43
|
+
success === null || success === void 0 ? void 0 : success(data);
|
|
44
|
+
}
|
|
45
|
+
/** 监听流程数据 */
|
|
46
|
+
function listenCommonFlowData(data) {
|
|
47
|
+
setCommonFlowData(data);
|
|
48
|
+
commonDataLoaded === null || commonDataLoaded === void 0 ? void 0 : commonDataLoaded(data);
|
|
49
|
+
setLoading(false);
|
|
50
|
+
}
|
|
51
|
+
/** 重新请求流程数据 */
|
|
52
|
+
const reloadCommonFlowData = (newPageType) => {
|
|
53
|
+
flowRequestRef.current.reload(moduleName, () => requestCommonFlowData(flowTaskId, newPageType || pageType), () => setLoading(true));
|
|
54
|
+
};
|
|
55
|
+
return { commonFlowData, reloadCommonFlowData, commonFlowLoading: loading };
|
|
56
|
+
}
|
|
57
|
+
/** 获取用于请求的页面参数 */
|
|
58
|
+
function getRequestPageQuery() {
|
|
59
|
+
const { flowTaskId, currentPageType } = getFlowPageQuery();
|
|
60
|
+
return {
|
|
61
|
+
flowTaskId,
|
|
62
|
+
// 后端请求流程实例时,如当前浏览器参数中的PageType是CREATEFLOW,需要换成TODO
|
|
63
|
+
pageType: currentPageType === PAGE_TYPE.CREATEFLOW
|
|
64
|
+
? PAGE_TYPE.TO_DO
|
|
65
|
+
: currentPageType,
|
|
66
|
+
};
|
|
67
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/** 流程实例预览数据 用于组件在微搭编辑器设计态的预览 */
|
|
2
|
+
export const describeProcessInstancePreviewData = {
|
|
3
|
+
InstanceId: 'previewInstanceId',
|
|
4
|
+
Name: '示例流程名称',
|
|
5
|
+
Description: '',
|
|
6
|
+
StartedBy: '示例流程发起人',
|
|
7
|
+
StartUserId: 1111000000000000,
|
|
8
|
+
CurrentApprover: 'previewCurrentApprover',
|
|
9
|
+
CurrentApproverName: '示例当前审批人',
|
|
10
|
+
StartTime: 1677589998000,
|
|
11
|
+
IsCompleted: false,
|
|
12
|
+
StartAppCode: '1',
|
|
13
|
+
StartAppName: '',
|
|
14
|
+
CurrentNodeId: 'testCurrentNodeId',
|
|
15
|
+
CurrentNodeName: '审批节点',
|
|
16
|
+
CurrentNodeType: 17,
|
|
17
|
+
TaskId: 'previewTaskId',
|
|
18
|
+
TaskStatus: 1,
|
|
19
|
+
FlowCode: 'previewFlowCode',
|
|
20
|
+
FlowVersion: '5.0',
|
|
21
|
+
Flag: 0,
|
|
22
|
+
CanApprove: true,
|
|
23
|
+
CanDelete: false,
|
|
24
|
+
TenantZoneId: '',
|
|
25
|
+
OperationName: '[{"branchName":"同意","branchType":1,"edgeId":"approvalNode1675849541405_to_endNode"},{"branchName":"拒绝","branchType":2,"edgeId":""}]',
|
|
26
|
+
UserTaskType: 1,
|
|
27
|
+
UserExtraInfos: [],
|
|
28
|
+
};
|
|
29
|
+
/** 流程设计器预览数据 用于组件在微搭编辑器设计态的预览 */
|
|
30
|
+
export const getApprovalPageDetailPreviewData = {
|
|
31
|
+
PageUrl: 'previewPageUrl',
|
|
32
|
+
AppCode: '1',
|
|
33
|
+
Show: true,
|
|
34
|
+
ShowSubmitApp: false,
|
|
35
|
+
ShowCarbonCopy: true,
|
|
36
|
+
ShowTurnToPerson: true,
|
|
37
|
+
ShowAddAssignee: true,
|
|
38
|
+
ShowRollBack: true,
|
|
39
|
+
OutEntityCodes: [],
|
|
40
|
+
Buttons: {
|
|
41
|
+
'1': '同意',
|
|
42
|
+
'2': '拒绝',
|
|
43
|
+
},
|
|
44
|
+
DataSourceInputParams: [],
|
|
45
|
+
};
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import EventEmitter from 'eventemitter3'; // eslint-disable-line
|
|
2
|
+
const EVENT_NAME = 'flow-send-data';
|
|
3
|
+
/**
|
|
4
|
+
* 流程各个组件的请求控制中心
|
|
5
|
+
* @description
|
|
6
|
+
* - 管理五个流程组件中公用的后端流程数据,只进行一次请求,将请求结果发送到流程中五个组件内部
|
|
7
|
+
*/
|
|
8
|
+
export class FlowCommonRequestInstance {
|
|
9
|
+
constructor() {
|
|
10
|
+
/** 请求状态 */
|
|
11
|
+
Object.defineProperty(this, "requestState", {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
configurable: true,
|
|
14
|
+
writable: true,
|
|
15
|
+
value: 'init'
|
|
16
|
+
});
|
|
17
|
+
/** 数据接收状态 */
|
|
18
|
+
Object.defineProperty(this, "receivedState", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
configurable: true,
|
|
21
|
+
writable: true,
|
|
22
|
+
value: {}
|
|
23
|
+
});
|
|
24
|
+
/** 模块卸载状态 */
|
|
25
|
+
Object.defineProperty(this, "moduleMountState", {
|
|
26
|
+
enumerable: true,
|
|
27
|
+
configurable: true,
|
|
28
|
+
writable: true,
|
|
29
|
+
value: {}
|
|
30
|
+
});
|
|
31
|
+
/** 消息通知实体 */
|
|
32
|
+
Object.defineProperty(this, "messageHub", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
configurable: true,
|
|
35
|
+
writable: true,
|
|
36
|
+
value: new EventEmitter()
|
|
37
|
+
});
|
|
38
|
+
/** 公用数据缓存 */
|
|
39
|
+
Object.defineProperty(this, "cacheData", {
|
|
40
|
+
enumerable: true,
|
|
41
|
+
configurable: true,
|
|
42
|
+
writable: true,
|
|
43
|
+
value: void 0
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
static getFlow() {
|
|
47
|
+
if (!FlowCommonRequestInstance.flow) {
|
|
48
|
+
FlowCommonRequestInstance.flow = new FlowCommonRequestInstance();
|
|
49
|
+
}
|
|
50
|
+
return FlowCommonRequestInstance.flow;
|
|
51
|
+
}
|
|
52
|
+
/** 初始化模块信息,为模块卸载状态注册初始化标记 */
|
|
53
|
+
initModule(moduleName) {
|
|
54
|
+
this.moduleMountState[moduleName] = true;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* 模块销毁
|
|
58
|
+
* @description 模块对应的UI组件卸载之后,需要标记到`moduleMountState`中,当所有模块对应组件都被卸载,则将此实例属性重置
|
|
59
|
+
*/
|
|
60
|
+
destroyModule(moduleName) {
|
|
61
|
+
this.moduleMountState[moduleName] = false;
|
|
62
|
+
this.receivedState[moduleName] = false;
|
|
63
|
+
const allUnmount = Object.values(this.moduleMountState).every((state) => !state);
|
|
64
|
+
if (allUnmount) {
|
|
65
|
+
this.requestState = 'init';
|
|
66
|
+
this.moduleMountState = {};
|
|
67
|
+
this.receivedState = {};
|
|
68
|
+
}
|
|
69
|
+
this.messageHub.removeAllListeners();
|
|
70
|
+
}
|
|
71
|
+
/**
|
|
72
|
+
* 流程请求控制
|
|
73
|
+
* @description
|
|
74
|
+
* - 当请求状态是loading,执行return 避免重复请求
|
|
75
|
+
* - 当请求状态是loaded,发送已请求的缓存数据
|
|
76
|
+
*/
|
|
77
|
+
request(moduleName, callback, loadingCallback) {
|
|
78
|
+
if (this.requestState === 'loaded') {
|
|
79
|
+
if (!this.receivedState[moduleName]) {
|
|
80
|
+
this.send(this.cacheData);
|
|
81
|
+
return;
|
|
82
|
+
}
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
if (this.requestState === 'loading') {
|
|
86
|
+
loadingCallback === null || loadingCallback === void 0 ? void 0 : loadingCallback();
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
this.requestState = 'loading';
|
|
90
|
+
callback === null || callback === void 0 ? void 0 : callback();
|
|
91
|
+
}
|
|
92
|
+
/**
|
|
93
|
+
* 重新请求数据
|
|
94
|
+
*/
|
|
95
|
+
reload(moduleName, callback, loadingCallback) {
|
|
96
|
+
this.requestState = 'reload';
|
|
97
|
+
this.receivedState = {};
|
|
98
|
+
this.request(moduleName, callback, loadingCallback);
|
|
99
|
+
}
|
|
100
|
+
/**
|
|
101
|
+
* 数据请求成功后的回调
|
|
102
|
+
*/
|
|
103
|
+
requestSuccess(data) {
|
|
104
|
+
this.cacheData = data;
|
|
105
|
+
this.send(data);
|
|
106
|
+
this.requestState = 'loaded';
|
|
107
|
+
}
|
|
108
|
+
/**
|
|
109
|
+
* 向各个模块发送数据
|
|
110
|
+
*/
|
|
111
|
+
send(data) {
|
|
112
|
+
this.messageHub.emit(EVENT_NAME, data);
|
|
113
|
+
}
|
|
114
|
+
/**
|
|
115
|
+
* 模块接收数据
|
|
116
|
+
*/
|
|
117
|
+
listen(moduleName, callback) {
|
|
118
|
+
this.messageHub.on(EVENT_NAME, (data) => {
|
|
119
|
+
if (!this.receivedState[moduleName]) {
|
|
120
|
+
callback === null || callback === void 0 ? void 0 : callback(data);
|
|
121
|
+
this.receivedState[moduleName] = true;
|
|
122
|
+
}
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
import { usePlatform } from '../../../../utils/platform';
|
|
3
|
+
/**
|
|
4
|
+
* 元素媒体查询
|
|
5
|
+
* @description 这里包含屏幕宽度的判断 以及元素本身大小的监听
|
|
6
|
+
* 流程组件可以拖动到不同布局容器中,届有可能屏幕虽然是宽屏,但所占宽度很小,故针对此情况进行判断 从而进行不同样式的展示
|
|
7
|
+
*/
|
|
8
|
+
export function useElementMediaQuery(element, maxWidth = 768) {
|
|
9
|
+
const [isNarrowElement, setIsNarrowElement] = useState(false);
|
|
10
|
+
const platform = usePlatform();
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
if (element) {
|
|
13
|
+
const resizeObserver = new ResizeObserver((entries) => {
|
|
14
|
+
var _a, _b;
|
|
15
|
+
const width = (_b = (_a = entries === null || entries === void 0 ? void 0 : entries[0]) === null || _a === void 0 ? void 0 : _a.contentRect) === null || _b === void 0 ? void 0 : _b.width;
|
|
16
|
+
setIsNarrowElement(width < maxWidth);
|
|
17
|
+
});
|
|
18
|
+
resizeObserver.observe(element);
|
|
19
|
+
}
|
|
20
|
+
}, [element, maxWidth]);
|
|
21
|
+
const isH5 = platform === 'h5' || isNarrowElement;
|
|
22
|
+
return isH5;
|
|
23
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { useRef } from 'react';
|
|
2
|
+
import { useElementMediaQuery } from './useElementMediaQuery';
|
|
3
|
+
import { useCommonFlowData, } from './useCommonFlowData';
|
|
4
|
+
import { useFlowFormLoad } from './useFlowFormLoad';
|
|
5
|
+
import { useFlowPageType } from './useFlowPageType';
|
|
6
|
+
/** 流程配置hook */
|
|
7
|
+
export function useFlowConfig(params) {
|
|
8
|
+
var _a, _b;
|
|
9
|
+
const elementRef = useRef();
|
|
10
|
+
/** 处理页面类型 */
|
|
11
|
+
const { currentPageType, updatePageType } = useFlowPageType();
|
|
12
|
+
/** 处理公用流程数据请求 */
|
|
13
|
+
const { commonFlowData, reloadCommonFlowData, commonFlowLoading } = useCommonFlowData({
|
|
14
|
+
moduleName: params.moduleName,
|
|
15
|
+
success: (data) => {
|
|
16
|
+
loadFlowFormData(data, currentPageType);
|
|
17
|
+
},
|
|
18
|
+
commonDataLoaded: params.commonDataLoaded,
|
|
19
|
+
});
|
|
20
|
+
/** 处理元素媒体查询 */
|
|
21
|
+
const isH5 = useElementMediaQuery(elementRef.current);
|
|
22
|
+
/** 处理表单数据加载 */
|
|
23
|
+
const { loadFlowFormData, updateFlowFormType } = useFlowFormLoad((_b = (_a = params.wedaPlatformProps) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.flowLoad, updatePageType);
|
|
24
|
+
return {
|
|
25
|
+
/** 组件容器实例 */
|
|
26
|
+
elementRef,
|
|
27
|
+
/** 是否是h5 */
|
|
28
|
+
isH5,
|
|
29
|
+
/** 当前页面类型 */
|
|
30
|
+
currentPageType,
|
|
31
|
+
/** 审批页面设计器详情 */
|
|
32
|
+
approvalPageDetail: commonFlowData.approvalPageDetail,
|
|
33
|
+
/** 审批实例详情 */
|
|
34
|
+
processInstance: commonFlowData.processInstance,
|
|
35
|
+
/** 审批请求加载状态 */
|
|
36
|
+
commonFlowLoading,
|
|
37
|
+
/** 重新加载审批公用数据 */
|
|
38
|
+
reloadCommonFlowData,
|
|
39
|
+
/** 更新地址栏页面类型 */
|
|
40
|
+
updatePageType,
|
|
41
|
+
/** 更新流程表单读写类型 */
|
|
42
|
+
updateFlowFormType,
|
|
43
|
+
};
|
|
44
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { useRef, useEffect } from 'react';
|
|
2
|
+
import { isInIde, PAGE_TYPE } from '../../common';
|
|
3
|
+
/** 处理流程表单加载逻辑 */
|
|
4
|
+
export function useFlowFormLoad(flowLoad, updatePageType) {
|
|
5
|
+
const formLoadDataRef = useRef({});
|
|
6
|
+
const timeRef = useRef(null);
|
|
7
|
+
useEffect(() => () => {
|
|
8
|
+
clearTimeout(timeRef.current);
|
|
9
|
+
}, []);
|
|
10
|
+
/** 获取表单类型 */
|
|
11
|
+
const getFormType = (currentPageType) => {
|
|
12
|
+
const couldWriteForm = [
|
|
13
|
+
PAGE_TYPE.DRAFT,
|
|
14
|
+
PAGE_TYPE.TO_DO,
|
|
15
|
+
PAGE_TYPE.CREATEFLOW,
|
|
16
|
+
];
|
|
17
|
+
return couldWriteForm.includes(currentPageType) || isInIde()
|
|
18
|
+
? 'create'
|
|
19
|
+
: 'read';
|
|
20
|
+
};
|
|
21
|
+
/** 获取表单数据 */
|
|
22
|
+
const getFlowData = (data) => ({
|
|
23
|
+
initialValues: data.objectMap,
|
|
24
|
+
objectListValues: data.objectListMap,
|
|
25
|
+
});
|
|
26
|
+
/**
|
|
27
|
+
* 加载表单数据 - 仅在请求数据成功后调用
|
|
28
|
+
* @description
|
|
29
|
+
* 回调中会通过后端数据检查任务状态,如果任务状态(taskStatus)大于1(说明当前审批任务已不是待办状态),且当前的浏览器参数页面类型是TODO
|
|
30
|
+
* 则将当前页面的浏览器参数更新
|
|
31
|
+
*/
|
|
32
|
+
const loadFlowFormData = (data, currentPageType) => {
|
|
33
|
+
const flowLoadData = {
|
|
34
|
+
...getFlowData(data),
|
|
35
|
+
formType: getFormType(currentPageType),
|
|
36
|
+
};
|
|
37
|
+
formLoadDataRef.current = getFlowData(data);
|
|
38
|
+
if (currentPageType === PAGE_TYPE.TO_DO &&
|
|
39
|
+
data.processInstance.taskStatus > 1) {
|
|
40
|
+
// 将url参数中的pageType更新成Done
|
|
41
|
+
updatePageType(PAGE_TYPE.DONE);
|
|
42
|
+
// 设置表单状态为只读
|
|
43
|
+
flowLoadData.formType = 'read';
|
|
44
|
+
}
|
|
45
|
+
flowLoad === null || flowLoad === void 0 ? void 0 : flowLoad(flowLoadData);
|
|
46
|
+
// eslint-disable-next-line rulesdir/no-timer
|
|
47
|
+
timeRef.current = setTimeout(() => {
|
|
48
|
+
// 对于表单中的对象列表中的数据,需要延时加载
|
|
49
|
+
flowLoad === null || flowLoad === void 0 ? void 0 : flowLoad(flowLoadData);
|
|
50
|
+
timeRef.current = null;
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
/** 更新表单类型 */
|
|
54
|
+
const updateFlowFormType = (type) => {
|
|
55
|
+
flowLoad === null || flowLoad === void 0 ? void 0 : flowLoad({
|
|
56
|
+
...formLoadDataRef.current,
|
|
57
|
+
formType: type,
|
|
58
|
+
});
|
|
59
|
+
};
|
|
60
|
+
return {
|
|
61
|
+
loadFlowFormData,
|
|
62
|
+
updateFlowFormType,
|
|
63
|
+
};
|
|
64
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
// eslint-disable-next-line rulesdir/no-phantom-deps
|
|
3
|
+
import EventEmitter from 'eventemitter3';
|
|
4
|
+
import { parse, stringify } from 'querystring';
|
|
5
|
+
import { getFlowPageQuery } from '../utils';
|
|
6
|
+
/** 处理流程PageType的更新 */
|
|
7
|
+
export function useFlowPageType() {
|
|
8
|
+
const { currentPageType: defaultPageType } = getFlowPageQuery();
|
|
9
|
+
const [currentPageType, setCurrentPageType] = useState(defaultPageType);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
FlowPageTypeHub.listen((pageType) => setCurrentPageType(pageType));
|
|
12
|
+
return () => {
|
|
13
|
+
FlowPageTypeHub.remove();
|
|
14
|
+
};
|
|
15
|
+
}, []);
|
|
16
|
+
/** 更新浏览器参数中的PageType */
|
|
17
|
+
function updatePageType(pageType) {
|
|
18
|
+
if (!pageType)
|
|
19
|
+
return;
|
|
20
|
+
const { hash, origin, pathname } = location;
|
|
21
|
+
const currentHash = hash.split('?')[0];
|
|
22
|
+
const currentSearch = parse(hash.split('?')[1]);
|
|
23
|
+
const newSearch = stringify({ ...currentSearch, pageType });
|
|
24
|
+
const newHash = `${currentHash}?${newSearch}`;
|
|
25
|
+
const newUrl = `${origin}${pathname}${newHash}`;
|
|
26
|
+
history.pushState('', '', newUrl);
|
|
27
|
+
FlowPageTypeHub.send(pageType);
|
|
28
|
+
}
|
|
29
|
+
return {
|
|
30
|
+
currentPageType,
|
|
31
|
+
updatePageType,
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
const messageHub = new EventEmitter();
|
|
35
|
+
const FlowPageTypeHub = {
|
|
36
|
+
listen(callback) {
|
|
37
|
+
messageHub.on('flow-page-type', (pageType) => {
|
|
38
|
+
callback(pageType);
|
|
39
|
+
});
|
|
40
|
+
},
|
|
41
|
+
send(pageType) {
|
|
42
|
+
messageHub.emit('flow-page-type', pageType);
|
|
43
|
+
},
|
|
44
|
+
remove() {
|
|
45
|
+
if (!messageHub.listenerCount) {
|
|
46
|
+
messageHub.removeAllListeners();
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { callWedaApi } from '../../../utils/tcb';
|
|
2
|
+
import { isInIde } from './utils';
|
|
3
|
+
/**
|
|
4
|
+
* 流程请求
|
|
5
|
+
* @description 基于callWedaApi 封装,主要是处理出入参大小写,以及预览数据
|
|
6
|
+
*/
|
|
7
|
+
export async function flowRequest(params, config) {
|
|
8
|
+
const { previewData, upperCaseData = true, upperCaseIgnoreKeys, lowerCaseResult = true, } = config || {};
|
|
9
|
+
if (isInIde()) {
|
|
10
|
+
return toTransKeyCase(previewData || {}, lowerCaseResult ? 'toLowerCase' : 'toUpperCase');
|
|
11
|
+
}
|
|
12
|
+
const result = await callWedaApi({
|
|
13
|
+
...params,
|
|
14
|
+
data: toTransKeyCase(params.data, upperCaseData ? 'toUpperCase' : 'toLowerCase', upperCaseIgnoreKeys),
|
|
15
|
+
});
|
|
16
|
+
return toTransKeyCase(result, lowerCaseResult ? 'toLowerCase' : 'toUpperCase');
|
|
17
|
+
}
|
|
18
|
+
/** 转换具体参数的首字母大小写 */
|
|
19
|
+
function toTransKeyCase(target, method, ignoreKeyValues) {
|
|
20
|
+
const result = {};
|
|
21
|
+
if (isArray(target)) {
|
|
22
|
+
return target === null || target === void 0 ? void 0 : target.map((item) => toTransKeyCase(item, method));
|
|
23
|
+
}
|
|
24
|
+
if (isObject(target)) {
|
|
25
|
+
return Object.keys(target).reduce((acc, key) => {
|
|
26
|
+
const finalKey = transKey(key, method);
|
|
27
|
+
acc[finalKey] = (ignoreKeyValues === null || ignoreKeyValues === void 0 ? void 0 : ignoreKeyValues.includes(key))
|
|
28
|
+
? target[key]
|
|
29
|
+
: toTransKeyCase(target[key], method);
|
|
30
|
+
return acc;
|
|
31
|
+
}, result);
|
|
32
|
+
}
|
|
33
|
+
return target;
|
|
34
|
+
}
|
|
35
|
+
/** 转换字符串首字母大小写 */
|
|
36
|
+
function transKey(str, method) {
|
|
37
|
+
const firstChar = method === 'toLowerCase'
|
|
38
|
+
? str.charAt(0).toLowerCase()
|
|
39
|
+
: str.charAt(0).toUpperCase();
|
|
40
|
+
return `${firstChar}${str.slice(1)}`;
|
|
41
|
+
}
|
|
42
|
+
function isArray(value) {
|
|
43
|
+
return Array.isArray(value);
|
|
44
|
+
}
|
|
45
|
+
function isObject(value) {
|
|
46
|
+
return Object.prototype.toString.call(value) === '[object Object]';
|
|
47
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { isInIde } from '../../../utils/platform';
|
|
2
|
+
import { safeJsonParse } from '../../../utils/tool';
|
|
3
|
+
import classNames from '../../../utils/classnames';
|
|
4
|
+
import { getPageQuery } from '../../../utils/getPageQuery';
|
|
5
|
+
import { PAGE_TYPE } from './constants';
|
|
6
|
+
/** 获取当前流程页面参数 */
|
|
7
|
+
function getFlowPageQuery() {
|
|
8
|
+
const { flowTaskId, pageType: queryPageType } = getPageQuery();
|
|
9
|
+
const currentPageType = isInIde() ? PAGE_TYPE.TO_DO : queryPageType;
|
|
10
|
+
return {
|
|
11
|
+
flowTaskId: flowTaskId,
|
|
12
|
+
currentPageType: currentPageType,
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export { isInIde, safeJsonParse, classNames, getFlowPageQuery };
|