amis 1.4.0 → 1.4.2-beta.12
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 +1 -1
- package/lib/Schema.d.ts +26 -2
- package/lib/Schema.js.map +1 -1
- package/lib/components/Alert.js +3 -1
- package/lib/components/Alert.js.map +2 -2
- package/lib/components/AnchorNav.d.ts +22 -21
- package/lib/components/AnchorNav.js +7 -3
- package/lib/components/AnchorNav.js.map +2 -2
- package/lib/components/ArrayInput.d.ts +84 -84
- package/lib/components/AssociatedSelection.d.ts +930 -0
- package/lib/components/AssociatedSelection.js +89 -0
- package/lib/components/AssociatedSelection.js.map +13 -0
- package/lib/components/Badge.d.ts +4 -3
- package/lib/components/Badge.js +42 -7
- package/lib/components/Badge.js.map +2 -2
- package/lib/components/Button.d.ts +24 -22
- package/lib/components/Button.js +13 -7
- package/lib/components/Button.js.map +2 -2
- package/lib/components/{ChainedCheckboxes.d.ts → ChainedSelection.d.ts} +267 -98
- package/lib/components/{ChainedCheckboxes.js → ChainedSelection.js} +30 -24
- package/lib/components/ChainedSelection.js.map +13 -0
- package/lib/components/Collapse.js +1 -1
- package/lib/components/Collapse.js.map +2 -2
- package/lib/components/ColorPicker.d.ts +84 -84
- package/lib/components/DatePicker.d.ts +84 -84
- package/lib/components/DatePicker.js +1 -1
- package/lib/components/DatePicker.js.map +2 -2
- package/lib/components/DateRangePicker.d.ts +84 -84
- package/lib/components/DateRangePicker.js +1 -1
- package/lib/components/DateRangePicker.js.map +2 -2
- package/lib/components/Editor.d.ts +84 -84
- package/lib/components/GroupedSelection.d.ts +907 -0
- package/lib/components/GroupedSelection.js +48 -0
- package/lib/components/GroupedSelection.js.map +13 -0
- package/lib/components/InputBox.js +1 -1
- package/lib/components/InputBox.js.map +2 -2
- package/lib/components/Link.d.ts +84 -0
- package/lib/components/Link.js +43 -0
- package/lib/components/Link.js.map +13 -0
- package/lib/components/ListGroup.d.ts +21 -21
- package/lib/components/ModalManager.js +1 -1
- package/lib/components/ModalManager.js.map +2 -2
- package/lib/components/MonthRangePicker.d.ts +84 -84
- package/lib/components/MonthRangePicker.js +1 -1
- package/lib/components/MonthRangePicker.js.map +2 -2
- package/lib/components/NumberInput.d.ts +20 -20
- package/lib/components/PickerColumn.d.ts +514 -0
- package/lib/components/PickerColumn.js +279 -0
- package/lib/components/PickerColumn.js.map +13 -0
- package/lib/components/PickerContainer.d.ts +513 -0
- package/lib/components/PickerContainer.js +96 -0
- package/lib/components/PickerContainer.js.map +13 -0
- package/lib/components/Radios.d.ts +22 -21
- package/lib/components/Radios.js +1 -0
- package/lib/components/Radios.js.map +2 -2
- package/lib/components/Rating.d.ts +21 -21
- package/lib/components/ResultBox.d.ts +84 -84
- package/lib/components/RichText.d.ts +6 -1
- package/lib/components/RichText.js +207 -8
- package/lib/components/RichText.js.map +2 -2
- package/lib/components/SearchBox.d.ts +84 -84
- package/lib/components/SearchBox.js +4 -4
- package/lib/components/SearchBox.js.map +2 -2
- package/lib/components/Select.d.ts +245 -237
- package/lib/components/Select.js +28 -4
- package/lib/components/Select.js.map +2 -2
- package/lib/components/{Checkboxes.d.ts → Selection.d.ts} +273 -98
- package/lib/components/Selection.js +134 -0
- package/lib/components/Selection.js.map +13 -0
- package/lib/components/SparkLine.d.ts +85 -84
- package/lib/components/SparkLine.js +2 -2
- package/lib/components/SparkLine.js.map +2 -2
- package/lib/components/{TableCheckboxes.d.ts → TableSelection.d.ts} +266 -96
- package/lib/components/{TableCheckboxes.js → TableSelection.js} +30 -30
- package/lib/components/TableSelection.js.map +13 -0
- package/lib/components/Tabs.d.ts +20 -20
- package/lib/components/TabsTransfer.d.ts +84 -84
- package/lib/components/TabsTransfer.js +9 -9
- package/lib/components/TabsTransfer.js.map +2 -2
- package/lib/components/TabsTransferPicker.d.ts +489 -0
- package/lib/components/TabsTransferPicker.js +60 -0
- package/lib/components/TabsTransferPicker.js.map +13 -0
- package/lib/components/Toast.js +2 -2
- package/lib/components/Toast.js.map +2 -2
- package/lib/components/Transfer.d.ts +908 -274
- package/lib/components/Transfer.js +31 -24
- package/lib/components/Transfer.js.map +2 -2
- package/lib/components/TransferDropDown.d.ts +487 -0
- package/lib/components/TransferDropDown.js +59 -0
- package/lib/components/TransferDropDown.js.map +13 -0
- package/lib/components/TransferPicker.d.ts +489 -0
- package/lib/components/TransferPicker.js +60 -0
- package/lib/components/TransferPicker.js.map +13 -0
- package/lib/components/Tree.d.ts +84 -84
- package/lib/components/Tree.js +5 -3
- package/lib/components/Tree.js.map +2 -2
- package/lib/components/{TreeCheckboxes.d.ts → TreeSelection.d.ts} +269 -99
- package/lib/components/{TreeCheckboxes.js → TreeSelection.js} +36 -32
- package/lib/components/TreeSelection.js.map +13 -0
- package/lib/components/WithRemoteConfig.js +1 -1
- package/lib/components/WithRemoteConfig.js.map +2 -2
- package/lib/components/calendar/DaysView.js +2 -2
- package/lib/components/calendar/DaysView.js.map +2 -2
- package/lib/components/condition-builder/Field.js +5 -2
- package/lib/components/condition-builder/Field.js.map +2 -2
- package/lib/components/condition-builder/Func.js +2 -2
- package/lib/components/condition-builder/Func.js.map +2 -2
- package/lib/components/condition-builder/InputSwitch.js +2 -2
- package/lib/components/condition-builder/InputSwitch.js.map +2 -2
- package/lib/components/condition-builder/Item.js +3 -3
- package/lib/components/condition-builder/Item.js.map +2 -2
- package/lib/components/icons.js +14 -0
- package/lib/components/icons.js.map +2 -2
- package/lib/components/index.d.ts +8 -8
- package/lib/components/index.js +16 -16
- package/lib/components/index.js.map +2 -2
- package/lib/envOverwrite.js.map +2 -2
- package/lib/factory.d.ts +4 -0
- package/lib/factory.js +4 -2
- package/lib/factory.js.map +2 -2
- package/lib/helper.css.map +1 -1
- package/lib/hooks/index.d.ts +5 -0
- package/lib/hooks/index.js +14 -0
- package/lib/hooks/index.js.map +13 -0
- package/lib/hooks/use-set-state.d.ts +2 -0
- package/lib/hooks/use-set-state.js +15 -0
- package/lib/hooks/use-set-state.js.map +13 -0
- package/lib/hooks/use-touch.d.ts +16 -0
- package/lib/hooks/use-touch.js +73 -0
- package/lib/hooks/use-touch.js.map +13 -0
- package/lib/hooks/use-update-effect.d.ts +3 -0
- package/lib/hooks/use-update-effect.js +17 -0
- package/lib/hooks/use-update-effect.js.map +13 -0
- package/lib/icons/clock.js +10 -0
- package/lib/icons/loading-outline.js +7 -0
- package/lib/icons/status-close.js +11 -0
- package/lib/icons/status-fail.js +11 -0
- package/lib/icons/status-info.js +10 -0
- package/lib/icons/status-success.js +11 -0
- package/lib/icons/status-warning.js +10 -0
- package/lib/index.d.ts +3 -0
- package/lib/index.js +4 -1
- package/lib/index.js.map +2 -2
- package/lib/locale/de-DE.js +4 -0
- package/lib/locale/de-DE.js.map +2 -2
- package/lib/locale/en-US.js +4 -0
- package/lib/locale/en-US.js.map +2 -2
- package/lib/locale/zh-CN.js +7 -3
- package/lib/locale/zh-CN.js.map +2 -2
- package/lib/renderers/Action.d.ts +17 -1
- package/lib/renderers/Action.js +21 -8
- package/lib/renderers/Action.js.map +2 -2
- package/lib/renderers/AnchorNav.d.ts +1 -0
- package/lib/renderers/AnchorNav.js +2 -2
- package/lib/renderers/AnchorNav.js.map +2 -2
- package/lib/renderers/Avatar.js +3 -3
- package/lib/renderers/Avatar.js.map +2 -2
- package/lib/renderers/Breadcrumb.js +1 -1
- package/lib/renderers/Breadcrumb.js.map +2 -2
- package/lib/renderers/CRUD.d.ts +9 -0
- package/lib/renderers/CRUD.js +43 -8
- package/lib/renderers/CRUD.js.map +2 -2
- package/lib/renderers/Card.d.ts +4 -0
- package/lib/renderers/Card.js +29 -23
- package/lib/renderers/Card.js.map +2 -2
- package/lib/renderers/Chart.js +1 -1
- package/lib/renderers/Chart.js.map +2 -2
- package/lib/renderers/Collapse.js +3 -2
- package/lib/renderers/Collapse.js.map +2 -2
- package/lib/renderers/Dialog.js +0 -3
- package/lib/renderers/Dialog.js.map +2 -2
- package/lib/renderers/Drawer.js +0 -3
- package/lib/renderers/Drawer.js.map +2 -2
- package/lib/renderers/DropDownButton.d.ts +9 -1
- package/lib/renderers/DropDownButton.js +8 -4
- package/lib/renderers/DropDownButton.js.map +2 -2
- package/lib/renderers/Form/Checkbox.d.ts +5 -0
- package/lib/renderers/Form/Checkbox.js +4 -0
- package/lib/renderers/Form/Checkbox.js.map +2 -2
- package/lib/renderers/Form/Combo.js +2 -2
- package/lib/renderers/Form/Combo.js.map +2 -2
- package/lib/renderers/Form/DiffEditor.d.ts +4 -3
- package/lib/renderers/Form/Editor.d.ts +3 -2
- package/lib/renderers/Form/InputCity.d.ts +84 -84
- package/lib/renderers/Form/InputCity.js +7 -6
- package/lib/renderers/Form/InputCity.js.map +2 -2
- package/lib/renderers/Form/InputColor.d.ts +84 -84
- package/lib/renderers/Form/InputFile.js +12 -6
- package/lib/renderers/Form/InputFile.js.map +2 -2
- package/lib/renderers/Form/InputImage.js +16 -7
- package/lib/renderers/Form/InputImage.js.map +2 -2
- package/lib/renderers/Form/Item.d.ts +1 -1
- package/lib/renderers/Form/Item.js.map +1 -1
- package/lib/renderers/Form/Options.js +19 -6
- package/lib/renderers/Form/Options.js.map +2 -2
- package/lib/renderers/Form/Picker.js +2 -2
- package/lib/renderers/Form/Picker.js.map +2 -2
- package/lib/renderers/Form/Select.d.ts +41 -4
- package/lib/renderers/Form/Select.js +37 -3
- package/lib/renderers/Form/Select.js.map +2 -2
- package/lib/renderers/Form/TabsTransferPicker.d.ts +48 -0
- package/lib/renderers/Form/TabsTransferPicker.js +29 -0
- package/lib/renderers/Form/TabsTransferPicker.js.map +13 -0
- package/lib/renderers/Form/Transfer.js +18 -3
- package/lib/renderers/Form/Transfer.js.map +2 -2
- package/lib/renderers/Form/TransferPicker.d.ts +48 -0
- package/lib/renderers/Form/TransferPicker.js +43 -0
- package/lib/renderers/Form/TransferPicker.js.map +13 -0
- package/lib/renderers/Form/TreeSelect.js +2 -2
- package/lib/renderers/Form/TreeSelect.js.map +2 -2
- package/lib/renderers/Form/index.d.ts +5 -0
- package/lib/renderers/Form/index.js +5 -3
- package/lib/renderers/Form/index.js.map +2 -2
- package/lib/renderers/Form/wrapControl.js +15 -3
- package/lib/renderers/Form/wrapControl.js.map +2 -2
- package/lib/renderers/IFrame.js +3 -5
- package/lib/renderers/IFrame.js.map +2 -2
- package/lib/renderers/Image.d.ts +1 -0
- package/lib/renderers/Image.js +15 -1
- package/lib/renderers/Image.js.map +2 -2
- package/lib/renderers/Json.d.ts +4 -0
- package/lib/renderers/Json.js +4 -13
- package/lib/renderers/Json.js.map +2 -2
- package/lib/renderers/Link.d.ts +18 -3
- package/lib/renderers/Link.js +27 -15
- package/lib/renderers/Link.js.map +2 -2
- package/lib/renderers/List.js +1 -1
- package/lib/renderers/List.js.map +2 -2
- package/lib/renderers/Log.d.ts +2 -2
- package/lib/renderers/Log.js +7 -1
- package/lib/renderers/Log.js.map +2 -2
- package/lib/renderers/Mapping.d.ts +9 -2
- package/lib/renderers/Mapping.js +18 -6
- package/lib/renderers/Mapping.js.map +2 -2
- package/lib/renderers/Nav.d.ts +81 -25
- package/lib/renderers/Nav.js +292 -31
- package/lib/renderers/Nav.js.map +2 -2
- package/lib/renderers/Page.js +1 -1
- package/lib/renderers/Page.js.map +2 -2
- package/lib/renderers/Portlet.d.ts +125 -0
- package/lib/renderers/Portlet.js +156 -0
- package/lib/renderers/Portlet.js.map +13 -0
- package/lib/renderers/Property.js +2 -1
- package/lib/renderers/Property.js.map +2 -2
- package/lib/renderers/SearchBox.d.ts +6 -1
- package/lib/renderers/SearchBox.js +19 -5
- package/lib/renderers/SearchBox.js.map +2 -2
- package/lib/renderers/SparkLine.d.ts +4 -0
- package/lib/renderers/SparkLine.js.map +2 -2
- package/lib/renderers/Table/ColumnToggler.d.ts +113 -0
- package/lib/renderers/Table/ColumnToggler.js +216 -0
- package/lib/renderers/Table/ColumnToggler.js.map +13 -0
- package/lib/renderers/Table/ItemActionsWrapper.d.ts +11 -0
- package/lib/renderers/Table/ItemActionsWrapper.js +31 -0
- package/lib/renderers/Table/ItemActionsWrapper.js.map +13 -0
- package/lib/renderers/Table/TableBody.d.ts +4 -0
- package/lib/renderers/Table/TableCell.js +3 -1
- package/lib/renderers/Table/TableCell.js.map +2 -2
- package/lib/renderers/Table/TableContent.d.ts +4 -1
- package/lib/renderers/Table/TableContent.js +21 -1
- package/lib/renderers/Table/TableContent.js.map +2 -2
- package/lib/renderers/Table/index.d.ts +19 -2
- package/lib/renderers/Table/index.js +172 -57
- package/lib/renderers/Table/index.js.map +2 -2
- package/lib/renderers/Tabs.js +9 -1
- package/lib/renderers/Tabs.js.map +2 -2
- package/lib/renderers/WebComponent.js +1 -1
- package/lib/renderers/WebComponent.js.map +2 -2
- package/lib/store/combo.d.ts +2 -16
- package/lib/store/crud.js +3 -7
- package/lib/store/crud.js.map +2 -2
- package/lib/store/form.d.ts +1 -1
- package/lib/store/form.js +5 -6
- package/lib/store/form.js.map +2 -2
- package/lib/store/service.js +5 -4
- package/lib/store/service.js.map +2 -2
- package/lib/store/table.d.ts +260 -3
- package/lib/store/table.js +64 -6
- package/lib/store/table.js.map +2 -2
- package/lib/themes/ang-ie11.css +1175 -255
- package/lib/themes/ang.css +1175 -255
- package/lib/themes/ang.css.map +1 -1
- package/lib/themes/antd-ie11.css +1175 -255
- package/lib/themes/antd.css +1175 -255
- package/lib/themes/antd.css.map +1 -1
- package/lib/themes/cxd-ie11.css +1761 -514
- package/lib/themes/cxd.css +1761 -514
- package/lib/themes/cxd.css.map +1 -1
- package/lib/themes/dark-ie11.css +1175 -255
- package/lib/themes/dark.css +1175 -255
- package/lib/themes/dark.css.map +1 -1
- package/lib/themes/default.css +1761 -514
- package/lib/themes/default.css.map +1 -1
- package/lib/types.d.ts +37 -0
- package/lib/types.js +0 -5
- package/lib/types.js.map +2 -2
- package/lib/utils/api.d.ts +3 -2
- package/lib/utils/api.js +31 -15
- package/lib/utils/api.js.map +2 -2
- package/lib/utils/dom.d.ts +4 -0
- package/lib/utils/dom.js +11 -1
- package/lib/utils/dom.js.map +2 -2
- package/lib/utils/handleAction.d.ts +7 -0
- package/lib/utils/handleAction.js +30 -0
- package/lib/utils/handleAction.js.map +13 -0
- package/lib/utils/helper.d.ts +3 -1
- package/lib/utils/helper.js +14 -5
- package/lib/utils/helper.js.map +2 -2
- package/lib/utils/icon.js +3 -0
- package/lib/utils/icon.js.map +2 -2
- package/lib/utils/tpl-builtin.d.ts +1 -1
- package/lib/utils/tpl-builtin.js +25 -15
- package/lib/utils/tpl-builtin.js.map +2 -2
- package/package.json +1 -2
- package/schema.json +3534 -1028
- package/scss/_mixins.scss +27 -0
- package/scss/_properties.scss +84 -13
- package/scss/_utilities.scss +4 -0
- package/scss/base/_normalize.scss +2 -0
- package/scss/components/_anchor-nav.scss +88 -29
- package/scss/components/_badge.scss +52 -1
- package/scss/components/_button.scss +34 -3
- package/scss/components/_card.scss +8 -14
- package/scss/components/_collapse.scss +41 -8
- package/scss/components/_column-toggler.scss +234 -0
- package/scss/components/_dropdown.scss +2 -1
- package/scss/components/_image-gallery.scss +1 -1
- package/scss/components/_images.scss +2 -1
- package/scss/components/_link.scss +6 -0
- package/scss/components/_mapping.scss +6 -0
- package/scss/components/_nav.scss +236 -154
- package/scss/components/_page.scss +5 -4
- package/scss/components/_picker-columns.scss +123 -0
- package/scss/components/_popover.scss +17 -0
- package/scss/components/_portlet.scss +51 -0
- package/scss/components/_progress.scss +2 -0
- package/scss/components/_status.scss +1 -1
- package/scss/components/_steps.scss +1 -1
- package/scss/components/_table.scss +51 -1
- package/scss/components/form/_checks.scss +0 -351
- package/scss/components/form/_color.scss +1 -0
- package/scss/components/form/_date-range.scss +2 -0
- package/scss/components/form/_date.scss +2 -0
- package/scss/components/form/_fieldset.scss +6 -3
- package/scss/components/form/_file.scss +5 -4
- package/scss/components/form/_form.scss +48 -0
- package/scss/components/form/_image.scss +7 -2
- package/scss/components/form/_list.scss +1 -0
- package/scss/components/form/_location.scss +1 -1
- package/scss/components/form/_selection.scss +354 -0
- package/scss/components/form/_text.scss +13 -0
- package/scss/components/form/_textarea.scss +10 -0
- package/scss/components/form/_transfer.scss +77 -18
- package/scss/themes/_common.scss +6 -0
- package/scss/themes/_cxd-colors.scss +56 -0
- package/scss/themes/_cxd-variables.scss +219 -91
- package/scss/themes/cxd.scss +370 -0
- package/sdk/ang-ie11.css +1596 -515
- package/sdk/ang.css +1395 -256
- package/sdk/antd-ie11.css +1397 -318
- package/sdk/antd.css +1395 -256
- package/sdk/charts.js +13 -13
- package/sdk/color-picker.js +65 -65
- package/sdk/cropperjs.js +2 -2
- package/sdk/cxd-ie11.css +2739 -1361
- package/sdk/cxd.css +2095 -588
- package/sdk/dark-ie11.css +1593 -512
- package/sdk/dark.css +1395 -256
- package/sdk/exceljs.js +1 -1
- package/sdk/helper.css.map +1 -1
- package/sdk/iconfont.svg +2513 -0
- package/sdk/iconfont.ttf +0 -0
- package/sdk/iconfont.woff +0 -0
- package/sdk/ie11-patch.css +1 -0
- package/sdk/locale/de-DE.js +4 -0
- package/sdk/markdown.js +69 -69
- package/sdk/papaparse.js +1 -1
- package/sdk/renderers/Form/CityDB.js +1 -1
- package/sdk/rest.js +18 -32
- package/sdk/rich-text.js +62 -64
- package/sdk/sdk-ie11.css +2739 -1361
- package/sdk/sdk.css +2095 -588
- package/sdk/sdk.js +1189 -1133
- package/sdk/thirds/hls.js/hls.js +1 -1
- package/sdk/thirds/mpegts.js/mpegts.js +1 -1
- package/sdk/tinymce.js +57 -57
- package/src/Schema.ts +32 -0
- package/src/components/Alert.tsx +3 -1
- package/src/components/AnchorNav.tsx +15 -4
- package/src/components/{AssociatedCheckboxes.tsx → AssociatedSelection.tsx} +41 -37
- package/src/components/Badge.tsx +96 -28
- package/src/components/Button.tsx +23 -7
- package/src/components/{ChainedCheckboxes.tsx → ChainedSelection.tsx} +57 -40
- package/src/components/Collapse.tsx +14 -9
- package/src/components/DatePicker.tsx +1 -1
- package/src/components/DateRangePicker.tsx +23 -11
- package/src/components/{ListCheckboxes.tsx → GroupedSelection.tsx} +26 -21
- package/src/components/InputBox.tsx +1 -1
- package/src/components/Link.tsx +85 -0
- package/src/components/ModalManager.ts +1 -1
- package/src/components/MonthRangePicker.tsx +10 -2
- package/src/components/PickerColumn.tsx +429 -0
- package/src/components/PickerContainer.tsx +128 -0
- package/src/components/Radios.tsx +3 -8
- package/src/components/RichText.tsx +244 -3
- package/src/components/SearchBox.tsx +4 -5
- package/src/components/Select.tsx +60 -5
- package/src/components/{Checkboxes.tsx → Selection.tsx} +75 -21
- package/src/components/SparkLine.tsx +4 -1
- package/src/components/{TableCheckboxes.tsx → TableSelection.tsx} +46 -25
- package/src/components/TabsTransfer.tsx +13 -7
- package/src/components/TabsTransferPicker.tsx +85 -0
- package/src/components/Toast.tsx +5 -5
- package/src/components/Transfer.tsx +71 -50
- package/src/components/TransferDropDown.tsx +117 -0
- package/src/components/TransferPicker.tsx +84 -0
- package/src/components/Tree.tsx +6 -8
- package/src/components/{TreeCheckboxes.tsx → TreeSelection.tsx} +33 -26
- package/src/components/WithRemoteConfig.tsx +7 -2
- package/src/components/calendar/DaysView.tsx +2 -2
- package/src/components/condition-builder/Field.tsx +5 -5
- package/src/components/condition-builder/Func.tsx +3 -3
- package/src/components/condition-builder/InputSwitch.tsx +3 -3
- package/src/components/condition-builder/Item.tsx +5 -12
- package/src/components/icons.tsx +15 -0
- package/src/components/index.tsx +13 -13
- package/src/envOverwrite.ts +0 -1
- package/src/factory.tsx +18 -3
- package/src/hooks/index.ts +5 -0
- package/src/hooks/use-set-state.ts +19 -0
- package/src/hooks/use-touch.ts +100 -0
- package/src/hooks/use-update-effect.ts +16 -0
- package/src/icons/clock.svg +1 -0
- package/src/icons/loading-outline.svg +4 -0
- package/src/icons/status-close.svg +10 -0
- package/src/icons/status-fail.svg +10 -0
- package/src/icons/status-info.svg +8 -0
- package/src/icons/status-success.svg +10 -0
- package/src/icons/status-warning.svg +8 -0
- package/src/index.tsx +3 -0
- package/src/locale/de-DE.ts +4 -0
- package/src/locale/en-US.ts +4 -0
- package/src/locale/zh-CN.ts +7 -3
- package/src/renderers/Action.tsx +99 -15
- package/src/renderers/AnchorNav.tsx +4 -0
- package/src/renderers/Avatar.tsx +8 -4
- package/src/renderers/Breadcrumb.tsx +5 -1
- package/src/renderers/CRUD.tsx +63 -28
- package/src/renderers/Card.tsx +63 -34
- package/src/renderers/Chart.tsx +6 -2
- package/src/renderers/Collapse.tsx +4 -2
- package/src/renderers/Dialog.tsx +0 -4
- package/src/renderers/Drawer.tsx +0 -4
- package/src/renderers/DropDownButton.tsx +26 -12
- package/src/renderers/Form/Checkbox.tsx +8 -0
- package/src/renderers/Form/Combo.tsx +2 -3
- package/src/renderers/Form/InputCity.tsx +4 -8
- package/src/renderers/Form/InputFile.tsx +30 -20
- package/src/renderers/Form/InputImage.tsx +16 -5
- package/src/renderers/Form/Item.tsx +1 -1
- package/src/renderers/Form/Options.tsx +32 -7
- package/src/renderers/Form/Picker.tsx +3 -2
- package/src/renderers/Form/Select.tsx +158 -21
- package/src/renderers/Form/TabsTransferPicker.tsx +123 -0
- package/src/renderers/Form/Transfer.tsx +19 -4
- package/src/renderers/Form/TransferPicker.tsx +139 -0
- package/src/renderers/Form/TreeSelect.tsx +25 -0
- package/src/renderers/Form/index.tsx +16 -2
- package/src/renderers/Form/wrapControl.tsx +28 -3
- package/src/renderers/IFrame.tsx +4 -5
- package/src/renderers/Image.tsx +10 -0
- package/src/renderers/Json.tsx +9 -9
- package/src/renderers/Link.tsx +53 -14
- package/src/renderers/List.tsx +1 -1
- package/src/renderers/Log.tsx +16 -3
- package/src/renderers/Mapping.tsx +27 -11
- package/src/renderers/Nav.tsx +392 -60
- package/src/renderers/Page.tsx +1 -1
- package/src/renderers/Portlet.tsx +423 -0
- package/src/renderers/Property.tsx +3 -2
- package/src/renderers/SearchBox.tsx +23 -4
- package/src/renderers/SparkLine.tsx +5 -0
- package/src/renderers/Table/ColumnToggler.tsx +544 -0
- package/src/renderers/Table/ItemActionsWrapper.tsx +44 -0
- package/src/renderers/Table/TableCell.tsx +16 -1
- package/src/renderers/Table/TableContent.tsx +40 -2
- package/src/renderers/Table/index.tsx +257 -80
- package/src/renderers/Tabs.tsx +9 -1
- package/src/renderers/WebComponent.tsx +2 -2
- package/src/store/crud.ts +3 -8
- package/src/store/form.ts +5 -10
- package/src/store/service.ts +5 -4
- package/src/store/table.ts +94 -6
- package/src/types.ts +57 -0
- package/src/utils/api.ts +52 -23
- package/src/utils/dom.tsx +12 -0
- package/src/utils/handleAction.ts +41 -0
- package/src/utils/helper.ts +12 -3
- package/src/utils/icon.tsx +4 -0
- package/src/utils/tpl-builtin.ts +48 -17
- package/dump.rdb +0 -0
- package/lib/components/AssociatedCheckboxes.d.ts +0 -762
- package/lib/components/AssociatedCheckboxes.js +0 -90
- package/lib/components/AssociatedCheckboxes.js.map +0 -13
- package/lib/components/ChainedCheckboxes.js.map +0 -13
- package/lib/components/Checkboxes.js +0 -101
- package/lib/components/Checkboxes.js.map +0 -13
- package/lib/components/ListCheckboxes.d.ts +0 -739
- package/lib/components/ListCheckboxes.js +0 -48
- package/lib/components/ListCheckboxes.js.map +0 -13
- package/lib/components/ListRadios.d.ts +0 -763
- package/lib/components/ListRadios.js +0 -86
- package/lib/components/ListRadios.js.map +0 -13
- package/lib/components/TableCheckboxes.js.map +0 -13
- package/lib/components/TreeCheckboxes.js.map +0 -13
- package/lib/components/TreeRadios.d.ts +0 -838
- package/lib/components/TreeRadios.js +0 -116
- package/lib/components/TreeRadios.js.map +0 -13
- package/src/components/ListRadios.tsx +0 -159
- package/src/components/TreeRadios.tsx +0 -202
@@ -0,0 +1,60 @@
|
|
1
|
+
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
+
exports.TransferPicker = void 0;
|
4
|
+
var tslib_1 = require("tslib");
|
5
|
+
var locale_1 = require("../locale");
|
6
|
+
var theme_1 = require("../theme");
|
7
|
+
var uncontrollable_1 = require("uncontrollable");
|
8
|
+
var react_1 = (0, tslib_1.__importDefault)(require("react"));
|
9
|
+
var ResultBox_1 = (0, tslib_1.__importDefault)(require("./ResultBox"));
|
10
|
+
var icons_1 = require("./icons");
|
11
|
+
var PickerContainer_1 = (0, tslib_1.__importDefault)(require("./PickerContainer"));
|
12
|
+
var helper_1 = require("../utils/helper");
|
13
|
+
var TabsTransfer_1 = (0, tslib_1.__importDefault)(require("./TabsTransfer"));
|
14
|
+
var TransferPicker = /** @class */ (function (_super) {
|
15
|
+
(0, tslib_1.__extends)(TransferPicker, _super);
|
16
|
+
function TransferPicker() {
|
17
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
18
|
+
}
|
19
|
+
TransferPicker.prototype.handleClose = function () {
|
20
|
+
this.setState({
|
21
|
+
inputValue: '',
|
22
|
+
searchResult: null
|
23
|
+
});
|
24
|
+
};
|
25
|
+
TransferPicker.prototype.handleConfirm = function (value) {
|
26
|
+
var _a, _b;
|
27
|
+
(_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
|
28
|
+
this.handleClose();
|
29
|
+
};
|
30
|
+
TransferPicker.prototype.render = function () {
|
31
|
+
var _a = this.props, cx = _a.classnames, value = _a.value, __ = _a.translate, disabled = _a.disabled, className = _a.className, onChange = _a.onChange, size = _a.size, rest = (0, tslib_1.__rest)(_a, ["classnames", "value", "translate", "disabled", "className", "onChange", "size"]);
|
32
|
+
return (react_1.default.createElement(PickerContainer_1.default, { title: __('Select.placeholder'), popOverRender: function (_a) {
|
33
|
+
var onClose = _a.onClose, value = _a.value, onChange = _a.onChange;
|
34
|
+
return react_1.default.createElement(TabsTransfer_1.default, (0, tslib_1.__assign)({}, rest, { value: value, onChange: onChange }));
|
35
|
+
}, value: value, onConfirm: this.handleConfirm, onCancel: this.handleClose, size: size }, function (_a) {
|
36
|
+
var onClick = _a.onClick, isOpened = _a.isOpened;
|
37
|
+
return (react_1.default.createElement(ResultBox_1.default, { className: cx('TransferPicker', className, isOpened ? 'is-active' : ''), allowInput: false, result: value, onResultChange: onChange, onResultClick: onClick, placeholder: __('Select.placeholder'), disabled: disabled },
|
38
|
+
react_1.default.createElement("span", { className: cx('TransferPicker-icon') },
|
39
|
+
react_1.default.createElement(icons_1.Icon, { icon: "pencil", className: "icon" }))));
|
40
|
+
}));
|
41
|
+
};
|
42
|
+
(0, tslib_1.__decorate)([
|
43
|
+
helper_1.autobind,
|
44
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
45
|
+
(0, tslib_1.__metadata)("design:paramtypes", []),
|
46
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
47
|
+
], TransferPicker.prototype, "handleClose", null);
|
48
|
+
(0, tslib_1.__decorate)([
|
49
|
+
helper_1.autobind,
|
50
|
+
(0, tslib_1.__metadata)("design:type", Function),
|
51
|
+
(0, tslib_1.__metadata)("design:paramtypes", [Object]),
|
52
|
+
(0, tslib_1.__metadata)("design:returntype", void 0)
|
53
|
+
], TransferPicker.prototype, "handleConfirm", null);
|
54
|
+
return TransferPicker;
|
55
|
+
}(react_1.default.Component));
|
56
|
+
exports.TransferPicker = TransferPicker;
|
57
|
+
exports.default = (0, theme_1.themeable)((0, locale_1.localeable)((0, uncontrollable_1.uncontrollable)(TransferPicker, {
|
58
|
+
value: 'onChange'
|
59
|
+
})));
|
60
|
+
//# sourceMappingURL=./components/TabsTransferPicker.js.map
|
@@ -0,0 +1,13 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"file": "TabsTransferPicker.js",
|
4
|
+
"sourceRoot": "",
|
5
|
+
"sources": [
|
6
|
+
"/src/components/TabsTransferPicker.tsx"
|
7
|
+
],
|
8
|
+
"names": [],
|
9
|
+
"mappings": ";;;;AAAA,oCAAqC;AACrC,kCAAmC;AACnC,iDAA8C;AAC9C,6DAA0B;AAC1B,uEAAoC;AACpC,iCAA6B;AAC7B,mFAAgD;AAChD,0CAAyC;AACzC,6EAA+D;AAQ/D;IAAoC,+CAAwC;IAA5E;;IA4DA,CAAC;IA1DC,oCAAW,GAAX;QACE,IAAI,CAAC,QAAQ,CAAC;YACZ,UAAU,EAAE,EAAE;YACd,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC;IAGD,sCAAa,GAAb,UAAc,KAAU;;QACtB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAED,+BAAM,GAAN;QACE,IAAM,KASF,IAAI,CAAC,KAAK,EARA,EAAE,gBAAA,EACd,KAAK,WAAA,EACM,EAAE,eAAA,EACb,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,IAAI,2BARH,iFASL,CAAa,CAAC;QAEf,OAAO,CACL,8BAAC,yBAAe,IACd,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAC/B,aAAa,EAAE,UAAC,EAA0B;oBAAzB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;gBACvC,OAAO,8BAAC,sBAAY,4BAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;YACtE,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,aAAa,EAC7B,QAAQ,EAAE,IAAI,CAAC,WAAW,EAC1B,IAAI,EAAE,IAAI,IAET,UAAC,EAAmB;gBAAlB,OAAO,aAAA,EAAE,QAAQ,cAAA;YAAM,OAAA,CACxB,8BAAC,mBAAS,IACR,SAAS,EAAE,EAAE,CACX,gBAAgB,EAChB,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAC5B,EACD,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,KAAK,EACb,cAAc,EAAE,QAAQ,EACxB,aAAa,EAAE,OAAO,EACtB,WAAW,EAAE,EAAE,CAAC,oBAAoB,CAAC,EACrC,QAAQ,EAAE,QAAQ;gBAElB,wCAAM,SAAS,EAAE,EAAE,CAAC,qBAAqB,CAAC;oBACxC,8BAAC,YAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,MAAM,GAAG,CAClC,CACG,CACb;QAlByB,CAkBzB,CACe,CACnB,CAAC;IACJ,CAAC;IAzDD;QADC,iBAAQ;;;;qDAMR;IAGD;QADC,iBAAQ;;;;uDAIR;IA+CH,qBAAC;CAAA,AA5DD,CAAoC,eAAK,CAAC,SAAS,GA4DlD;AA5DY,wCAAc;AA8D3B,kBAAe,IAAA,iBAAS,EACtB,IAAA,mBAAU,EACR,IAAA,+BAAc,EAAC,cAAc,EAAE;IAC7B,KAAK,EAAE,UAAU;CAClB,CAAC,CACH,CACF,CAAC",
|
10
|
+
"sourcesContent": [
|
11
|
+
"import {localeable} from '../locale';\nimport {themeable} from '../theme';\nimport {uncontrollable} from 'uncontrollable';\nimport React from 'react';\nimport ResultBox from './ResultBox';\nimport {Icon} from './icons';\nimport PickerContainer from './PickerContainer';\nimport {autobind} from '../utils/helper';\nimport TabsTransfer, {TabsTransferProps} from './TabsTransfer';\n\nexport interface TabsTransferPickerProps\n extends Omit<TabsTransferProps, 'itemRender'> {\n // 新的属性?\n size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';\n}\n\nexport class TransferPicker extends React.Component<TabsTransferPickerProps> {\n @autobind\n handleClose() {\n this.setState({\n inputValue: '',\n searchResult: null\n });\n }\n\n @autobind\n handleConfirm(value: any) {\n this.props.onChange?.(value);\n this.handleClose();\n }\n\n render() {\n const {\n classnames: cx,\n value,\n translate: __,\n disabled,\n className,\n onChange,\n size,\n ...rest\n } = this.props;\n\n return (\n <PickerContainer\n title={__('Select.placeholder')}\n popOverRender={({onClose, value, onChange}) => {\n return <TabsTransfer {...rest} value={value} onChange={onChange} />;\n }}\n value={value}\n onConfirm={this.handleConfirm}\n onCancel={this.handleClose}\n size={size}\n >\n {({onClick, isOpened}) => (\n <ResultBox\n className={cx(\n 'TransferPicker',\n className,\n isOpened ? 'is-active' : ''\n )}\n allowInput={false}\n result={value}\n onResultChange={onChange}\n onResultClick={onClick}\n placeholder={__('Select.placeholder')}\n disabled={disabled}\n >\n <span className={cx('TransferPicker-icon')}>\n <Icon icon=\"pencil\" className=\"icon\" />\n </span>\n </ResultBox>\n )}\n </PickerContainer>\n );\n }\n}\n\nexport default themeable(\n localeable(\n uncontrollable(TransferPicker, {\n value: 'onChange'\n })\n )\n);\n"
|
12
|
+
]
|
13
|
+
}
|
package/lib/components/Toast.js
CHANGED
@@ -172,10 +172,10 @@ var ToastMessage = /** @class */ (function (_super) {
|
|
172
172
|
var _a = this.props, onDismiss = _a.onDismiss, cx = _a.classnames, closeButton = _a.closeButton, body = _a.body, allowHtml = _a.allowHtml, level = _a.level, showIcon = _a.showIcon, __ = _a.translate;
|
173
173
|
return (react_1.default.createElement(Transition_1.default, { mountOnEnter: true, unmountOnExit: true, in: this.state.visible, timeout: 750, onEntered: this.handleEntered, onExited: onDismiss }, function (status) {
|
174
174
|
return (react_1.default.createElement("div", { className: cx("Toast Toast--" + level, fadeStyles[status]), onMouseEnter: _this.handleMouseEnter, onMouseLeave: _this.handleMouseLeave, onClick: closeButton ? helper_1.noop : _this.close },
|
175
|
-
showIcon === false ? null : (react_1.default.createElement("div", { className: cx('Toast-icon') }, level === 'success' ? (react_1.default.createElement(icons_1.Icon, { icon: "success", className: "icon" })) : level == 'error' ? (react_1.default.createElement(icons_1.Icon, { icon: "fail", className: "icon" })) : level == 'info' ? (react_1.default.createElement(icons_1.Icon, { icon: "info
|
175
|
+
showIcon === false ? null : (react_1.default.createElement("div", { className: cx('Toast-icon') }, level === 'success' ? (react_1.default.createElement(icons_1.Icon, { icon: "status-success", className: "icon" })) : level == 'error' ? (react_1.default.createElement(icons_1.Icon, { icon: "status-fail", className: "icon" })) : level == 'info' ? (react_1.default.createElement(icons_1.Icon, { icon: "status-info", className: "icon" })) : level == 'warning' ? (react_1.default.createElement(icons_1.Icon, { icon: "status-warning", className: "icon" })) : null)),
|
176
176
|
react_1.default.createElement("div", { className: cx('Toast-body') }, allowHtml ? react_1.default.createElement(Html_1.default, { html: body }) : body),
|
177
177
|
closeButton ? (react_1.default.createElement("a", { onClick: _this.close, className: cx("Toast-close") },
|
178
|
-
react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null));
|
178
|
+
react_1.default.createElement(icons_1.Icon, { icon: "status-close", className: "icon" }))) : null));
|
179
179
|
}));
|
180
180
|
};
|
181
181
|
ToastMessage.defaultProps = {
|
@@ -6,8 +6,8 @@
|
|
6
6
|
"/src/components/Toast.tsx"
|
7
7
|
],
|
8
8
|
"names": [],
|
9
|
-
"mappings": "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
|
9
|
+
"mappings": "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",
|
10
10
|
"sourcesContent": [
|
11
|
-
"/**\n * @file Toast\n * @description toast提示组件, 单例模式,App级别只需要一个ToastComponent,引入了多个会兼容,也只有第一个生效\n * @author fex\n */\n\nimport Transition, {\n ENTERED,\n ENTERING,\n EXITING,\n EXITED\n} from 'react-transition-group/Transition';\nimport React from 'react';\nimport cx from 'classnames';\nimport Html from './Html';\nimport {uuid, autobind, noop} from '../utils/helper';\nimport {ClassNamesFn, themeable, classnames, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {LocaleProps, localeable, TranslateFn} from '../locale';\nimport groupBy from 'lodash/groupBy';\n\ninterface Config {\n closeButton?: boolean;\n timeout?: number;\n}\n\nconst fadeStyles: {\n [propName: string]: string;\n} = {\n [ENTERING]: 'in',\n [ENTERED]: 'in',\n [EXITING]: 'out'\n};\n\nlet toastRef: any = null;\nconst show = (content: string, conf: any = {}, method: string) => {\n if (!toastRef || !toastRef[method]) {\n return;\n }\n toastRef[method](content, {...conf});\n};\n\ninterface ToastComponentProps extends ThemeProps, LocaleProps {\n position:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right';\n closeButton: boolean;\n showIcon?: boolean;\n timeout: number;\n className?: string;\n}\n\ninterface Item extends Config {\n body: string;\n level: 'info' | 'success' | 'error' | 'warning';\n id: string;\n onDissmiss?: () => void;\n position?:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right';\n}\n\ninterface ToastComponentState {\n items: Array<Item>;\n}\n\nexport class ToastComponent extends React.Component<\n ToastComponentProps,\n ToastComponentState\n> {\n static defaultProps: Pick<\n ToastComponentProps,\n 'position' | 'closeButton' | 'timeout'\n > = {\n position: 'top-center',\n closeButton: false,\n timeout: 5000\n };\n static themeKey = 'toast';\n\n // 当前ToastComponent是否真正render了\n hasRendered = false;\n state: ToastComponentState = {\n items: []\n };\n\n componentDidMount() {\n this.hasRendered = true;\n toastRef = this;\n }\n\n componentWillUnmount() {\n if (this.hasRendered) {\n toastRef = null;\n }\n }\n\n notifiy(level: string, content: string, config?: any) {\n const items = this.state.items.concat();\n items.push({\n body: content,\n level,\n ...config,\n id: uuid()\n });\n this.setState({\n items\n });\n }\n\n @autobind\n success(content: string, config?: any) {\n this.notifiy('success', content, config);\n }\n\n @autobind\n error(content: string, config?: any) {\n this.notifiy('error', content, config);\n }\n\n @autobind\n info(content: string, config?: any) {\n this.notifiy('info', content, config);\n }\n\n @autobind\n warning(content: string, config?: any) {\n this.notifiy('warning', content, config);\n }\n\n handleDismissed(index: number) {\n const items = this.state.items.concat();\n const [item] = items.splice(index, 1);\n\n item?.onDissmiss?.();\n this.setState({\n items: items\n });\n }\n\n render() {\n if (toastRef && !this.hasRendered) {\n return null;\n }\n\n const {\n classnames: cx,\n className,\n timeout,\n position,\n showIcon,\n translate,\n closeButton\n } = this.props;\n const items = this.state.items;\n\n const groupedItems = groupBy(items, item => item.position || position);\n\n return Object.keys(groupedItems).map(position => {\n const toasts = groupedItems[position];\n\n return (\n <div\n key={position}\n className={cx(\n `Toast-wrap Toast-wrap--${position.replace(/\\-(\\w)/g, (_, l) =>\n l.toUpperCase()\n )}`,\n className\n )}\n >\n {toasts.map(item => (\n <ToastMessage\n classnames={cx}\n key={item.id}\n body={item.body}\n level={item.level || 'info'}\n timeout={item.timeout ?? timeout}\n closeButton={item.closeButton ?? closeButton}\n onDismiss={this.handleDismissed.bind(this, items.indexOf(item))}\n translate={translate}\n showIcon={showIcon}\n />\n ))}\n </div>\n );\n });\n }\n}\n\nexport default themeable(localeable(ToastComponent));\n\ninterface ToastMessageProps {\n body: string;\n level: 'info' | 'success' | 'error' | 'warning';\n timeout: number;\n closeButton?: boolean;\n showIcon?: boolean;\n position:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right';\n onDismiss?: () => void;\n classnames: ClassNamesFn;\n translate: TranslateFn;\n allowHtml: boolean;\n}\n\ninterface ToastMessageState {\n visible: boolean;\n}\n\nexport class ToastMessage extends React.Component<\n ToastMessageProps,\n ToastMessageState\n> {\n static defaultProps = {\n timeout: 5000,\n classPrefix: '',\n position: 'top-center',\n allowHtml: true,\n level: 'info'\n };\n\n state = {\n visible: false\n };\n\n // content: React.RefObject<HTMLDivElement>;\n timer: ReturnType<typeof setTimeout>;\n mounted: boolean = false;\n\n componentDidMount() {\n this.mounted = true;\n this.setState({\n visible: true\n });\n }\n\n componentWillUnmount() {\n clearTimeout(this.timer);\n this.mounted = false;\n }\n\n @autobind\n handleMouseEnter() {\n clearTimeout(this.timer);\n }\n\n @autobind\n handleMouseLeave() {\n this.handleEntered();\n }\n\n @autobind\n handleEntered() {\n const timeout = this.props.timeout;\n if (this.mounted && timeout) {\n this.timer = setTimeout(this.close, timeout);\n }\n }\n\n @autobind\n close() {\n clearTimeout(this.timer);\n this.setState({\n visible: false\n });\n }\n\n render() {\n const {\n onDismiss,\n classnames: cx,\n closeButton,\n body,\n allowHtml,\n level,\n showIcon,\n translate: __\n } = this.props;\n\n return (\n <Transition\n mountOnEnter\n unmountOnExit\n in={this.state.visible}\n timeout={750}\n onEntered={this.handleEntered}\n onExited={onDismiss}\n >\n {(status: string) => {\n return (\n <div\n className={cx(`Toast Toast--${level}`, fadeStyles[status])}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onClick={closeButton ? noop : this.close}\n >\n {showIcon === false ? null : (\n <div className={cx('Toast-icon')}>\n {level === 'success' ? (\n <Icon icon=\"success\" className=\"icon\" />\n ) : level == 'error' ? (\n <Icon icon=\"fail\" className=\"icon\" />\n ) : level == 'info' ? (\n <Icon icon=\"info
|
11
|
+
"/**\n * @file Toast\n * @description toast提示组件, 单例模式,App级别只需要一个ToastComponent,引入了多个会兼容,也只有第一个生效\n * @author fex\n */\n\nimport Transition, {\n ENTERED,\n ENTERING,\n EXITING,\n EXITED\n} from 'react-transition-group/Transition';\nimport React from 'react';\nimport cx from 'classnames';\nimport Html from './Html';\nimport {uuid, autobind, noop} from '../utils/helper';\nimport {ClassNamesFn, themeable, classnames, ThemeProps} from '../theme';\nimport {Icon} from './icons';\nimport {LocaleProps, localeable, TranslateFn} from '../locale';\nimport groupBy from 'lodash/groupBy';\n\ninterface Config {\n closeButton?: boolean;\n timeout?: number;\n}\n\nconst fadeStyles: {\n [propName: string]: string;\n} = {\n [ENTERING]: 'in',\n [ENTERED]: 'in',\n [EXITING]: 'out'\n};\n\nlet toastRef: any = null;\nconst show = (content: string, conf: any = {}, method: string) => {\n if (!toastRef || !toastRef[method]) {\n return;\n }\n toastRef[method](content, {...conf});\n};\n\ninterface ToastComponentProps extends ThemeProps, LocaleProps {\n position:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right';\n closeButton: boolean;\n showIcon?: boolean;\n timeout: number;\n className?: string;\n}\n\ninterface Item extends Config {\n body: string;\n level: 'info' | 'success' | 'error' | 'warning';\n id: string;\n onDissmiss?: () => void;\n position?:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right';\n}\n\ninterface ToastComponentState {\n items: Array<Item>;\n}\n\nexport class ToastComponent extends React.Component<\n ToastComponentProps,\n ToastComponentState\n> {\n static defaultProps: Pick<\n ToastComponentProps,\n 'position' | 'closeButton' | 'timeout'\n > = {\n position: 'top-center',\n closeButton: false,\n timeout: 5000\n };\n static themeKey = 'toast';\n\n // 当前ToastComponent是否真正render了\n hasRendered = false;\n state: ToastComponentState = {\n items: []\n };\n\n componentDidMount() {\n this.hasRendered = true;\n toastRef = this;\n }\n\n componentWillUnmount() {\n if (this.hasRendered) {\n toastRef = null;\n }\n }\n\n notifiy(level: string, content: string, config?: any) {\n const items = this.state.items.concat();\n items.push({\n body: content,\n level,\n ...config,\n id: uuid()\n });\n this.setState({\n items\n });\n }\n\n @autobind\n success(content: string, config?: any) {\n this.notifiy('success', content, config);\n }\n\n @autobind\n error(content: string, config?: any) {\n this.notifiy('error', content, config);\n }\n\n @autobind\n info(content: string, config?: any) {\n this.notifiy('info', content, config);\n }\n\n @autobind\n warning(content: string, config?: any) {\n this.notifiy('warning', content, config);\n }\n\n handleDismissed(index: number) {\n const items = this.state.items.concat();\n const [item] = items.splice(index, 1);\n\n item?.onDissmiss?.();\n this.setState({\n items: items\n });\n }\n\n render() {\n if (toastRef && !this.hasRendered) {\n return null;\n }\n\n const {\n classnames: cx,\n className,\n timeout,\n position,\n showIcon,\n translate,\n closeButton\n } = this.props;\n const items = this.state.items;\n\n const groupedItems = groupBy(items, item => item.position || position);\n\n return Object.keys(groupedItems).map(position => {\n const toasts = groupedItems[position];\n\n return (\n <div\n key={position}\n className={cx(\n `Toast-wrap Toast-wrap--${position.replace(/\\-(\\w)/g, (_, l) =>\n l.toUpperCase()\n )}`,\n className\n )}\n >\n {toasts.map(item => (\n <ToastMessage\n classnames={cx}\n key={item.id}\n body={item.body}\n level={item.level || 'info'}\n timeout={item.timeout ?? timeout}\n closeButton={item.closeButton ?? closeButton}\n onDismiss={this.handleDismissed.bind(this, items.indexOf(item))}\n translate={translate}\n showIcon={showIcon}\n />\n ))}\n </div>\n );\n });\n }\n}\n\nexport default themeable(localeable(ToastComponent));\n\ninterface ToastMessageProps {\n body: string;\n level: 'info' | 'success' | 'error' | 'warning';\n timeout: number;\n closeButton?: boolean;\n showIcon?: boolean;\n position:\n | 'top-right'\n | 'top-center'\n | 'top-left'\n | 'bottom-center'\n | 'bottom-left'\n | 'bottom-right';\n onDismiss?: () => void;\n classnames: ClassNamesFn;\n translate: TranslateFn;\n allowHtml: boolean;\n}\n\ninterface ToastMessageState {\n visible: boolean;\n}\n\nexport class ToastMessage extends React.Component<\n ToastMessageProps,\n ToastMessageState\n> {\n static defaultProps = {\n timeout: 5000,\n classPrefix: '',\n position: 'top-center',\n allowHtml: true,\n level: 'info'\n };\n\n state = {\n visible: false\n };\n\n // content: React.RefObject<HTMLDivElement>;\n timer: ReturnType<typeof setTimeout>;\n mounted: boolean = false;\n\n componentDidMount() {\n this.mounted = true;\n this.setState({\n visible: true\n });\n }\n\n componentWillUnmount() {\n clearTimeout(this.timer);\n this.mounted = false;\n }\n\n @autobind\n handleMouseEnter() {\n clearTimeout(this.timer);\n }\n\n @autobind\n handleMouseLeave() {\n this.handleEntered();\n }\n\n @autobind\n handleEntered() {\n const timeout = this.props.timeout;\n if (this.mounted && timeout) {\n this.timer = setTimeout(this.close, timeout);\n }\n }\n\n @autobind\n close() {\n clearTimeout(this.timer);\n this.setState({\n visible: false\n });\n }\n\n render() {\n const {\n onDismiss,\n classnames: cx,\n closeButton,\n body,\n allowHtml,\n level,\n showIcon,\n translate: __\n } = this.props;\n\n return (\n <Transition\n mountOnEnter\n unmountOnExit\n in={this.state.visible}\n timeout={750}\n onEntered={this.handleEntered}\n onExited={onDismiss}\n >\n {(status: string) => {\n return (\n <div\n className={cx(`Toast Toast--${level}`, fadeStyles[status])}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n onClick={closeButton ? noop : this.close}\n >\n {showIcon === false ? null : (\n <div className={cx('Toast-icon')}>\n {level === 'success' ? (\n <Icon icon=\"status-success\" className=\"icon\" />\n ) : level == 'error' ? (\n <Icon icon=\"status-fail\" className=\"icon\" />\n ) : level == 'info' ? (\n <Icon icon=\"status-info\" className=\"icon\" />\n ) : level == 'warning' ? (\n <Icon icon=\"status-warning\" className=\"icon\" />\n ) : null}\n </div>\n )}\n <div className={cx('Toast-body')}>\n {allowHtml ? <Html html={body} /> : body}\n </div>\n\n {closeButton ? (\n <a onClick={this.close} className={cx(`Toast-close`)}>\n <Icon icon=\"status-close\" className=\"icon\" />\n </a>\n ) : null}\n </div>\n );\n }}\n </Transition>\n );\n }\n}\n\nexport const toast = {\n container: toastRef,\n success: (content: string, conf?: any) => show(content, conf, 'success'),\n error: (content: string, conf?: any) => show(content, conf, 'error'),\n info: (content: string, conf?: any) => show(content, conf, 'info'),\n warning: (content: string, conf?: any) => show(content, conf, 'warning')\n};\n"
|
12
12
|
]
|
13
13
|
}
|