naive-ui 2.18.1 → 2.19.2
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/es/_internal/clear/src/Clear.d.ts +1 -4
- package/es/_internal/clear/src/Clear.js +1 -4
- package/es/_internal/icons/Checkmark.js +3 -2
- package/es/_internal/select-menu/src/SelectMenu.d.ts +173 -0
- package/es/_internal/select-menu/src/SelectMenu.js +9 -6
- package/es/_internal/select-menu/src/SelectOption.js +2 -1
- package/es/_internal/select-menu/src/styles/index.cssr.js +32 -28
- package/es/_internal/select-menu/styles/light.d.ts +2 -0
- package/es/_internal/select-menu/styles/light.js +1 -1
- package/es/_internal/selection/src/Selection.d.ts +64 -56
- package/es/_internal/selection/src/Selection.js +34 -14
- package/es/_internal/selection/src/styles/index.cssr.js +16 -14
- package/es/_internal/selection/styles/_common.d.ts +1 -8
- package/es/_internal/selection/styles/_common.js +2 -9
- package/es/_internal/selection/styles/dark.js +10 -2
- package/es/_internal/selection/styles/light.d.ts +18 -16
- package/es/_internal/selection/styles/light.js +10 -2
- package/es/_mixins/use-rtl.js +1 -1
- package/es/_styles/common/light.js +1 -1
- package/es/_utils/naive/mutable.d.ts +2 -2
- package/es/alert/src/Alert.js +15 -16
- package/es/anchor/src/AnchorAdapter.d.ts +13 -8
- package/es/anchor/src/AnchorAdapter.js +3 -5
- package/es/anchor/src/BaseAnchor.d.ts +14 -1
- package/es/anchor/src/BaseAnchor.js +20 -7
- package/es/anchor/src/Link.js +5 -5
- package/es/anchor/src/styles/index.cssr.js +25 -16
- package/es/auto-complete/index.d.ts +1 -0
- package/es/auto-complete/src/AutoComplete.d.ts +10 -0
- package/es/auto-complete/src/interface.d.ts +1 -1
- package/es/auto-complete/styles/light.d.ts +1 -0
- package/es/badge/src/styles/index.cssr.js +1 -0
- package/es/card/src/Card.d.ts +17 -1
- package/es/card/src/Card.js +3 -2
- package/es/card/styles/dark.js +6 -1
- package/es/card/styles/light.d.ts +1 -0
- package/es/card/styles/light.js +2 -2
- package/es/cascader/src/Cascader.d.ts +100 -80
- package/es/cascader/src/Cascader.js +28 -19
- package/es/cascader/src/CascaderMenu.js +17 -15
- package/es/cascader/src/CascaderOption.d.ts +10 -8
- package/es/cascader/src/CascaderSelectMenu.d.ts +10 -8
- package/es/cascader/src/CascaderSubmenu.d.ts +10 -8
- package/es/cascader/src/interface.d.ts +2 -2
- package/es/cascader/src/styles/index.cssr.js +6 -1
- package/es/cascader/styles/light.d.ts +10 -8
- package/es/checkbox/src/Checkbox.d.ts +1 -0
- package/es/checkbox/src/Checkbox.js +5 -3
- package/es/checkbox/src/CheckboxGroup.js +1 -1
- package/es/composables/use-theme-vars.js +5 -5
- package/es/config-provider/src/internal-interface.d.ts +2 -0
- package/es/data-table/src/DataTable.d.ts +110 -88
- package/es/data-table/src/HeaderButton/FilterButton.d.ts +20 -16
- package/es/data-table/src/HeaderButton/FilterMenu.d.ts +20 -16
- package/es/data-table/src/TableParts/Body.d.ts +20 -16
- package/es/data-table/src/TableParts/Cell.d.ts +40 -32
- package/es/data-table/src/TableParts/Header.d.ts +20 -16
- package/es/data-table/styles/light.d.ts +10 -8
- package/es/date-picker/src/DatePicker.d.ts +8 -3
- package/es/date-picker/src/DatePicker.js +2 -2
- package/es/date-picker/src/panel/date.d.ts +3 -3
- package/es/date-picker/src/panel/date.js +10 -1
- package/es/date-picker/src/panel/daterange.js +10 -1
- package/es/date-picker/src/panel/datetimerange.js +10 -1
- package/es/descriptions/src/Descriptions.d.ts +4 -17
- package/es/descriptions/src/Descriptions.js +2 -8
- package/es/dialog/src/DialogProvider.d.ts +20 -20
- package/es/drawer/src/styles/index.cssr.js +2 -0
- package/es/dropdown/src/Dropdown.d.ts +9 -23
- package/es/dynamic-tags/src/DynamicTags.js +2 -1
- package/es/empty/src/Empty.d.ts +6 -1
- package/es/empty/src/Empty.js +16 -4
- package/es/form/src/FormItemGridItem.d.ts +1 -1
- package/es/form/src/FormItemGridItem.js +2 -2
- package/es/global-style/src/GlobalStyle.js +13 -3
- package/es/grid/src/GridItem.d.ts +2 -2
- package/es/grid/src/GridItem.js +1 -1
- package/es/input-number/src/InputNumber.d.ts +8 -3
- package/es/input-number/src/InputNumber.js +4 -4
- package/es/jest-setup.js +3 -1
- package/es/layout/src/Layout.d.ts +18 -4
- package/es/layout/src/LayoutContent.d.ts +9 -2
- package/es/layout/src/LayoutFooter.d.ts +9 -0
- package/es/layout/src/LayoutHeader.d.ts +6 -0
- package/es/layout/src/LayoutSider.d.ts +11 -0
- package/es/layout/src/LayoutSider.js +4 -2
- package/es/layout/src/ToggleButton.js +7 -3
- package/es/layout/src/styles/layout-sider.cssr.js +31 -15
- package/es/layout/styles/dark.js +3 -2
- package/es/layout/styles/light.d.ts +2 -0
- package/es/layout/styles/light.js +3 -2
- package/es/locales/common/enUS.js +1 -1
- package/es/locales/common/ruRU.js +1 -1
- package/es/locales/common/ukUA.d.ts +3 -0
- package/es/locales/common/ukUA.js +92 -0
- package/es/locales/common/zhCN.js +1 -1
- package/es/locales/date/ukUA.d.ts +3 -0
- package/es/locales/date/ukUA.js +6 -0
- package/es/locales/index.d.ts +2 -0
- package/es/locales/index.js +2 -0
- package/es/mention/src/Mention.d.ts +10 -0
- package/es/mention/styles/light.d.ts +1 -0
- package/es/menu/src/Menu.d.ts +6 -1
- package/es/menu/src/Menu.js +10 -1
- package/es/menu/src/MenuOption.d.ts +3 -1
- package/es/menu/src/MenuOptionContent.d.ts +3 -1
- package/es/menu/src/Submenu.d.ts +3 -1
- package/es/modal/src/BodyWrapper.d.ts +5 -0
- package/es/modal/src/Modal.d.ts +36 -55
- package/es/modal/src/Modal.js +18 -39
- package/es/modal/src/presetProps.d.ts +2 -1
- package/es/modal/styles/light.d.ts +1 -0
- package/es/notification/src/Notification.d.ts +1 -1
- package/es/notification/src/NotificationEnvironment.d.ts +1 -1
- package/es/notification/src/NotificationProvider.d.ts +16 -16
- package/es/page-header/src/PageHeader.d.ts +1 -0
- package/es/page-header/src/PageHeader.js +8 -2
- package/es/page-header/src/styles/rtl.cssr.d.ts +2 -0
- package/es/page-header/src/styles/rtl.cssr.js +19 -0
- package/es/page-header/styles/index.d.ts +1 -0
- package/es/page-header/styles/index.js +1 -0
- package/es/page-header/styles/rtl.d.ts +5 -0
- package/es/page-header/styles/rtl.js +5 -0
- package/es/pagination/src/Pagination.d.ts +111 -100
- package/es/pagination/styles/light.d.ts +10 -8
- package/es/popconfirm/src/Popconfirm.d.ts +8 -22
- package/es/popover/src/Popover.d.ts +12 -32
- package/es/popover/src/Popover.js +25 -18
- package/es/popover/src/PopoverBody.d.ts +2 -2
- package/es/popover/src/PopoverBody.js +4 -2
- package/es/popselect/src/Popselect.d.ts +18 -22
- package/es/popselect/src/PopselectPanel.d.ts +1 -0
- package/es/popselect/src/PopselectPanel.js +38 -19
- package/es/popselect/styles/light.d.ts +1 -0
- package/es/select/src/Select.d.ts +111 -83
- package/es/select/src/Select.js +55 -56
- package/es/select/src/interface.d.ts +2 -2
- package/es/select/styles/light.d.ts +10 -8
- package/es/spin/src/Spin.d.ts +34 -25
- package/es/spin/src/Spin.js +27 -20
- package/es/spin/src/styles/index.cssr.js +23 -9
- package/es/spin/styles/light.d.ts +2 -0
- package/es/spin/styles/light.js +3 -1
- package/es/styles.d.ts +1 -0
- package/es/styles.js +1 -0
- package/es/tabs/src/Tab.d.ts +1 -1
- package/es/tabs/src/Tab.js +4 -6
- package/es/tabs/src/Tabs.d.ts +133 -42
- package/es/tabs/src/Tabs.js +37 -38
- package/es/tabs/src/interface.d.ts +2 -1
- package/es/tabs/src/styles/index.cssr.js +34 -10
- package/es/tabs/styles/_common.d.ts +6 -0
- package/es/tabs/styles/_common.js +6 -0
- package/es/tabs/styles/dark.js +7 -1
- package/es/tabs/styles/light.d.ts +13 -0
- package/es/tabs/styles/light.js +3 -3
- package/es/tag/src/styles/index.cssr.js +1 -1
- package/es/time/src/Time.d.ts +14 -22
- package/es/time/src/Time.js +32 -18
- package/es/time-picker/src/TimePicker.d.ts +5 -0
- package/es/time-picker/src/TimePicker.js +2 -2
- package/es/tooltip/src/Tooltip.d.ts +8 -22
- package/es/transfer/src/TransferList.d.ts +1 -1
- package/es/tree/src/Tree.d.ts +25 -10
- package/es/tree/src/Tree.js +34 -11
- package/es/tree/src/TreeNode.js +5 -2
- package/es/tree/src/interface.d.ts +2 -2
- package/es/tree-select/src/TreeSelect.d.ts +103 -81
- package/es/tree-select/src/TreeSelect.js +36 -40
- package/es/tree-select/src/interface.d.ts +2 -2
- package/es/tree-select/styles/light.d.ts +9 -8
- package/es/typography/src/blockquote.d.ts +2 -8
- package/es/typography/src/blockquote.js +1 -4
- package/es/typography/src/ol.d.ts +2 -8
- package/es/typography/src/ol.js +1 -4
- package/es/typography/src/p.d.ts +2 -2
- package/es/typography/src/p.js +1 -1
- package/es/typography/src/text.d.ts +14 -58
- package/es/typography/src/text.js +2 -23
- package/es/typography/src/ul.d.ts +2 -8
- package/es/typography/src/ul.js +1 -4
- package/es/upload/index.d.ts +2 -0
- package/es/upload/index.js +2 -0
- package/es/upload/src/Upload.d.ts +16 -68
- package/es/upload/src/Upload.js +71 -98
- package/es/upload/src/UploadDragger.js +7 -1
- package/es/upload/src/UploadFileList.d.ts +2 -0
- package/es/upload/src/UploadFileList.js +34 -0
- package/es/upload/src/UploadProgress.d.ts +0 -7
- package/es/upload/src/UploadProgress.js +1 -5
- package/es/upload/src/UploadTrigger.d.ts +12 -0
- package/es/upload/src/UploadTrigger.js +63 -0
- package/es/upload/src/interface.d.ts +13 -2
- package/es/upload/src/styles/index.cssr.js +40 -32
- package/es/version.d.ts +1 -1
- package/es/version.js +1 -1
- package/lib/_internal/clear/src/Clear.d.ts +1 -4
- package/lib/_internal/clear/src/Clear.js +1 -4
- package/lib/_internal/icons/Checkmark.js +3 -2
- package/lib/_internal/select-menu/src/SelectMenu.d.ts +173 -0
- package/lib/_internal/select-menu/src/SelectMenu.js +9 -6
- package/lib/_internal/select-menu/src/SelectOption.js +2 -1
- package/lib/_internal/select-menu/src/styles/index.cssr.js +32 -28
- package/lib/_internal/select-menu/styles/light.d.ts +2 -0
- package/lib/_internal/select-menu/styles/light.js +1 -1
- package/lib/_internal/selection/src/Selection.d.ts +64 -56
- package/lib/_internal/selection/src/Selection.js +34 -14
- package/lib/_internal/selection/src/styles/index.cssr.js +16 -14
- package/lib/_internal/selection/styles/_common.d.ts +1 -8
- package/lib/_internal/selection/styles/_common.js +2 -9
- package/lib/_internal/selection/styles/dark.js +10 -2
- package/lib/_internal/selection/styles/light.d.ts +18 -16
- package/lib/_internal/selection/styles/light.js +10 -2
- package/lib/_mixins/use-rtl.js +1 -1
- package/lib/_styles/common/light.js +1 -1
- package/lib/_utils/naive/mutable.d.ts +2 -2
- package/lib/alert/src/Alert.js +15 -16
- package/lib/anchor/src/AnchorAdapter.d.ts +13 -8
- package/lib/anchor/src/AnchorAdapter.js +3 -5
- package/lib/anchor/src/BaseAnchor.d.ts +14 -1
- package/lib/anchor/src/BaseAnchor.js +19 -6
- package/lib/anchor/src/Link.js +5 -5
- package/lib/anchor/src/styles/index.cssr.js +25 -16
- package/lib/auto-complete/index.d.ts +1 -0
- package/lib/auto-complete/src/AutoComplete.d.ts +10 -0
- package/lib/auto-complete/src/interface.d.ts +1 -1
- package/lib/auto-complete/styles/light.d.ts +1 -0
- package/lib/badge/src/styles/index.cssr.js +1 -0
- package/lib/card/src/Card.d.ts +17 -1
- package/lib/card/src/Card.js +3 -2
- package/lib/card/styles/dark.js +6 -1
- package/lib/card/styles/light.d.ts +1 -0
- package/lib/card/styles/light.js +2 -2
- package/lib/cascader/src/Cascader.d.ts +100 -80
- package/lib/cascader/src/Cascader.js +28 -19
- package/lib/cascader/src/CascaderMenu.js +16 -14
- package/lib/cascader/src/CascaderOption.d.ts +10 -8
- package/lib/cascader/src/CascaderSelectMenu.d.ts +10 -8
- package/lib/cascader/src/CascaderSubmenu.d.ts +10 -8
- package/lib/cascader/src/interface.d.ts +2 -2
- package/lib/cascader/src/styles/index.cssr.js +6 -1
- package/lib/cascader/styles/light.d.ts +10 -8
- package/lib/checkbox/src/Checkbox.d.ts +1 -0
- package/lib/checkbox/src/Checkbox.js +5 -3
- package/lib/checkbox/src/CheckboxGroup.js +1 -1
- package/lib/composables/use-theme-vars.js +5 -5
- package/lib/config-provider/src/internal-interface.d.ts +2 -0
- package/lib/data-table/src/DataTable.d.ts +110 -88
- package/lib/data-table/src/HeaderButton/FilterButton.d.ts +20 -16
- package/lib/data-table/src/HeaderButton/FilterMenu.d.ts +20 -16
- package/lib/data-table/src/TableParts/Body.d.ts +20 -16
- package/lib/data-table/src/TableParts/Cell.d.ts +40 -32
- package/lib/data-table/src/TableParts/Header.d.ts +20 -16
- package/lib/data-table/styles/light.d.ts +10 -8
- package/lib/date-picker/src/DatePicker.d.ts +8 -3
- package/lib/date-picker/src/DatePicker.js +2 -2
- package/lib/date-picker/src/panel/date.d.ts +3 -3
- package/lib/date-picker/src/panel/date.js +9 -0
- package/lib/date-picker/src/panel/daterange.js +9 -0
- package/lib/date-picker/src/panel/datetimerange.js +9 -0
- package/lib/descriptions/src/Descriptions.d.ts +4 -17
- package/lib/descriptions/src/Descriptions.js +2 -8
- package/lib/dialog/src/DialogProvider.d.ts +20 -20
- package/lib/drawer/src/styles/index.cssr.js +2 -0
- package/lib/dropdown/src/Dropdown.d.ts +9 -23
- package/lib/dynamic-tags/src/DynamicTags.js +2 -1
- package/lib/empty/src/Empty.d.ts +6 -1
- package/lib/empty/src/Empty.js +15 -3
- package/lib/form/src/FormItemGridItem.d.ts +1 -1
- package/lib/form/src/FormItemGridItem.js +2 -2
- package/lib/global-style/src/GlobalStyle.js +13 -3
- package/lib/grid/src/GridItem.d.ts +2 -2
- package/lib/grid/src/GridItem.js +1 -1
- package/lib/input-number/src/InputNumber.d.ts +8 -3
- package/lib/input-number/src/InputNumber.js +4 -4
- package/lib/jest-setup.js +3 -1
- package/lib/layout/src/Layout.d.ts +18 -4
- package/lib/layout/src/LayoutContent.d.ts +9 -2
- package/lib/layout/src/LayoutFooter.d.ts +9 -0
- package/lib/layout/src/LayoutHeader.d.ts +6 -0
- package/lib/layout/src/LayoutSider.d.ts +11 -0
- package/lib/layout/src/LayoutSider.js +4 -2
- package/lib/layout/src/ToggleButton.js +7 -3
- package/lib/layout/src/styles/layout-sider.cssr.js +31 -15
- package/lib/layout/styles/dark.js +3 -2
- package/lib/layout/styles/light.d.ts +2 -0
- package/lib/layout/styles/light.js +3 -2
- package/lib/locales/common/enUS.js +1 -1
- package/lib/locales/common/ruRU.js +1 -1
- package/lib/locales/common/ukUA.d.ts +3 -0
- package/lib/locales/common/ukUA.js +94 -0
- package/lib/locales/common/zhCN.js +1 -1
- package/lib/locales/date/ukUA.d.ts +3 -0
- package/lib/locales/date/ukUA.js +8 -0
- package/lib/locales/index.d.ts +2 -0
- package/lib/locales/index.js +5 -1
- package/lib/mention/src/Mention.d.ts +10 -0
- package/lib/mention/styles/light.d.ts +1 -0
- package/lib/menu/src/Menu.d.ts +6 -1
- package/lib/menu/src/Menu.js +10 -1
- package/lib/menu/src/MenuOption.d.ts +3 -1
- package/lib/menu/src/MenuOptionContent.d.ts +3 -1
- package/lib/menu/src/Submenu.d.ts +3 -1
- package/lib/modal/src/BodyWrapper.d.ts +5 -0
- package/lib/modal/src/Modal.d.ts +36 -55
- package/lib/modal/src/Modal.js +17 -38
- package/lib/modal/src/presetProps.d.ts +2 -1
- package/lib/modal/styles/light.d.ts +1 -0
- package/lib/notification/src/Notification.d.ts +1 -1
- package/lib/notification/src/NotificationEnvironment.d.ts +1 -1
- package/lib/notification/src/NotificationProvider.d.ts +16 -16
- package/lib/page-header/src/PageHeader.d.ts +1 -0
- package/lib/page-header/src/PageHeader.js +8 -2
- package/lib/page-header/src/styles/rtl.cssr.d.ts +2 -0
- package/lib/page-header/src/styles/rtl.cssr.js +26 -0
- package/lib/page-header/styles/index.d.ts +1 -0
- package/lib/page-header/styles/index.js +3 -1
- package/lib/page-header/styles/rtl.d.ts +5 -0
- package/lib/page-header/styles/rtl.js +7 -0
- package/lib/pagination/src/Pagination.d.ts +111 -100
- package/lib/pagination/styles/light.d.ts +10 -8
- package/lib/popconfirm/src/Popconfirm.d.ts +8 -22
- package/lib/popover/src/Popover.d.ts +12 -32
- package/lib/popover/src/Popover.js +23 -16
- package/lib/popover/src/PopoverBody.d.ts +2 -2
- package/lib/popover/src/PopoverBody.js +4 -2
- package/lib/popselect/src/Popselect.d.ts +18 -22
- package/lib/popselect/src/PopselectPanel.d.ts +1 -0
- package/lib/popselect/src/PopselectPanel.js +38 -19
- package/lib/popselect/styles/light.d.ts +1 -0
- package/lib/select/src/Select.d.ts +111 -83
- package/lib/select/src/Select.js +55 -56
- package/lib/select/src/interface.d.ts +2 -2
- package/lib/select/styles/light.d.ts +10 -8
- package/lib/spin/src/Spin.d.ts +34 -25
- package/lib/spin/src/Spin.js +25 -18
- package/lib/spin/src/styles/index.cssr.js +23 -9
- package/lib/spin/styles/light.d.ts +2 -0
- package/lib/spin/styles/light.js +3 -1
- package/lib/styles.d.ts +1 -0
- package/lib/styles.js +63 -61
- package/lib/tabs/src/Tab.d.ts +1 -1
- package/lib/tabs/src/Tab.js +4 -6
- package/lib/tabs/src/Tabs.d.ts +133 -42
- package/lib/tabs/src/Tabs.js +36 -37
- package/lib/tabs/src/interface.d.ts +2 -1
- package/lib/tabs/src/styles/index.cssr.js +34 -10
- package/lib/tabs/styles/_common.d.ts +6 -0
- package/lib/tabs/styles/_common.js +6 -0
- package/lib/tabs/styles/dark.js +7 -1
- package/lib/tabs/styles/light.d.ts +13 -0
- package/lib/tabs/styles/light.js +3 -3
- package/lib/tag/src/styles/index.cssr.js +1 -1
- package/lib/time/src/Time.d.ts +14 -22
- package/lib/time/src/Time.js +31 -17
- package/lib/time-picker/src/TimePicker.d.ts +5 -0
- package/lib/time-picker/src/TimePicker.js +2 -2
- package/lib/tooltip/src/Tooltip.d.ts +8 -22
- package/lib/transfer/src/TransferList.d.ts +1 -1
- package/lib/tree/src/Tree.d.ts +25 -10
- package/lib/tree/src/Tree.js +34 -11
- package/lib/tree/src/TreeNode.js +5 -2
- package/lib/tree/src/interface.d.ts +2 -2
- package/lib/tree-select/src/TreeSelect.d.ts +103 -81
- package/lib/tree-select/src/TreeSelect.js +36 -40
- package/lib/tree-select/src/interface.d.ts +2 -2
- package/lib/tree-select/styles/light.d.ts +9 -8
- package/lib/typography/src/blockquote.d.ts +2 -8
- package/lib/typography/src/blockquote.js +1 -4
- package/lib/typography/src/ol.d.ts +2 -8
- package/lib/typography/src/ol.js +1 -4
- package/lib/typography/src/p.d.ts +2 -2
- package/lib/typography/src/p.js +1 -1
- package/lib/typography/src/text.d.ts +14 -58
- package/lib/typography/src/text.js +2 -23
- package/lib/typography/src/ul.d.ts +2 -8
- package/lib/typography/src/ul.js +1 -4
- package/lib/upload/index.d.ts +2 -0
- package/lib/upload/index.js +5 -1
- package/lib/upload/src/Upload.d.ts +16 -68
- package/lib/upload/src/Upload.js +68 -95
- package/lib/upload/src/UploadDragger.js +7 -1
- package/lib/upload/src/UploadFileList.d.ts +2 -0
- package/lib/upload/src/UploadFileList.js +36 -0
- package/lib/upload/src/UploadProgress.d.ts +0 -7
- package/lib/upload/src/UploadProgress.js +1 -5
- package/lib/upload/src/UploadTrigger.d.ts +12 -0
- package/lib/upload/src/UploadTrigger.js +65 -0
- package/lib/upload/src/interface.d.ts +13 -2
- package/lib/upload/src/styles/index.cssr.js +40 -32
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +9 -7
- package/web-types.json +239 -13
package/lib/modal/src/Modal.d.ts
CHANGED
|
@@ -1,40 +1,23 @@
|
|
|
1
1
|
import { PropType, CSSProperties } from 'vue';
|
|
2
|
-
import { ExtractPublicPropTypes } from '../../_utils';
|
|
3
|
-
import type { MaybeArray } from '../../_utils';
|
|
2
|
+
import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
|
|
4
3
|
declare const modalProps: {
|
|
5
4
|
'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
|
|
6
5
|
onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
|
|
7
|
-
dialog: BooleanConstructor;
|
|
8
|
-
appear: {
|
|
9
|
-
type: PropType<boolean | undefined>;
|
|
10
|
-
default: undefined;
|
|
11
|
-
};
|
|
12
6
|
onBeforeLeave: PropType<() => void>;
|
|
13
7
|
onAfterLeave: PropType<() => void>;
|
|
14
8
|
onClose: PropType<() => Promise<boolean> | boolean | any>;
|
|
15
9
|
onPositiveClick: PropType<() => Promise<boolean> | boolean | any>;
|
|
16
10
|
onNegativeClick: PropType<() => Promise<boolean> | boolean | any>;
|
|
17
11
|
onMaskClick: PropType<(e: MouseEvent) => void>;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
default: undefined;
|
|
22
|
-
};
|
|
23
|
-
onBeforeHide: {
|
|
24
|
-
type: PropType<(() => void) | undefined>;
|
|
25
|
-
validator: () => boolean;
|
|
26
|
-
default: undefined;
|
|
27
|
-
};
|
|
28
|
-
onAfterHide: {
|
|
29
|
-
type: PropType<(() => void) | undefined>;
|
|
30
|
-
validator: () => boolean;
|
|
31
|
-
default: undefined;
|
|
32
|
-
};
|
|
33
|
-
onHide: {
|
|
34
|
-
type: PropType<((value: false) => void) | undefined>;
|
|
35
|
-
validator: () => boolean;
|
|
12
|
+
dialog: BooleanConstructor;
|
|
13
|
+
appear: {
|
|
14
|
+
type: PropType<boolean | undefined>;
|
|
36
15
|
default: undefined;
|
|
37
16
|
};
|
|
17
|
+
overlayStyle: PropType<string | CSSProperties>;
|
|
18
|
+
onBeforeHide: PropType<() => void>;
|
|
19
|
+
onAfterHide: PropType<() => void>;
|
|
20
|
+
onHide: PropType<(value: false) => void>;
|
|
38
21
|
icon: PropType<() => import("vue").VNodeChild>;
|
|
39
22
|
type: {
|
|
40
23
|
readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
|
|
@@ -59,6 +42,7 @@ declare const modalProps: {
|
|
|
59
42
|
contentStyle: PropType<string | CSSProperties>;
|
|
60
43
|
headerStyle: PropType<string | CSSProperties>;
|
|
61
44
|
footerStyle: PropType<string | CSSProperties>;
|
|
45
|
+
embedded: BooleanConstructor;
|
|
62
46
|
segmented: {
|
|
63
47
|
readonly type: PropType<boolean | import("../../card/src/Card").Segmented>;
|
|
64
48
|
readonly default: false;
|
|
@@ -322,6 +306,7 @@ declare const modalProps: {
|
|
|
322
306
|
colorModal: string;
|
|
323
307
|
colorPopover: string;
|
|
324
308
|
colorTarget: string;
|
|
309
|
+
colorEmbedded: string;
|
|
325
310
|
textColor: string;
|
|
326
311
|
titleTextColor: string;
|
|
327
312
|
borderColor: string;
|
|
@@ -586,6 +571,7 @@ declare const modalProps: {
|
|
|
586
571
|
colorModal: string;
|
|
587
572
|
colorPopover: string;
|
|
588
573
|
colorTarget: string;
|
|
574
|
+
colorEmbedded: string;
|
|
589
575
|
textColor: string;
|
|
590
576
|
titleTextColor: string;
|
|
591
577
|
borderColor: string;
|
|
@@ -850,6 +836,7 @@ declare const modalProps: {
|
|
|
850
836
|
colorModal: string;
|
|
851
837
|
colorPopover: string;
|
|
852
838
|
colorTarget: string;
|
|
839
|
+
colorEmbedded: string;
|
|
853
840
|
textColor: string;
|
|
854
841
|
titleTextColor: string;
|
|
855
842
|
borderColor: string;
|
|
@@ -880,37 +867,21 @@ export declare type ModalProps = ExtractPublicPropTypes<typeof modalProps>;
|
|
|
880
867
|
declare const _default: import("vue").DefineComponent<{
|
|
881
868
|
'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
|
|
882
869
|
onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
|
|
883
|
-
dialog: BooleanConstructor;
|
|
884
|
-
appear: {
|
|
885
|
-
type: PropType<boolean | undefined>;
|
|
886
|
-
default: undefined;
|
|
887
|
-
};
|
|
888
870
|
onBeforeLeave: PropType<() => void>;
|
|
889
871
|
onAfterLeave: PropType<() => void>;
|
|
890
872
|
onClose: PropType<() => any>;
|
|
891
873
|
onPositiveClick: PropType<() => any>;
|
|
892
874
|
onNegativeClick: PropType<() => any>;
|
|
893
875
|
onMaskClick: PropType<(e: MouseEvent) => void>;
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
default: undefined;
|
|
898
|
-
};
|
|
899
|
-
onBeforeHide: {
|
|
900
|
-
type: PropType<(() => void) | undefined>;
|
|
901
|
-
validator: () => boolean;
|
|
902
|
-
default: undefined;
|
|
903
|
-
};
|
|
904
|
-
onAfterHide: {
|
|
905
|
-
type: PropType<(() => void) | undefined>;
|
|
906
|
-
validator: () => boolean;
|
|
907
|
-
default: undefined;
|
|
908
|
-
};
|
|
909
|
-
onHide: {
|
|
910
|
-
type: PropType<((value: false) => void) | undefined>;
|
|
911
|
-
validator: () => boolean;
|
|
876
|
+
dialog: BooleanConstructor;
|
|
877
|
+
appear: {
|
|
878
|
+
type: PropType<boolean | undefined>;
|
|
912
879
|
default: undefined;
|
|
913
880
|
};
|
|
881
|
+
overlayStyle: PropType<string | CSSProperties>;
|
|
882
|
+
onBeforeHide: PropType<() => void>;
|
|
883
|
+
onAfterHide: PropType<() => void>;
|
|
884
|
+
onHide: PropType<(value: false) => void>;
|
|
914
885
|
icon: PropType<() => import("vue").VNodeChild>;
|
|
915
886
|
type: {
|
|
916
887
|
readonly type: PropType<"default" | "error" | "info" | "success" | "warning">;
|
|
@@ -935,6 +906,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
935
906
|
contentStyle: PropType<string | CSSProperties>;
|
|
936
907
|
headerStyle: PropType<string | CSSProperties>;
|
|
937
908
|
footerStyle: PropType<string | CSSProperties>;
|
|
909
|
+
embedded: BooleanConstructor;
|
|
938
910
|
segmented: {
|
|
939
911
|
readonly type: PropType<boolean | import("../../card/src/Card").Segmented>;
|
|
940
912
|
readonly default: false;
|
|
@@ -1198,6 +1170,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1198
1170
|
colorModal: string;
|
|
1199
1171
|
colorPopover: string;
|
|
1200
1172
|
colorTarget: string;
|
|
1173
|
+
colorEmbedded: string;
|
|
1201
1174
|
textColor: string;
|
|
1202
1175
|
titleTextColor: string;
|
|
1203
1176
|
borderColor: string;
|
|
@@ -1462,6 +1435,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1462
1435
|
colorModal: string;
|
|
1463
1436
|
colorPopover: string;
|
|
1464
1437
|
colorTarget: string;
|
|
1438
|
+
colorEmbedded: string;
|
|
1465
1439
|
textColor: string;
|
|
1466
1440
|
titleTextColor: string;
|
|
1467
1441
|
borderColor: string;
|
|
@@ -1726,6 +1700,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1726
1700
|
colorModal: string;
|
|
1727
1701
|
colorPopover: string;
|
|
1728
1702
|
colorTarget: string;
|
|
1703
|
+
colorEmbedded: string;
|
|
1729
1704
|
textColor: string;
|
|
1730
1705
|
titleTextColor: string;
|
|
1731
1706
|
borderColor: string;
|
|
@@ -2009,6 +1984,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2009
1984
|
colorModal: string;
|
|
2010
1985
|
colorPopover: string;
|
|
2011
1986
|
colorTarget: string;
|
|
1987
|
+
colorEmbedded: string;
|
|
2012
1988
|
textColor: string;
|
|
2013
1989
|
titleTextColor: string;
|
|
2014
1990
|
borderColor: string;
|
|
@@ -2273,6 +2249,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2273
2249
|
colorModal: string;
|
|
2274
2250
|
colorPopover: string;
|
|
2275
2251
|
colorTarget: string;
|
|
2252
|
+
colorEmbedded: string;
|
|
2276
2253
|
textColor: string;
|
|
2277
2254
|
titleTextColor: string;
|
|
2278
2255
|
borderColor: string;
|
|
@@ -2537,6 +2514,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2537
2514
|
colorModal: string;
|
|
2538
2515
|
colorPopover: string;
|
|
2539
2516
|
colorTarget: string;
|
|
2517
|
+
colorEmbedded: string;
|
|
2540
2518
|
textColor: string;
|
|
2541
2519
|
titleTextColor: string;
|
|
2542
2520
|
borderColor: string;
|
|
@@ -2577,6 +2555,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2577
2555
|
hoverable: boolean;
|
|
2578
2556
|
headerStyle: string | CSSProperties | undefined;
|
|
2579
2557
|
footerStyle: string | CSSProperties | undefined;
|
|
2558
|
+
embedded: boolean;
|
|
2580
2559
|
segmented: boolean | import("../../card/src/Card").Segmented;
|
|
2581
2560
|
negativeText: string | undefined;
|
|
2582
2561
|
positiveText: string | undefined;
|
|
@@ -2588,7 +2567,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2588
2567
|
onBeforeHide: (() => void) | undefined;
|
|
2589
2568
|
unstableShowMask: boolean;
|
|
2590
2569
|
maskClosable: boolean;
|
|
2591
|
-
}>, "type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick">>;
|
|
2570
|
+
}>, "type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick">>;
|
|
2592
2571
|
handleAfterLeave: () => void;
|
|
2593
2572
|
handleClickoutside: (e: MouseEvent) => void;
|
|
2594
2573
|
handleBeforeLeave: () => void;
|
|
@@ -2605,14 +2584,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2605
2584
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
|
|
2606
2585
|
'onUpdate:show'?: unknown;
|
|
2607
2586
|
onUpdateShow?: unknown;
|
|
2608
|
-
dialog?: unknown;
|
|
2609
|
-
appear?: unknown;
|
|
2610
2587
|
onBeforeLeave?: unknown;
|
|
2611
2588
|
onAfterLeave?: unknown;
|
|
2612
2589
|
onClose?: unknown;
|
|
2613
2590
|
onPositiveClick?: unknown;
|
|
2614
2591
|
onNegativeClick?: unknown;
|
|
2615
2592
|
onMaskClick?: unknown;
|
|
2593
|
+
dialog?: unknown;
|
|
2594
|
+
appear?: unknown;
|
|
2616
2595
|
overlayStyle?: unknown;
|
|
2617
2596
|
onBeforeHide?: unknown;
|
|
2618
2597
|
onAfterHide?: unknown;
|
|
@@ -2632,6 +2611,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2632
2611
|
contentStyle?: unknown;
|
|
2633
2612
|
headerStyle?: unknown;
|
|
2634
2613
|
footerStyle?: unknown;
|
|
2614
|
+
embedded?: unknown;
|
|
2635
2615
|
segmented?: unknown;
|
|
2636
2616
|
size?: unknown;
|
|
2637
2617
|
hoverable?: unknown;
|
|
@@ -2655,6 +2635,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2655
2635
|
displayDirective: "show" | "if";
|
|
2656
2636
|
showIcon: boolean;
|
|
2657
2637
|
hoverable: boolean;
|
|
2638
|
+
embedded: boolean;
|
|
2658
2639
|
segmented: boolean | import("../../card/src/Card").Segmented;
|
|
2659
2640
|
unstableShowMask: boolean;
|
|
2660
2641
|
maskClosable: boolean;
|
|
@@ -2906,6 +2887,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2906
2887
|
colorModal: string;
|
|
2907
2888
|
colorPopover: string;
|
|
2908
2889
|
colorTarget: string;
|
|
2890
|
+
colorEmbedded: string;
|
|
2909
2891
|
textColor: string;
|
|
2910
2892
|
titleTextColor: string;
|
|
2911
2893
|
borderColor: string;
|
|
@@ -3170,6 +3152,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3170
3152
|
colorModal: string;
|
|
3171
3153
|
colorPopover: string;
|
|
3172
3154
|
colorTarget: string;
|
|
3155
|
+
colorEmbedded: string;
|
|
3173
3156
|
textColor: string;
|
|
3174
3157
|
titleTextColor: string;
|
|
3175
3158
|
borderColor: string;
|
|
@@ -3434,6 +3417,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3434
3417
|
colorModal: string;
|
|
3435
3418
|
colorPopover: string;
|
|
3436
3419
|
colorTarget: string;
|
|
3420
|
+
colorEmbedded: string;
|
|
3437
3421
|
textColor: string;
|
|
3438
3422
|
titleTextColor: string;
|
|
3439
3423
|
borderColor: string;
|
|
@@ -3486,13 +3470,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
3486
3470
|
loading: boolean;
|
|
3487
3471
|
closable: boolean;
|
|
3488
3472
|
displayDirective: "show" | "if";
|
|
3489
|
-
onHide: ((value: false) => void) | undefined;
|
|
3490
3473
|
showIcon: boolean;
|
|
3491
|
-
onAfterHide: (() => void) | undefined;
|
|
3492
3474
|
hoverable: boolean;
|
|
3475
|
+
embedded: boolean;
|
|
3493
3476
|
segmented: boolean | import("../../card/src/Card").Segmented;
|
|
3494
|
-
overlayStyle: string | CSSProperties | undefined;
|
|
3495
|
-
onBeforeHide: (() => void) | undefined;
|
|
3496
3477
|
unstableShowMask: boolean;
|
|
3497
3478
|
maskClosable: boolean;
|
|
3498
3479
|
}>;
|
package/lib/modal/src/Modal.js
CHANGED
|
@@ -23,54 +23,33 @@ const modalProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _
|
|
|
23
23
|
default: 'if'
|
|
24
24
|
} }), presetProps_1.presetProps), {
|
|
25
25
|
// events
|
|
26
|
-
'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array],
|
|
26
|
+
'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onBeforeLeave: Function, onAfterLeave: Function, onClose: Function, onPositiveClick: Function, onNegativeClick: Function, onMaskClick: Function,
|
|
27
27
|
// private
|
|
28
28
|
dialog: Boolean, appear: {
|
|
29
29
|
type: Boolean,
|
|
30
30
|
default: undefined
|
|
31
|
-
},
|
|
31
|
+
},
|
|
32
32
|
// deprecated
|
|
33
|
-
overlayStyle:
|
|
34
|
-
type: [String, Object],
|
|
35
|
-
validator: () => {
|
|
36
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
37
|
-
(0, _utils_1.warn)('modal', '`overlay-style` is deprecated, please use `style` instead.');
|
|
38
|
-
}
|
|
39
|
-
return true;
|
|
40
|
-
},
|
|
41
|
-
default: undefined
|
|
42
|
-
}, onBeforeHide: {
|
|
43
|
-
type: Function,
|
|
44
|
-
validator: () => {
|
|
45
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
46
|
-
(0, _utils_1.warn)('modal', '`on-before-hide` is deprecated, please use `on-before-leave` instead.');
|
|
47
|
-
}
|
|
48
|
-
return true;
|
|
49
|
-
},
|
|
50
|
-
default: undefined
|
|
51
|
-
}, onAfterHide: {
|
|
52
|
-
type: Function,
|
|
53
|
-
validator: () => {
|
|
54
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
55
|
-
(0, _utils_1.warn)('modal', '`on-after-hide` is deprecated, please use `on-after-leave` instead.');
|
|
56
|
-
}
|
|
57
|
-
return true;
|
|
58
|
-
},
|
|
59
|
-
default: undefined
|
|
60
|
-
}, onHide: {
|
|
61
|
-
type: Function,
|
|
62
|
-
validator: () => {
|
|
63
|
-
if (process.env.NODE_ENV !== 'production')
|
|
64
|
-
(0, _utils_1.warn)('modal', '`on-hide` is deprecated.');
|
|
65
|
-
return true;
|
|
66
|
-
},
|
|
67
|
-
default: undefined
|
|
68
|
-
} });
|
|
33
|
+
overlayStyle: [String, Object], onBeforeHide: Function, onAfterHide: Function, onHide: Function });
|
|
69
34
|
exports.default = (0, vue_1.defineComponent)({
|
|
70
35
|
name: 'Modal',
|
|
71
36
|
inheritAttrs: false,
|
|
72
37
|
props: modalProps,
|
|
73
38
|
setup(props) {
|
|
39
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
40
|
+
if (props.onHide) {
|
|
41
|
+
(0, _utils_1.warnOnce)('modal', '`on-hide` is deprecated.');
|
|
42
|
+
}
|
|
43
|
+
if (props.onAfterHide) {
|
|
44
|
+
(0, _utils_1.warnOnce)('modal', '`on-after-hide` is deprecated, please use `on-after-leave` instead.');
|
|
45
|
+
}
|
|
46
|
+
if (props.onBeforeHide) {
|
|
47
|
+
(0, _utils_1.warnOnce)('modal', '`on-before-hide` is deprecated, please use `on-before-leave` instead.');
|
|
48
|
+
}
|
|
49
|
+
if (props.overlayStyle) {
|
|
50
|
+
(0, _utils_1.warnOnce)('modal', '`overlay-style` is deprecated, please use `style` instead.');
|
|
51
|
+
}
|
|
52
|
+
}
|
|
74
53
|
const containerRef = (0, vue_1.ref)(null);
|
|
75
54
|
const { mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
|
|
76
55
|
const themeRef = (0, _mixins_1.useTheme)('Modal', 'Modal', index_cssr_1.default, styles_1.modalLight, props, mergedClsPrefixRef);
|
|
@@ -26,6 +26,7 @@ declare const presetProps: {
|
|
|
26
26
|
contentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
|
|
27
27
|
headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
|
|
28
28
|
footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
|
|
29
|
+
embedded: BooleanConstructor;
|
|
29
30
|
segmented: {
|
|
30
31
|
readonly type: import("vue").PropType<boolean | import("../../card/src/Card").Segmented>;
|
|
31
32
|
readonly default: false;
|
|
@@ -36,5 +37,5 @@ declare const presetProps: {
|
|
|
36
37
|
};
|
|
37
38
|
hoverable: BooleanConstructor;
|
|
38
39
|
};
|
|
39
|
-
declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick")[];
|
|
40
|
+
declare const presetPropsKeys: ("type" | "content" | "size" | "icon" | "title" | "action" | "contentStyle" | "bordered" | "loading" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "hoverable" | "headerStyle" | "footerStyle" | "embedded" | "segmented" | "negativeText" | "positiveText" | "onPositiveClick" | "onNegativeClick")[];
|
|
40
41
|
export { presetProps, presetPropsKeys };
|
|
@@ -19,7 +19,7 @@ export declare const notificationProps: {
|
|
|
19
19
|
readonly required: true;
|
|
20
20
|
};
|
|
21
21
|
};
|
|
22
|
-
export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "action" | "
|
|
22
|
+
export declare const notificationPropKeys: ("type" | "meta" | "content" | "description" | "title" | "action" | "avatar" | "onClose" | "closable")[];
|
|
23
23
|
declare const _default: import("vue").DefineComponent<{
|
|
24
24
|
readonly closable: {
|
|
25
25
|
readonly type: BooleanConstructor;
|
|
@@ -100,10 +100,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
100
100
|
onAfterLeave?: (() => void) | undefined;
|
|
101
101
|
title?: string | (() => import("vue").VNodeChild) | undefined;
|
|
102
102
|
action?: string | (() => import("vue").VNodeChild) | undefined;
|
|
103
|
+
avatar?: (() => import("vue").VNodeChild) | undefined;
|
|
103
104
|
onClose?: (() => any) | undefined;
|
|
104
105
|
onHide?: (() => void) | undefined;
|
|
105
106
|
onAfterHide?: (() => void) | undefined;
|
|
106
|
-
avatar?: (() => import("vue").VNodeChild) | undefined;
|
|
107
107
|
onAfterShow?: (() => void) | undefined;
|
|
108
108
|
}>, {
|
|
109
109
|
type: "default" | "error" | "info" | "success" | "warning";
|
|
@@ -228,22 +228,22 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
228
228
|
readonly destroy: () => void;
|
|
229
229
|
readonly hide: () => void;
|
|
230
230
|
readonly deactivate: () => void;
|
|
231
|
-
duration?:
|
|
232
|
-
onClose?:
|
|
233
|
-
onLeave?:
|
|
234
|
-
onAfterEnter?:
|
|
235
|
-
onAfterLeave?:
|
|
236
|
-
onHide?:
|
|
237
|
-
onAfterShow?:
|
|
238
|
-
onAfterHide?:
|
|
239
|
-
closable?:
|
|
240
|
-
type?:
|
|
241
|
-
avatar?:
|
|
242
|
-
title?: string |
|
|
243
|
-
description?: string |
|
|
244
|
-
content?: string |
|
|
245
|
-
meta?: string |
|
|
246
|
-
action?: string |
|
|
231
|
+
duration?: number | undefined;
|
|
232
|
+
onClose?: (() => any) | undefined;
|
|
233
|
+
onLeave?: (() => void) | undefined;
|
|
234
|
+
onAfterEnter?: (() => void) | undefined;
|
|
235
|
+
onAfterLeave?: (() => void) | undefined;
|
|
236
|
+
onHide?: (() => void) | undefined;
|
|
237
|
+
onAfterShow?: (() => void) | undefined;
|
|
238
|
+
onAfterHide?: (() => void) | undefined;
|
|
239
|
+
closable?: boolean | undefined;
|
|
240
|
+
type?: "default" | "error" | "info" | "success" | "warning" | undefined;
|
|
241
|
+
avatar?: (() => import("vue").VNodeChild) | undefined;
|
|
242
|
+
title?: string | (() => import("vue").VNodeChild) | undefined;
|
|
243
|
+
description?: string | (() => import("vue").VNodeChild) | undefined;
|
|
244
|
+
content?: string | (() => import("vue").VNodeChild) | undefined;
|
|
245
|
+
meta?: string | (() => import("vue").VNodeChild) | undefined;
|
|
246
|
+
action?: string | (() => import("vue").VNodeChild) | undefined;
|
|
247
247
|
}[]>;
|
|
248
248
|
notificationRefs: Record<string, NotificationRef>;
|
|
249
249
|
handleAfterLeave: (key: string) => void;
|
|
@@ -79,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
79
79
|
backSize: string;
|
|
80
80
|
}, unknown>>>;
|
|
81
81
|
}, {
|
|
82
|
+
rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
|
|
82
83
|
mergedClsPrefix: import("vue").ComputedRef<string>;
|
|
83
84
|
cssVars: import("vue").ComputedRef<{
|
|
84
85
|
'--title-text-color': string;
|
|
@@ -7,14 +7,17 @@ const light_1 = require("../styles/light");
|
|
|
7
7
|
const index_cssr_1 = require("./styles/index.cssr");
|
|
8
8
|
const icons_1 = require("../../_internal/icons");
|
|
9
9
|
const _internal_1 = require("../../_internal");
|
|
10
|
+
const use_rtl_1 = require("../../_mixins/use-rtl");
|
|
10
11
|
const pageHeaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { title: String, subtitle: String, extra: String, onBack: Function });
|
|
11
12
|
exports.default = (0, vue_1.defineComponent)({
|
|
12
13
|
name: 'PageHeader',
|
|
13
14
|
props: pageHeaderProps,
|
|
14
15
|
setup(props) {
|
|
15
|
-
const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
|
|
16
|
+
const { mergedClsPrefixRef, NConfigProvider } = (0, _mixins_1.useConfig)(props);
|
|
16
17
|
const themeRef = (0, _mixins_1.useTheme)('PageHeader', 'PageHeader', index_cssr_1.default, light_1.pageHeaderLight, props, mergedClsPrefixRef);
|
|
18
|
+
const rtlEnabledRef = (0, use_rtl_1.default)('PageHeader', NConfigProvider === null || NConfigProvider === void 0 ? void 0 : NConfigProvider.mergedRtlRef, mergedClsPrefixRef);
|
|
17
19
|
return {
|
|
20
|
+
rtlEnabled: rtlEnabledRef,
|
|
18
21
|
mergedClsPrefix: mergedClsPrefixRef,
|
|
19
22
|
cssVars: (0, vue_1.computed)(() => {
|
|
20
23
|
const { self: { titleTextColor, subtitleTextColor, backColor, fontSize, titleFontSize, backSize, titleFontWeight, backColorHover, backColorPressed }, common: { cubicBezierEaseInOut } } = themeRef.value;
|
|
@@ -40,7 +43,10 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
40
43
|
const showTitle = title || titleSlot;
|
|
41
44
|
const showSubtitle = subtitle || subtitleSlot;
|
|
42
45
|
const showExtra = extra || extraSlot;
|
|
43
|
-
return ((0, vue_1.h)("div", { style: cssVars
|
|
46
|
+
return ((0, vue_1.h)("div", { style: cssVars, class: [
|
|
47
|
+
`${mergedClsPrefix}-page-header-wrapper`,
|
|
48
|
+
this.rtlEnabled && `${mergedClsPrefix}-page-header-wrapper--rtl`
|
|
49
|
+
] },
|
|
44
50
|
headerSlot ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-page-header-header`, key: "breadcrumn" }, headerSlot())) : null,
|
|
45
51
|
(0, vue_1.h)("div", { class: `${mergedClsPrefix}-page-header`, key: "header" },
|
|
46
52
|
(0, vue_1.h)("div", { class: `${mergedClsPrefix}-page-header__main`, key: "back" },
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
|
|
7
|
+
const cssr_1 = require("../../../_utils/cssr");
|
|
8
|
+
|
|
9
|
+
exports.default = (0, cssr_1.cB)('page-header-wrapper', [(0, cssr_1.cM)('rtl', [(0, cssr_1.cB)('page-header-header', `
|
|
10
|
+
direction: rtl;
|
|
11
|
+
`), (0, cssr_1.cB)('page-header', `
|
|
12
|
+
direction: rtl;
|
|
13
|
+
`, [(0, cssr_1.cE)('back', `
|
|
14
|
+
margin-right: 0;
|
|
15
|
+
margin-left: 16px;
|
|
16
|
+
`), (0, cssr_1.cE)('avatar', `
|
|
17
|
+
margin-right: 0;
|
|
18
|
+
margin-left: 12px;
|
|
19
|
+
`), (0, cssr_1.cE)('title', `
|
|
20
|
+
margin-right: 0;
|
|
21
|
+
margin-left: 16px;
|
|
22
|
+
`)]), (0, cssr_1.cB)('page-header-content', `
|
|
23
|
+
direction: rtl;
|
|
24
|
+
`), (0, cssr_1.cB)('page-header-footer', `
|
|
25
|
+
direction: rtl;
|
|
26
|
+
`)])]);
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.pageHeaderDark = exports.pageHeaderLight = void 0;
|
|
3
|
+
exports.pageHeaderRtl = exports.pageHeaderDark = exports.pageHeaderLight = void 0;
|
|
4
4
|
var light_1 = require("./light");
|
|
5
5
|
Object.defineProperty(exports, "pageHeaderLight", { enumerable: true, get: function () { return light_1.pageHeaderLight; } });
|
|
6
6
|
var dark_1 = require("./dark");
|
|
7
7
|
Object.defineProperty(exports, "pageHeaderDark", { enumerable: true, get: function () { return dark_1.pageHeaderDark; } });
|
|
8
|
+
var rtl_1 = require("./rtl");
|
|
9
|
+
Object.defineProperty(exports, "pageHeaderRtl", { enumerable: true, get: function () { return rtl_1.default; } });
|