@king-design/vue 3.1.4-beta.2 → 3.1.4
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/__tests__/__snapshots__/Vue Next Demos.md +261 -255
- package/components/affix/index.d.ts +2 -2
- package/components/affix/index.js +0 -5
- package/components/affix/index.spec.js +84 -108
- package/components/affix/index.vdt.js +7 -10
- package/components/affix/styles.js +1 -1
- package/components/affix/useStyle.js +8 -19
- package/components/badge/index.js +0 -5
- package/components/badge/index.vdt.js +7 -11
- package/components/badge/styles.js +1 -3
- package/components/breadcrumb/index.js +0 -7
- package/components/breadcrumb/index.spec.js +6 -6
- package/components/breadcrumb/index.vdt.js +5 -14
- package/components/breadcrumb/item.js +0 -8
- package/components/breadcrumb/item.vdt.js +3 -6
- package/components/breadcrumb/styles.js +1 -4
- package/components/button/dynamicButton.d.ts +1 -1
- package/components/button/dynamicButton.js +2 -5
- package/components/button/group.js +2 -13
- package/components/button/group.vdt.js +5 -8
- package/components/button/index.js +3 -27
- package/components/button/index.spec.js +74 -96
- package/components/button/index.vdt.js +21 -31
- package/components/button/styles.d.ts +2 -2
- package/components/button/styles.js +8 -53
- package/components/card/column.js +0 -5
- package/components/card/column.vdt.js +5 -10
- package/components/card/index.js +0 -7
- package/components/card/index.vdt.js +5 -17
- package/components/card/styles.js +3 -6
- package/components/carousel/index.js +1 -19
- package/components/carousel/index.spec.js +127 -163
- package/components/carousel/index.vdt.js +12 -16
- package/components/carousel/item.js +0 -5
- package/components/carousel/item.vdt.js +4 -7
- package/components/carousel/styles.js +2 -3
- package/components/carousel/useAutoplay.js +0 -4
- package/components/carousel/useItems.js +4 -20
- package/components/carousel/useSlide.js +57 -89
- package/components/cascader/index.d.ts +1 -1
- package/components/cascader/index.js +3 -18
- package/components/cascader/index.spec.js +300 -377
- package/components/cascader/index.vdt.js +15 -33
- package/components/cascader/styles.js +2 -8
- package/components/cascader/useFields.js +1 -4
- package/components/cascader/useFilterable.js +2 -19
- package/components/cascader/useLabel.js +1 -9
- package/components/cascader/useLoad.js +22 -35
- package/components/cascader/useValue.d.ts +2 -2
- package/components/cascader/useValue.js +5 -26
- package/components/checkbox/index.js +5 -27
- package/components/checkbox/index.spec.js +129 -171
- package/components/checkbox/index.vdt.js +12 -16
- package/components/checkbox/styles.js +1 -13
- package/components/code/crossDomain.js +2 -9
- package/components/code/index.js +0 -9
- package/components/code/index.spec.js +46 -55
- package/components/code/index.vdt.js +6 -14
- package/components/code/styles.js +0 -1
- package/components/code/useEditor.js +5 -10
- package/components/collapse/index.d.ts +1 -1
- package/components/collapse/index.js +3 -17
- package/components/collapse/index.spec.js +47 -60
- package/components/collapse/index.vdt.js +4 -12
- package/components/collapse/item.js +0 -10
- package/components/collapse/item.vdt.js +7 -14
- package/components/collapse/styles.js +2 -5
- package/components/colorpicker/drag.js +0 -5
- package/components/colorpicker/index.js +0 -7
- package/components/colorpicker/index.spec.js +211 -259
- package/components/colorpicker/index.vdt.js +8 -11
- package/components/colorpicker/panel.js +0 -5
- package/components/colorpicker/panel.vdt.js +21 -26
- package/components/colorpicker/styles.js +4 -15
- package/components/colorpicker/useDrag.js +22 -26
- package/components/colorpicker/useInput.js +0 -16
- package/components/colorpicker/usePointer.js +15 -18
- package/components/colorpicker/useValue.js +2 -7
- package/components/config/index.js +3 -8
- package/components/config/index.spec.js +37 -50
- package/components/context.d.ts +2 -2
- package/components/context.js +2 -21
- package/components/copy/index.js +0 -7
- package/components/copy/index.spec.js +64 -86
- package/components/copy/index.vdt.js +4 -7
- package/components/copy/styles.js +0 -1
- package/components/copy/useCopy.js +13 -23
- package/components/datepicker/basepicker.d.ts +8 -8
- package/components/datepicker/basepicker.js +20 -90
- package/components/datepicker/calendar.js +0 -11
- package/components/datepicker/calendar.vdt.js +11 -15
- package/components/datepicker/constants.js +0 -1
- package/components/datepicker/dayjs.js +1 -1
- package/components/datepicker/helpers.js +3 -15
- package/components/datepicker/index.js +6 -32
- package/components/datepicker/index.spec.js +1154 -1464
- package/components/datepicker/index.vdt.js +20 -34
- package/components/datepicker/shortcuts.d.ts +1 -1
- package/components/datepicker/shortcuts.js +0 -4
- package/components/datepicker/styles.js +3 -12
- package/components/datepicker/time.d.ts +1 -1
- package/components/datepicker/time.js +3 -23
- package/components/datepicker/time.vdt.js +4 -5
- package/components/datepicker/useDays.js +2 -9
- package/components/datepicker/useDisabled.js +6 -23
- package/components/datepicker/useFocusDate.js +0 -2
- package/components/datepicker/useFormats.js +6 -15
- package/components/datepicker/useKeyboards.js +20 -36
- package/components/datepicker/useMonths.js +0 -6
- package/components/datepicker/usePanel.js +0 -10
- package/components/datepicker/useShowDate.js +10 -37
- package/components/datepicker/useStatus.js +3 -15
- package/components/datepicker/useValue.js +20 -38
- package/components/datepicker/useYears.js +4 -15
- package/components/diagram/diagram.js +17 -43
- package/components/diagram/diagram.vdt.js +2 -5
- package/components/diagram/graph.js +6 -6
- package/components/diagram/index.js +7 -7
- package/components/diagram/index.spec.js +369 -495
- package/components/diagram/layouts/circle.js +6 -14
- package/components/diagram/layouts/flow.js +7 -15
- package/components/diagram/layouts/layout.js +6 -28
- package/components/diagram/layouts/organic.js +3 -11
- package/components/diagram/layouts/partition.js +4 -12
- package/components/diagram/layouts/radial.js +6 -18
- package/components/diagram/layouts/stack.js +6 -14
- package/components/diagram/layouts/tree.js +11 -21
- package/components/diagram/mxgraph/handler/mxConnectionHandler.js +15 -22
- package/components/diagram/mxgraph/handler/mxConstraintHandler.js +4 -4
- package/components/diagram/mxgraph/handler/mxEdgeHandler.js +11 -15
- package/components/diagram/mxgraph/handler/mxGraphHandler.js +6 -9
- package/components/diagram/mxgraph/handler/mxRubberband.js +4 -4
- package/components/diagram/mxgraph/handler/mxVertexHandler.js +7 -10
- package/components/diagram/mxgraph/index.js +0 -2
- package/components/diagram/mxgraph/mx.js +3 -3
- package/components/diagram/mxgraph/shape/mxCloud.js +2 -2
- package/components/diagram/mxgraph/shape/mxCylinder.js +4 -9
- package/components/diagram/mxgraph/shape/mxEllipse.js +2 -2
- package/components/diagram/mxgraph/shape/mxHexagon.js +2 -2
- package/components/diagram/mxgraph/shape/mxLine.js +2 -2
- package/components/diagram/mxgraph/shape/mxRectangleShape.js +2 -2
- package/components/diagram/mxgraph/shape/mxRhombus.js +6 -12
- package/components/diagram/mxgraph/shape/mxShape.js +0 -1
- package/components/diagram/mxgraph/shape/mxTriangle.js +2 -2
- package/components/diagram/mxgraph/util/mxConstants.js +2 -2
- package/components/diagram/mxgraph/util/mxGuide.js +5 -7
- package/components/diagram/mxgraph/view/mxCellEditor.js +16 -29
- package/components/diagram/mxgraph/view/mxCellRenderer.js +0 -2
- package/components/diagram/mxgraph/view/mxGraph.js +14 -32
- package/components/diagram/shapes/base.d.ts +1 -1
- package/components/diagram/shapes/base.js +9 -39
- package/components/diagram/shapes/callout.js +10 -23
- package/components/diagram/shapes/circle.js +3 -10
- package/components/diagram/shapes/document.js +5 -16
- package/components/diagram/shapes/ellipse.js +0 -5
- package/components/diagram/shapes/generateShapes.d.ts +1 -1
- package/components/diagram/shapes/generateShapes.js +0 -9
- package/components/diagram/shapes/hexagon.js +9 -26
- package/components/diagram/shapes/image.js +1 -9
- package/components/diagram/shapes/line.d.ts +2 -2
- package/components/diagram/shapes/line.js +13 -48
- package/components/diagram/shapes/parallelogram.js +9 -26
- package/components/diagram/shapes/rectangle.js +1 -9
- package/components/diagram/shapes/shape.js +6 -35
- package/components/diagram/shapes/square.js +3 -11
- package/components/diagram/shapes/text.js +0 -5
- package/components/diagram/styles.js +0 -1
- package/components/dialog/alert.vdt.js +9 -20
- package/components/dialog/base.js +1 -29
- package/components/dialog/base.vdt.js +14 -31
- package/components/dialog/index.js +6 -31
- package/components/dialog/index.spec.js +456 -627
- package/components/dialog/staticMethods.d.ts +1 -1
- package/components/dialog/staticMethods.js +2 -13
- package/components/dialog/styles.js +3 -14
- package/components/dialog/useDraggable.js +0 -6
- package/components/dialog/useEscClosable.js +4 -12
- package/components/dialog/useFixBody.d.ts +1 -1
- package/components/dialog/useFixBody.js +0 -11
- package/components/dialog/usePosition.js +0 -5
- package/components/drawer/index.js +0 -5
- package/components/drawer/index.spec.js +128 -170
- package/components/drawer/index.vdt.js +3 -9
- package/components/drawer/styles.d.ts +2 -2
- package/components/drawer/styles.js +1 -4
- package/components/dropdown/dropdown.d.ts +2 -2
- package/components/dropdown/dropdown.js +33 -90
- package/components/dropdown/index.js +2 -6
- package/components/dropdown/index.spec.js +388 -496
- package/components/dropdown/item.js +4 -25
- package/components/dropdown/item.vdt.js +5 -8
- package/components/dropdown/menu.js +12 -29
- package/components/dropdown/menu.vdt.js +5 -13
- package/components/dropdown/styles.js +2 -11
- package/components/dropdown/useKeyboard.d.ts +2 -2
- package/components/dropdown/useKeyboard.js +8 -30
- package/components/dropdown/usePosition.d.ts +1 -1
- package/components/dropdown/usePosition.js +12 -21
- package/components/dropdown/useTransition.js +0 -8
- package/components/editable/index.d.ts +1 -1
- package/components/editable/index.js +4 -28
- package/components/editable/index.spec.js +152 -189
- package/components/editable/index.vdt.js +8 -11
- package/components/editable/styles.js +1 -2
- package/components/form/form.js +0 -18
- package/components/form/form.vdt.js +4 -7
- package/components/form/index.spec.js +1082 -1316
- package/components/form/item.d.ts +1 -1
- package/components/form/item.js +0 -12
- package/components/form/item.vdt.js +17 -31
- package/components/form/methods.d.ts +5 -5
- package/components/form/methods.js +2 -12
- package/components/form/styles.js +2 -10
- package/components/form/useDirty.js +2 -8
- package/components/form/useError.js +2 -10
- package/components/form/useValidate.d.ts +1 -1
- package/components/form/useValidate.js +8 -24
- package/components/grid/col.d.ts +3 -3
- package/components/grid/col.js +0 -7
- package/components/grid/col.vdt.js +8 -13
- package/components/grid/constants.d.ts +6 -6
- package/components/grid/row.js +0 -5
- package/components/grid/row.vdt.js +5 -8
- package/components/grid/styles.js +2 -8
- package/components/grid/useBreakpoints.js +0 -5
- package/components/grid/useGutter.js +9 -27
- package/components/icon/index.js +0 -10
- package/components/icon/index.vdt.js +8 -14
- package/components/icon/styles.js +1 -4
- package/components/input/index.d.ts +3 -3
- package/components/input/index.js +0 -13
- package/components/input/index.spec.js +185 -239
- package/components/input/index.vdt.js +46 -57
- package/components/input/search.js +0 -20
- package/components/input/search.vdt.js +6 -9
- package/components/input/styles.js +2 -29
- package/components/input/useAutoRows.js +6 -18
- package/components/input/useAutoWidth.js +0 -5
- package/components/input/useFocus.js +0 -2
- package/components/input/useFrozen.js +0 -6
- package/components/input/useShowPassword.js +2 -5
- package/components/layout/aside.js +6 -18
- package/components/layout/aside.vdt.js +5 -9
- package/components/layout/body.js +5 -18
- package/components/layout/footer.js +1 -10
- package/components/layout/header.js +9 -23
- package/components/layout/index.spec.js +24 -34
- package/components/layout/layout.js +9 -24
- package/components/layout/styles.js +6 -17
- package/components/layout/template.vdt.js +2 -4
- package/components/layout/useParse.js +0 -7
- package/components/menu/index.spec.js +189 -242
- package/components/menu/item.js +3 -16
- package/components/menu/item.vdt.js +22 -38
- package/components/menu/menu.js +2 -11
- package/components/menu/menu.vdt.js +6 -12
- package/components/menu/styles.js +4 -23
- package/components/menu/useDropdown.js +4 -10
- package/components/menu/useExpanded.js +0 -14
- package/components/menu/useHighlight.js +26 -36
- package/components/message/index.spec.js +58 -73
- package/components/message/message.js +0 -19
- package/components/message/message.vdt.js +6 -9
- package/components/message/messages.js +0 -12
- package/components/message/messages.vdt.js +0 -1
- package/components/message/styles.js +2 -11
- package/components/pagination/index.d.ts +1 -1
- package/components/pagination/index.js +10 -46
- package/components/pagination/index.spec.js +133 -173
- package/components/pagination/index.vdt.js +14 -32
- package/components/pagination/styles.js +3 -9
- package/components/popover/content.js +1 -5
- package/components/popover/content.vdt.js +4 -14
- package/components/popover/index.js +5 -10
- package/components/popover/index.spec.js +113 -150
- package/components/popover/styles.js +1 -1
- package/components/portal.d.ts +1 -1
- package/components/portal.js +2 -30
- package/components/position.d.ts +12 -12
- package/components/position.js +32 -88
- package/components/progress/index.d.ts +6 -6
- package/components/progress/index.js +0 -12
- package/components/progress/index.spec.js +143 -191
- package/components/progress/index.vdt.js +8 -17
- package/components/progress/styles.js +1 -7
- package/components/progress/useColor.js +2 -7
- package/components/progress/useStatus.d.ts +1 -1
- package/components/progress/useStatus.js +2 -5
- package/components/radio/index.js +3 -18
- package/components/radio/index.spec.js +111 -149
- package/components/radio/index.vdt.js +14 -17
- package/components/radio/styles.js +1 -13
- package/components/rate/index.js +0 -7
- package/components/rate/index.spec.js +64 -79
- package/components/rate/index.vdt.js +8 -21
- package/components/rate/styles.js +1 -4
- package/components/rate/useActiveValue.js +2 -7
- package/components/scrollSelect/index.d.ts +2 -2
- package/components/scrollSelect/index.js +0 -7
- package/components/scrollSelect/index.spec.js +100 -131
- package/components/scrollSelect/index.vdt.js +6 -12
- package/components/scrollSelect/styles.js +1 -8
- package/components/scrollSelect/useList.js +3 -17
- package/components/scrollSelect/useMouseEvents.js +31 -49
- package/components/scrollSelect/useTranslate.js +1 -11
- package/components/select/base.d.ts +2 -2
- package/components/select/base.js +3 -33
- package/components/select/base.vdt.js +27 -46
- package/components/select/group.js +0 -5
- package/components/select/group.vdt.js +4 -10
- package/components/select/index.spec.js +370 -464
- package/components/select/menu.js +0 -5
- package/components/select/menu.vdt.js +18 -33
- package/components/select/option.js +2 -16
- package/components/select/option.vdt.js +7 -14
- package/components/select/select.js +3 -20
- package/components/select/select.vdt.js +9 -17
- package/components/select/styles.js +3 -34
- package/components/select/useBaseLabel.d.ts +1 -1
- package/components/select/useBaseLabel.js +4 -17
- package/components/select/useCard.js +0 -4
- package/components/select/useDraggble.js +2 -2
- package/components/select/useEqualWidth.js +0 -1
- package/components/select/useFilterable.js +9 -27
- package/components/select/useFocusout.js +0 -8
- package/components/select/useInput.js +6 -10
- package/components/select/useLabel.js +3 -13
- package/components/select/useSearchable.js +0 -10
- package/components/skeleton/item.d.ts +1 -1
- package/components/skeleton/item.js +0 -7
- package/components/skeleton/item.vdt.js +1 -6
- package/components/skeleton/skeleton.js +0 -7
- package/components/skeleton/skeleton.vdt.js +6 -12
- package/components/skeleton/styles.d.ts +1 -1
- package/components/skeleton/styles.js +2 -3
- package/components/slider/index.d.ts +1 -1
- package/components/slider/index.js +0 -7
- package/components/slider/index.spec.js +502 -624
- package/components/slider/index.vdt.js +35 -50
- package/components/slider/styles.js +1 -19
- package/components/slider/useClick.js +2 -11
- package/components/slider/useDraggable.js +23 -34
- package/components/slider/useKeyboard.js +7 -18
- package/components/slider/useMarks.d.ts +5 -5
- package/components/slider/useMarks.js +5 -13
- package/components/slider/usePoints.d.ts +2 -2
- package/components/slider/usePoints.js +7 -21
- package/components/slider/useStyles.d.ts +1 -1
- package/components/slider/useStyles.js +5 -10
- package/components/slider/useTooltip.js +2 -10
- package/components/slider/useValue.d.ts +1 -1
- package/components/slider/useValue.js +7 -24
- package/components/spin/index.js +0 -7
- package/components/spin/index.vdt.js +4 -11
- package/components/spin/styles.js +1 -3
- package/components/spinner/index.d.ts +4 -4
- package/components/spinner/index.js +6 -18
- package/components/spinner/index.spec.js +359 -460
- package/components/spinner/index.vdt.js +12 -15
- package/components/spinner/styles.js +1 -11
- package/components/spinner/useChange.js +4 -16
- package/components/spinner/useFormatter.js +6 -16
- package/components/spinner/useStep.d.ts +3 -3
- package/components/spinner/useStep.js +2 -20
- package/components/spinner/useValue.js +14 -32
- package/components/split/index.js +0 -7
- package/components/split/index.spec.js +223 -267
- package/components/split/index.vdt.js +8 -17
- package/components/split/memo.js +0 -6
- package/components/split/styles.d.ts +1 -1
- package/components/split/styles.js +1 -9
- package/components/split/useDraggable.js +11 -35
- package/components/split/useSize.js +2 -5
- package/components/steps/index.js +2 -13
- package/components/steps/index.spec.js +21 -27
- package/components/steps/index.vdt.js +9 -12
- package/components/steps/step.js +0 -5
- package/components/steps/step.vdt.js +8 -12
- package/components/steps/styles.js +1 -38
- package/components/switch/index.js +2 -23
- package/components/switch/index.spec.js +194 -234
- package/components/switch/index.vdt.js +16 -32
- package/components/switch/styles.js +4 -12
- package/components/switch/useDraggable.js +10 -18
- package/components/table/cell.js +0 -9
- package/components/table/cell.vdt.js +14 -21
- package/components/table/column.d.ts +1 -1
- package/components/table/column.js +0 -5
- package/components/table/column.vdt.js +25 -37
- package/components/table/exportTable.js +41 -55
- package/components/table/index.spec.js +817 -1026
- package/components/table/row.d.ts +1 -1
- package/components/table/row.js +12 -44
- package/components/table/row.vdt.js +27 -38
- package/components/table/styles.js +2 -18
- package/components/table/table.d.ts +5 -5
- package/components/table/table.js +18 -50
- package/components/table/table.vdt.js +61 -86
- package/components/table/useChecked.d.ts +1 -1
- package/components/table/useChecked.js +20 -61
- package/components/table/useColumns.js +3 -16
- package/components/table/useDisableRow.js +2 -12
- package/components/table/useDraggable.js +4 -8
- package/components/table/useExpandable.js +2 -5
- package/components/table/useFixedColumns.d.ts +1 -1
- package/components/table/useFixedColumns.js +3 -20
- package/components/table/useGroup.d.ts +1 -1
- package/components/table/useGroup.js +7 -25
- package/components/table/useMerge.d.ts +4 -4
- package/components/table/useMerge.js +2 -14
- package/components/table/usePagination.js +4 -18
- package/components/table/useResetRowStatus.js +2 -6
- package/components/table/useResizable.js +4 -21
- package/components/table/useScroll.d.ts +1 -1
- package/components/table/useScroll.js +0 -3
- package/components/table/useSelected.js +2 -5
- package/components/table/useSortable.js +2 -8
- package/components/table/useStickyHeader.js +3 -7
- package/components/table/useStickyScrollbar.js +6 -16
- package/components/table/useTree.js +1 -12
- package/components/table/useWidth.js +14 -30
- package/components/tabs/index.js +29 -51
- package/components/tabs/index.spec.js +97 -129
- package/components/tabs/index.vdt.js +13 -16
- package/components/tabs/styles.js +1 -23
- package/components/tabs/tab.js +0 -10
- package/components/tabs/tab.vdt.js +6 -10
- package/components/tabs/useActiveBar.js +2 -11
- package/components/tabs/useScroll.js +10 -30
- package/components/tag/base.js +0 -11
- package/components/tag/index.js +2 -4
- package/components/tag/index.spec.js +123 -156
- package/components/tag/index.vdt.js +8 -15
- package/components/tag/styles.d.ts +1 -1
- package/components/tag/styles.js +2 -18
- package/components/tag/tags.d.ts +2 -2
- package/components/tag/tags.js +0 -7
- package/components/tag/tags.vdt.js +10 -18
- package/components/tag/useChildren.js +0 -5
- package/components/tag/useDraggable.js +6 -15
- package/components/tag/useNowrap.js +10 -27
- package/components/timeline/item.js +0 -7
- package/components/timeline/item.vdt.js +4 -9
- package/components/timeline/styles.d.ts +2 -2
- package/components/timeline/styles.js +2 -6
- package/components/timeline/timeline.js +0 -5
- package/components/timeline/timeline.vdt.js +2 -5
- package/components/timepicker/index.js +2 -7
- package/components/timepicker/index.spec.js +293 -368
- package/components/timepicker/panelPicker.js +2 -11
- package/components/timepicker/panelPicker.vdt.js +14 -24
- package/components/timepicker/selectPicker.js +0 -5
- package/components/timepicker/selectPicker.vdt.js +5 -10
- package/components/timepicker/styles.js +1 -2
- package/components/timepicker/useDisabled.js +2 -4
- package/components/timepicker/useFormats.js +4 -13
- package/components/timepicker/useStep.d.ts +1 -1
- package/components/timepicker/useStep.js +8 -17
- package/components/timepicker/useValue.js +16 -21
- package/components/tip/index.js +0 -2
- package/components/tip/index.vdt.js +5 -17
- package/components/tip/styles.js +1 -4
- package/components/tooltip/content.js +0 -28
- package/components/tooltip/content.vdt.js +15 -27
- package/components/tooltip/index.js +3 -7
- package/components/tooltip/index.spec.js +400 -527
- package/components/tooltip/styles.d.ts +1 -1
- package/components/tooltip/styles.js +3 -13
- package/components/tooltip/tooltip.js +2 -15
- package/components/tooltip/useArrow.js +11 -14
- package/components/transfer/index.d.ts +1 -1
- package/components/transfer/index.js +1 -13
- package/components/transfer/index.spec.js +159 -194
- package/components/transfer/index.vdt.js +17 -36
- package/components/transfer/styles.js +1 -11
- package/components/transfer/useCheck.d.ts +1 -1
- package/components/transfer/useCheck.js +1 -16
- package/components/transfer/useFilter.d.ts +1 -1
- package/components/transfer/useFilter.js +9 -30
- package/components/transfer/useTransfer.js +10 -26
- package/components/tree/index.d.ts +3 -3
- package/components/tree/index.js +3 -22
- package/components/tree/index.spec.js +310 -388
- package/components/tree/index.vdt.js +12 -24
- package/components/tree/styles.js +3 -17
- package/components/tree/useChecked.js +3 -27
- package/components/tree/useDraggable.js +14 -44
- package/components/tree/useExpanded.js +28 -46
- package/components/tree/useFilter.js +3 -10
- package/components/tree/useNodes.d.ts +3 -3
- package/components/tree/useNodes.js +0 -4
- package/components/tree/useSelected.js +21 -38
- package/components/tree/useTransitionEvent.js +3 -5
- package/components/treeSelect/index.js +9 -37
- package/components/treeSelect/index.spec.js +123 -160
- package/components/treeSelect/index.vdt.js +14 -20
- package/components/treeSelect/styles.js +1 -2
- package/components/treeSelect/useValue.js +0 -11
- package/components/types.d.ts +3 -3
- package/components/upload/ajaxUploader.d.ts +1 -1
- package/components/upload/ajaxUploader.js +0 -17
- package/components/upload/index.d.ts +4 -4
- package/components/upload/index.js +0 -14
- package/components/upload/index.spec.js +142 -248
- package/components/upload/index.vdt.js +12 -28
- package/components/upload/styles.js +2 -28
- package/components/upload/useAccept.js +2 -10
- package/components/upload/useDrag.js +0 -7
- package/components/upload/useFiles.js +103 -148
- package/components/upload/useShowImage.js +0 -3
- package/components/upload/useUpload.js +47 -69
- package/components/utils.d.ts +6 -6
- package/components/utils.js +12 -56
- package/components/virtual.js +9 -37
- package/components/wave/index.js +5 -32
- package/components/wave/styles.js +1 -1
- package/hooks/useDelayClose.js +2 -7
- package/hooks/useDocumentClick.js +8 -16
- package/hooks/useDraggable.d.ts +1 -1
- package/hooks/useDraggable.js +0 -9
- package/hooks/useKeyboard.d.ts +3 -3
- package/hooks/useKeyboard.js +0 -10
- package/hooks/useMouseOutsidable.js +0 -8
- package/hooks/useReceive.d.ts +1 -1
- package/hooks/useReceive.js +0 -4
- package/hooks/useRecordComponent.js +0 -6
- package/hooks/useResizeObserver.js +0 -2
- package/hooks/useRouter.js +7 -18
- package/hooks/useShowHideEvents.js +0 -3
- package/hooks/useState.d.ts +2 -2
- package/hooks/useState.js +2 -6
- package/i18n/en-US.js +0 -1
- package/i18n/index.d.ts +1 -1
- package/i18n/index.js +0 -7
- package/index.d.ts +2 -2
- package/index.js +2 -3
- package/package.json +2 -2
- package/styles/global.js +2 -5
- package/styles/keyframes.js +0 -1
- package/styles/theme.d.ts +1 -1
- package/styles/theme.js +2 -5
- package/styles/utils.d.ts +1 -1
- package/styles/utils.js +3 -17
- package/yarn-error.log +897 -0
|
@@ -15,281 +15,228 @@ describe('Menu', function () {
|
|
|
15
15
|
});
|
|
16
16
|
it('expand and shrink sub menu', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
17
17
|
var _mount, instance, element, title;
|
|
18
|
-
|
|
19
18
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
20
|
-
while (1) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
expect(instance.get('expandedKeys')).to.eql(['3']);
|
|
44
|
-
|
|
45
|
-
case 14:
|
|
46
|
-
case "end":
|
|
47
|
-
return _context.stop();
|
|
48
|
-
}
|
|
19
|
+
while (1) switch (_context.prev = _context.next) {
|
|
20
|
+
case 0:
|
|
21
|
+
_mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
|
|
22
|
+
_context.next = 3;
|
|
23
|
+
return wait();
|
|
24
|
+
case 3:
|
|
25
|
+
// shrink
|
|
26
|
+
title = element.querySelector('.k-expanded .k-menu-title');
|
|
27
|
+
title.click();
|
|
28
|
+
_context.next = 7;
|
|
29
|
+
return wait(500);
|
|
30
|
+
case 7:
|
|
31
|
+
expect(element.outerHTML).to.matchSnapshot();
|
|
32
|
+
expect(instance.get('expandedKeys')).to.eql([]);
|
|
33
|
+
title.click();
|
|
34
|
+
_context.next = 12;
|
|
35
|
+
return wait(500);
|
|
36
|
+
case 12:
|
|
37
|
+
expect(element.outerHTML).to.matchSnapshot();
|
|
38
|
+
expect(instance.get('expandedKeys')).to.eql(['3']);
|
|
39
|
+
case 14:
|
|
40
|
+
case "end":
|
|
41
|
+
return _context.stop();
|
|
49
42
|
}
|
|
50
43
|
}, _callee);
|
|
51
44
|
})));
|
|
52
45
|
it('select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
53
46
|
var _mount2, instance, element, _element$querySelecto, title, disabledTitle, subTitle;
|
|
54
|
-
|
|
55
47
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
56
|
-
while (1) {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
case 25:
|
|
95
|
-
expect(element.querySelector('.k-highlighted')).to.be.null;
|
|
96
|
-
|
|
97
|
-
case 26:
|
|
98
|
-
case "end":
|
|
99
|
-
return _context2.stop();
|
|
100
|
-
}
|
|
48
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
49
|
+
case 0:
|
|
50
|
+
_mount2 = mount(CollapseDemo), instance = _mount2[0], element = _mount2[1];
|
|
51
|
+
instance.set('collapse', false);
|
|
52
|
+
_context2.next = 4;
|
|
53
|
+
return wait();
|
|
54
|
+
case 4:
|
|
55
|
+
expect(element.innerHTML).to.matchSnapshot();
|
|
56
|
+
_element$querySelecto = element.querySelectorAll('.k-menu-title'), title = _element$querySelecto[0], disabledTitle = _element$querySelecto[1];
|
|
57
|
+
title.click();
|
|
58
|
+
_context2.next = 9;
|
|
59
|
+
return wait();
|
|
60
|
+
case 9:
|
|
61
|
+
expect(element.outerHTML).to.matchSnapshot();
|
|
62
|
+
expect(instance.get('selectedKey')).to.eql('1');
|
|
63
|
+
disabledTitle.click();
|
|
64
|
+
_context2.next = 14;
|
|
65
|
+
return wait();
|
|
66
|
+
case 14:
|
|
67
|
+
expect(element.outerHTML).to.matchSnapshot();
|
|
68
|
+
expect(instance.get('selectedKey')).to.eql('1');
|
|
69
|
+
subTitle = element.querySelector('.k-expanded .k-menu .k-menu-title');
|
|
70
|
+
subTitle.click();
|
|
71
|
+
_context2.next = 20;
|
|
72
|
+
return wait();
|
|
73
|
+
case 20:
|
|
74
|
+
expect(element.outerHTML).to.matchSnapshot();
|
|
75
|
+
expect(instance.get('selectedKey')).to.eql('3-1');
|
|
76
|
+
// clear
|
|
77
|
+
instance.set('selectedKey', '');
|
|
78
|
+
_context2.next = 25;
|
|
79
|
+
return wait();
|
|
80
|
+
case 25:
|
|
81
|
+
expect(element.querySelector('.k-highlighted')).to.be.null;
|
|
82
|
+
case 26:
|
|
83
|
+
case "end":
|
|
84
|
+
return _context2.stop();
|
|
101
85
|
}
|
|
102
86
|
}, _callee2);
|
|
103
87
|
})));
|
|
104
88
|
it('collapse', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
|
|
105
89
|
var _mount3, instance, element, title, dropdown;
|
|
106
|
-
|
|
107
90
|
return _regeneratorRuntime.wrap(function _callee3$(_context3) {
|
|
108
|
-
while (1) {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
case 18:
|
|
139
|
-
expect(getElement('.k-dropdown-menu.k-menu')).to.be.undefined;
|
|
140
|
-
|
|
141
|
-
case 19:
|
|
142
|
-
case "end":
|
|
143
|
-
return _context3.stop();
|
|
144
|
-
}
|
|
91
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
92
|
+
case 0:
|
|
93
|
+
_mount3 = mount(CollapseDemo), instance = _mount3[0], element = _mount3[1];
|
|
94
|
+
instance.set('collapse', true);
|
|
95
|
+
_context3.next = 4;
|
|
96
|
+
return wait();
|
|
97
|
+
case 4:
|
|
98
|
+
expect(element.outerHTML).to.matchSnapshot();
|
|
99
|
+
// show sub menu
|
|
100
|
+
title = element.querySelector('.k-menu-item:nth-child(3) .k-menu-title');
|
|
101
|
+
dispatchEvent(title, 'mouseenter');
|
|
102
|
+
_context3.next = 9;
|
|
103
|
+
return wait();
|
|
104
|
+
case 9:
|
|
105
|
+
dropdown = getElement('.k-dropdown-menu.k-menu');
|
|
106
|
+
expect(dropdown.innerHTML).to.matchSnapshot();
|
|
107
|
+
dispatchEvent(dropdown.querySelector('.k-menu-item:nth-child(4) .k-menu-title'), 'mouseenter');
|
|
108
|
+
_context3.next = 14;
|
|
109
|
+
return wait();
|
|
110
|
+
case 14:
|
|
111
|
+
expect(getElement('.k-dropdown-menu.k-menu').innerHTML).to.matchSnapshot();
|
|
112
|
+
// hide all
|
|
113
|
+
dispatchEvent(document, 'click');
|
|
114
|
+
_context3.next = 18;
|
|
115
|
+
return wait(500);
|
|
116
|
+
case 18:
|
|
117
|
+
expect(getElement('.k-dropdown-menu.k-menu')).to.be.undefined;
|
|
118
|
+
case 19:
|
|
119
|
+
case "end":
|
|
120
|
+
return _context3.stop();
|
|
145
121
|
}
|
|
146
122
|
}, _callee3);
|
|
147
123
|
})));
|
|
148
124
|
it('select collapsed menu', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
|
|
149
125
|
var _mount4, instance, element, title, dropdown;
|
|
150
|
-
|
|
151
126
|
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
152
|
-
while (1) {
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
case 18:
|
|
182
|
-
expect(getElement('.k-dropdown-menu.k-menu')).to.be.undefined;
|
|
183
|
-
|
|
184
|
-
case 19:
|
|
185
|
-
case "end":
|
|
186
|
-
return _context4.stop();
|
|
187
|
-
}
|
|
127
|
+
while (1) switch (_context4.prev = _context4.next) {
|
|
128
|
+
case 0:
|
|
129
|
+
_mount4 = mount(CollapseDemo), instance = _mount4[0], element = _mount4[1];
|
|
130
|
+
instance.set('collapse', true);
|
|
131
|
+
title = element.querySelector('.k-menu-title');
|
|
132
|
+
title.click();
|
|
133
|
+
_context4.next = 6;
|
|
134
|
+
return wait();
|
|
135
|
+
case 6:
|
|
136
|
+
expect(element.outerHTML).to.matchSnapshot();
|
|
137
|
+
title = element.querySelector('.k-menu-item:nth-child(3) .k-menu-title');
|
|
138
|
+
dispatchEvent(title, 'mouseenter');
|
|
139
|
+
_context4.next = 11;
|
|
140
|
+
return wait();
|
|
141
|
+
case 11:
|
|
142
|
+
dropdown = getElement('.k-dropdown-menu.k-menu');
|
|
143
|
+
dropdown.querySelector('.k-menu-title').click();
|
|
144
|
+
_context4.next = 15;
|
|
145
|
+
return wait();
|
|
146
|
+
case 15:
|
|
147
|
+
expect(dropdown.innerHTML).to.matchSnapshot();
|
|
148
|
+
// should hide when select
|
|
149
|
+
_context4.next = 18;
|
|
150
|
+
return wait(500);
|
|
151
|
+
case 18:
|
|
152
|
+
expect(getElement('.k-dropdown-menu.k-menu')).to.be.undefined;
|
|
153
|
+
case 19:
|
|
154
|
+
case "end":
|
|
155
|
+
return _context4.stop();
|
|
188
156
|
}
|
|
189
157
|
}, _callee4);
|
|
190
158
|
})));
|
|
191
159
|
it('accordion', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
|
|
192
160
|
var _mount5, instance, element, menu3, subMenu1, subMenu4, menu1;
|
|
193
|
-
|
|
194
161
|
return _regeneratorRuntime.wrap(function _callee5$(_context5) {
|
|
195
|
-
while (1) {
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
expect(element.innerHTML).to.matchSnapshot();
|
|
230
|
-
expect(instance.get('expandedKeys')).to.eql(['3-4', '3']);
|
|
231
|
-
|
|
232
|
-
case 25:
|
|
233
|
-
case "end":
|
|
234
|
-
return _context5.stop();
|
|
235
|
-
}
|
|
162
|
+
while (1) switch (_context5.prev = _context5.next) {
|
|
163
|
+
case 0:
|
|
164
|
+
_mount5 = mount(AccordionDemo), instance = _mount5[0], element = _mount5[1];
|
|
165
|
+
menu3 = element.children[2];
|
|
166
|
+
subMenu1 = menu3.querySelector('.k-menu').firstElementChild.querySelector('.k-menu-title');
|
|
167
|
+
subMenu1.click();
|
|
168
|
+
_context5.next = 6;
|
|
169
|
+
return wait();
|
|
170
|
+
case 6:
|
|
171
|
+
expect(element.innerHTML).to.matchSnapshot();
|
|
172
|
+
expect(instance.get('expandedKeys')).to.eql(['3', '3-1']);
|
|
173
|
+
subMenu4 = menu3.querySelector('.k-menu').lastElementChild.querySelector('.k-menu-title');
|
|
174
|
+
subMenu4.click();
|
|
175
|
+
_context5.next = 12;
|
|
176
|
+
return wait();
|
|
177
|
+
case 12:
|
|
178
|
+
expect(element.innerHTML).to.matchSnapshot();
|
|
179
|
+
expect(instance.get('expandedKeys')).to.eql(['3', '3-4']);
|
|
180
|
+
menu1 = element.firstElementChild.querySelector('.k-menu-title');
|
|
181
|
+
menu1.click();
|
|
182
|
+
_context5.next = 18;
|
|
183
|
+
return wait();
|
|
184
|
+
case 18:
|
|
185
|
+
expect(element.innerHTML).to.matchSnapshot();
|
|
186
|
+
expect(instance.get('expandedKeys')).to.eql(['3-4', '1']);
|
|
187
|
+
menu3.querySelector('.k-menu-title').click();
|
|
188
|
+
_context5.next = 23;
|
|
189
|
+
return wait();
|
|
190
|
+
case 23:
|
|
191
|
+
expect(element.innerHTML).to.matchSnapshot();
|
|
192
|
+
expect(instance.get('expandedKeys')).to.eql(['3-4', '3']);
|
|
193
|
+
case 25:
|
|
194
|
+
case "end":
|
|
195
|
+
return _context5.stop();
|
|
236
196
|
}
|
|
237
197
|
}, _callee5);
|
|
238
198
|
})));
|
|
239
199
|
it('expand when set selectedKey', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
|
|
240
200
|
var Demo, _mount6, instance, expandedKeys;
|
|
241
|
-
|
|
242
201
|
return _regeneratorRuntime.wrap(function _callee6$(_context7) {
|
|
243
|
-
while (1) {
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
Demo
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
var _this;
|
|
253
|
-
|
|
254
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
255
|
-
args[_key] = arguments[_key];
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
_this = _Component.call.apply(_Component, _concatInstanceProperty(_context6 = [this]).call(_context6, args)) || this;
|
|
259
|
-
_this.Menu = Menu;
|
|
260
|
-
_this.MenuItem = MenuItem;
|
|
261
|
-
return _this;
|
|
202
|
+
while (1) switch (_context7.prev = _context7.next) {
|
|
203
|
+
case 0:
|
|
204
|
+
Demo = /*#__PURE__*/function (_Component) {
|
|
205
|
+
_inheritsLoose(Demo, _Component);
|
|
206
|
+
function Demo() {
|
|
207
|
+
var _context6;
|
|
208
|
+
var _this;
|
|
209
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
210
|
+
args[_key] = arguments[_key];
|
|
262
211
|
}
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
212
|
+
_this = _Component.call.apply(_Component, _concatInstanceProperty(_context6 = [this]).call(_context6, args)) || this;
|
|
213
|
+
_this.Menu = Menu;
|
|
214
|
+
_this.MenuItem = MenuItem;
|
|
215
|
+
return _this;
|
|
216
|
+
}
|
|
217
|
+
Demo.defaults = function defaults() {
|
|
218
|
+
return {
|
|
219
|
+
expandedKeys: [],
|
|
220
|
+
selectedKey: '1-3',
|
|
221
|
+
list: ['1-1', '1-2']
|
|
270
222
|
};
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
case 10:
|
|
290
|
-
case "end":
|
|
291
|
-
return _context7.stop();
|
|
292
|
-
}
|
|
223
|
+
};
|
|
224
|
+
return Demo;
|
|
225
|
+
}(Component);
|
|
226
|
+
Demo.template = "\n var Menu = this.Menu;\n var MenuItem = this.MenuItem;\n <Menu\n v-model:expandedKeys=\"expandedKeys\"\n v-model:selectedKey=\"selectedKey\"\n >\n <MenuItem key=\"1\">\n <Menu>\n <MenuItem v-for={this.get('list')} key={$value}>{$value}</MenuItem>\n </Menu>\n </MenuItem>\n </Menu>\n ";
|
|
227
|
+
_mount6 = mount(Demo), instance = _mount6[0];
|
|
228
|
+
_context7.next = 5;
|
|
229
|
+
return wait();
|
|
230
|
+
case 5:
|
|
231
|
+
instance.set('list', ['1-1', '1-2', '1-3']);
|
|
232
|
+
_context7.next = 8;
|
|
233
|
+
return wait();
|
|
234
|
+
case 8:
|
|
235
|
+
expandedKeys = instance.get('expandedKeys');
|
|
236
|
+
expect(_includesInstanceProperty(expandedKeys).call(expandedKeys, '1')).to.be.true;
|
|
237
|
+
case 10:
|
|
238
|
+
case "end":
|
|
239
|
+
return _context7.stop();
|
|
293
240
|
}
|
|
294
241
|
}, _callee6);
|
|
295
242
|
})));
|
package/components/menu/item.js
CHANGED
|
@@ -27,16 +27,12 @@ var events = {
|
|
|
27
27
|
export var MENU_ITEM = 'MenuItem';
|
|
28
28
|
export var MenuItem = /*#__PURE__*/function (_Component) {
|
|
29
29
|
_inheritsLoose(MenuItem, _Component);
|
|
30
|
-
|
|
31
30
|
function MenuItem() {
|
|
32
31
|
var _context;
|
|
33
|
-
|
|
34
32
|
var _this;
|
|
35
|
-
|
|
36
33
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
37
34
|
args[_key] = arguments[_key];
|
|
38
35
|
}
|
|
39
|
-
|
|
40
36
|
_this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
|
|
41
37
|
_this.rootMenu = inject(ROOT_MENU);
|
|
42
38
|
_this.parentMenu = inject(MENU);
|
|
@@ -47,41 +43,32 @@ export var MenuItem = /*#__PURE__*/function (_Component) {
|
|
|
47
43
|
_this.config = useConfigContext();
|
|
48
44
|
return _this;
|
|
49
45
|
}
|
|
50
|
-
|
|
51
46
|
var _proto = MenuItem.prototype;
|
|
52
|
-
|
|
53
47
|
_proto.init = function init() {
|
|
54
48
|
provide(MENU_ITEM, this);
|
|
55
49
|
useRecordItem(MENU_RECORD_KEY);
|
|
56
50
|
useHighlightItem();
|
|
57
51
|
};
|
|
58
|
-
|
|
59
52
|
_proto.onClick = function onClick(hasSubMenu, e) {
|
|
60
53
|
var _this$get = this.get(),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
54
|
+
disabled = _this$get.disabled,
|
|
55
|
+
to = _this$get.to,
|
|
56
|
+
key = _this$get.key;
|
|
65
57
|
if (disabled) return;
|
|
66
|
-
|
|
67
58
|
if (hasSubMenu) {
|
|
68
59
|
this.expanded.toggle();
|
|
69
60
|
} else {
|
|
70
61
|
this.rootMenu.highlight.select(key);
|
|
71
62
|
}
|
|
72
|
-
|
|
73
63
|
this.trigger('click', e);
|
|
74
|
-
|
|
75
64
|
if (!hasSubMenu) {
|
|
76
65
|
this.trigger('select', this, e);
|
|
77
66
|
navigate(this.router.value, to);
|
|
78
67
|
}
|
|
79
68
|
};
|
|
80
|
-
|
|
81
69
|
return MenuItem;
|
|
82
70
|
}(Component);
|
|
83
71
|
MenuItem.template = template;
|
|
84
72
|
MenuItem.typeDefs = typeDefs;
|
|
85
73
|
MenuItem.events = events;
|
|
86
|
-
|
|
87
74
|
__decorate([bind], MenuItem.prototype, "onClick", null);
|
|
@@ -10,48 +10,40 @@ import { isNullOrUndefined } from 'intact-shared';
|
|
|
10
10
|
import { makeItemStyles, makeTitleStyles, makeNestedMenuStyles } from './styles';
|
|
11
11
|
export default function ($props, $blocks, $__proto__) {
|
|
12
12
|
var _classNameObj,
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
_this = this;
|
|
15
14
|
$blocks || ($blocks = {});
|
|
16
15
|
$props || ($props = {});
|
|
17
16
|
var $this = this;
|
|
18
17
|
var rootMenu = this.rootMenu;
|
|
19
|
-
|
|
20
18
|
var _rootMenu$get = rootMenu.get(),
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
theme = _rootMenu$get.theme,
|
|
20
|
+
type = _rootMenu$get.type,
|
|
21
|
+
rootDot = _rootMenu$get.dot;
|
|
25
22
|
var _this$get = this.get(),
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
children = _this$get.children,
|
|
24
|
+
key = _this$get.key,
|
|
25
|
+
className = _this$get.className,
|
|
26
|
+
disabled = _this$get.disabled,
|
|
27
|
+
dot = _this$get.dot;
|
|
32
28
|
var _rootMenu$highlight = rootMenu.highlight,
|
|
33
|
-
|
|
34
|
-
|
|
29
|
+
isHighlighted = _rootMenu$highlight.isHighlighted,
|
|
30
|
+
isSelected = _rootMenu$highlight.isSelected;
|
|
35
31
|
var isExpandedKey = this.expanded.isExpanded;
|
|
36
32
|
var isExpanded = isExpandedKey(key);
|
|
37
|
-
|
|
38
33
|
var _this$dropdown = this.dropdown(),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
34
|
+
isTopItem = _this$dropdown.isTopItem,
|
|
35
|
+
subMenuVNode = _this$dropdown.subMenuVNode,
|
|
36
|
+
isDropdownMenu = _this$dropdown.isDropdownMenu,
|
|
37
|
+
tooltipContents = _this$dropdown.tooltipContents,
|
|
38
|
+
iconVNode = _this$dropdown.iconVNode,
|
|
39
|
+
titleVNodes = _this$dropdown.titleVNodes,
|
|
40
|
+
position = _this$dropdown.position,
|
|
41
|
+
isCollapse = _this$dropdown.isCollapse;
|
|
48
42
|
var k = this.config.k;
|
|
49
43
|
var classNameObj = (_classNameObj = {}, _classNameObj[k + "-menu-item"] = true, _classNameObj[className] = className, _classNameObj[k + "-expanded"] = isExpanded, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-active"] = isSelected(key), _classNameObj[k + "-highlighted"] = isHighlighted(key), _classNameObj[makeItemStyles(k)] = true, _classNameObj);
|
|
50
44
|
var showDot = isTopItem && !iconVNode && isNullOrUndefined(dot) ? rootDot : dot;
|
|
51
|
-
|
|
52
45
|
var title = function title(children) {
|
|
53
46
|
var _$cn2;
|
|
54
|
-
|
|
55
47
|
return _$ce(2, 'div', [showDot ? _$cc(Icon, {
|
|
56
48
|
'className': _$cn(k + "-menu-dot ion-record")
|
|
57
49
|
}) : undefined, _$ce(2, 'div', children, 0, _$cn(k + "-menu-name")), subMenuVNode ? _$cc(Icon, {
|
|
@@ -60,7 +52,6 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
60
52
|
'ev-click': _this.onClick.bind(_this, subMenuVNode)
|
|
61
53
|
});
|
|
62
54
|
};
|
|
63
|
-
|
|
64
55
|
return _$cv('div', _extends({
|
|
65
56
|
'className': _$cn(classNameObj)
|
|
66
57
|
}, getRestProps(this)), !isDropdownMenu ? [title(titleVNodes), _$cc(Transition, _extends({
|
|
@@ -70,15 +61,11 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
70
61
|
'children': function () {
|
|
71
62
|
if (subMenuVNode) {
|
|
72
63
|
var _$cn3;
|
|
73
|
-
|
|
74
64
|
var paddingLeft = _this.parentMenu.get('_paddingLeft');
|
|
75
|
-
|
|
76
65
|
var _makeNestedMenuStyles = makeNestedMenuStyles(k, showDot || !!iconVNode, paddingLeft),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
66
|
+
_classname = _makeNestedMenuStyles[0],
|
|
67
|
+
_paddingLeft = _makeNestedMenuStyles[1];
|
|
80
68
|
var _className = _$cn((_$cn3 = {}, _$cn3[_classname] = true, _$cn3[subMenuVNode.className] = subMenuVNode.className, _$cn3));
|
|
81
|
-
|
|
82
69
|
var clonedVNode = directClone(subMenuVNode);
|
|
83
70
|
clonedVNode.props = _extends({}, clonedVNode.props, {
|
|
84
71
|
className: _className,
|
|
@@ -94,17 +81,14 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
94
81
|
'children': title(iconVNode),
|
|
95
82
|
'$blocks': function ($blocks) {
|
|
96
83
|
var _$blocks = {},
|
|
97
|
-
|
|
98
|
-
|
|
84
|
+
__$blocks = _$ex({}, $blocks);
|
|
99
85
|
return (_$blocks['content'] = function ($super) {
|
|
100
86
|
return tooltipContents;
|
|
101
87
|
}, __$blocks['content'] = function ($super, data) {
|
|
102
88
|
var block = $blocks['content'];
|
|
103
|
-
|
|
104
89
|
var callBlock = function callBlock() {
|
|
105
90
|
return _$blocks['content'].call($this, $super, data);
|
|
106
91
|
};
|
|
107
|
-
|
|
108
92
|
return block ? block.call($this, callBlock, data) : callBlock();
|
|
109
93
|
}), __$blocks;
|
|
110
94
|
}.call($this, _$em)
|