@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
|
@@ -25,72 +25,65 @@ var _$tmp0 = {
|
|
|
25
25
|
};
|
|
26
26
|
export default function ($props, $blocks, $__proto__) {
|
|
27
27
|
var _classNameObj,
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
_this = this;
|
|
30
29
|
$blocks || ($blocks = {});
|
|
31
30
|
$props || ($props = {});
|
|
32
31
|
var $this = this;
|
|
33
32
|
var _$blocks = {};
|
|
34
33
|
var __$blocks = {};
|
|
35
|
-
|
|
36
34
|
var _this$get = this.get(),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
35
|
+
data = _this$get.data,
|
|
36
|
+
children = _this$get.children,
|
|
37
|
+
className = _this$get.className,
|
|
38
|
+
fixHeader = _this$get.fixHeader,
|
|
39
|
+
checkType = _this$get.checkType,
|
|
40
|
+
rowKey = _this$get.rowKey,
|
|
41
|
+
type = _this$get.type,
|
|
42
|
+
stripe = _this$get.stripe,
|
|
43
|
+
rowClassName = _this$get.rowClassName,
|
|
44
|
+
group = _this$get.group,
|
|
45
|
+
sort = _sortInstanceProperty(_this$get),
|
|
46
|
+
loading = _this$get.loading,
|
|
47
|
+
merge = _this$get.merge,
|
|
48
|
+
childrenKey = _this$get.childrenKey,
|
|
49
|
+
indent = _this$get.indent,
|
|
50
|
+
tooltipPosition = _this$get.tooltipPosition,
|
|
51
|
+
tooltipContainer = _this$get.tooltipContainer,
|
|
52
|
+
showIndeterminate = _this$get.showIndeterminate,
|
|
53
|
+
resizable = _this$get.resizable,
|
|
54
|
+
draggable = _this$get.draggable,
|
|
55
|
+
_animation = _this$get.animation,
|
|
56
|
+
hideHeader = _this$get.hideHeader,
|
|
57
|
+
pagination = _this$get.pagination;
|
|
61
58
|
var animation = !Array.isArray(_animation) ? [_animation, _animation] : _animation;
|
|
62
|
-
|
|
63
59
|
var _this$columns$getData = this.columns.getData(),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
60
|
+
columns = _this$columns$getData.columns,
|
|
61
|
+
cols = _this$columns$getData.cols,
|
|
62
|
+
maxRows = _this$columns$getData.maxRows,
|
|
63
|
+
maxCols = _this$columns$getData.maxCols;
|
|
69
64
|
var _this$fixedColumns = this.fixedColumns,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
65
|
+
scrollPosition = _this$fixedColumns.scrollPosition,
|
|
66
|
+
hasFixed = _this$fixedColumns.hasFixed,
|
|
67
|
+
getHasFixedLeft = _this$fixedColumns.getHasFixedLeft,
|
|
68
|
+
offsetMap = _this$fixedColumns.offsetMap;
|
|
74
69
|
var scrollRef = this.scroll.scrollRef;
|
|
75
70
|
var _this$stickyHeader = this.stickyHeader,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
71
|
+
stickHeader = _this$stickyHeader.stickHeader,
|
|
72
|
+
excludeStickHeader = _this$stickyHeader.excludeStickHeader,
|
|
73
|
+
elementRef = _this$stickyHeader.elementRef,
|
|
74
|
+
headRef = _this$stickyHeader.headRef;
|
|
80
75
|
var k = this.config.k;
|
|
81
76
|
var classNameObj = (_classNameObj = {}, _classNameObj[k + "-table"] = true, _classNameObj[k + "-fix-header"] = fixHeader, _classNameObj[k + "-scroll-" + scrollPosition.value] = scrollPosition.value, _classNameObj[k + "-fix-columns"] = hasFixed.value, _classNameObj[k + "-" + type] = type && type !== 'default', _classNameObj[k + "-stripe"] = stripe, _classNameObj[k + "-with-expand"] = $blocks.expand, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
|
|
82
77
|
var style = isStringOrNumber(fixHeader) ? {
|
|
83
78
|
maxHeight: fixHeader + "px"
|
|
84
79
|
} : null;
|
|
85
80
|
var _this$width = this.width,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
81
|
+
getWidth = _this$width.getWidth,
|
|
82
|
+
tableRef = _this$width.tableRef,
|
|
83
|
+
tableWidth = _this$width.tableWidth;
|
|
89
84
|
var onStart = this.resizable.start;
|
|
90
|
-
|
|
91
85
|
var colgroup = _$ce(2, 'colgroup', [checkType !== 'none' ? _$ce(2, 'col', null, 1, null, _$tmp0) : undefined, _$ma(cols, function ($value, $key) {
|
|
92
86
|
var _$cn2;
|
|
93
|
-
|
|
94
87
|
return _$ce(2, 'col', null, 1, _$cn((_$cn2 = {}, _$cn2[$value.className] = $value.className, _$cn2)), {
|
|
95
88
|
'width': $value.width,
|
|
96
89
|
'style': {
|
|
@@ -98,14 +91,13 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
98
91
|
}
|
|
99
92
|
});
|
|
100
93
|
}, $this)], 0);
|
|
101
|
-
|
|
102
94
|
var hasData = data && data.length;
|
|
103
95
|
var hasFixedLeft = getHasFixedLeft();
|
|
104
96
|
var _this$checked = this.checked,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
97
|
+
getAllCheckedStatus = _this$checked.getAllCheckedStatus,
|
|
98
|
+
toggleCheckedAll = _this$checked.toggleCheckedAll,
|
|
99
|
+
getAllStatus = _this$checked.getAllStatus,
|
|
100
|
+
onChangeChecked = _this$checked.onChangeChecked;
|
|
109
101
|
var allCheckedStatus = getAllCheckedStatus();
|
|
110
102
|
var thead = hideHeader ? null : _$cc(TableContext.Provider, {
|
|
111
103
|
'value': checkType,
|
|
@@ -159,24 +151,21 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
159
151
|
var isExpanded = this.expandable.isExpanded;
|
|
160
152
|
var isSelected = this.selected.isSelected;
|
|
161
153
|
var _this$tree = this.tree,
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
154
|
+
loopData = _this$tree.loopData,
|
|
155
|
+
isSpreaded = _this$tree.isSpreaded,
|
|
156
|
+
toggleSpreadRow = _this$tree.toggleSpreadRow;
|
|
165
157
|
var _this$draggable = this.draggable,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
158
|
+
onRowDragStart = _this$draggable.onRowDragStart,
|
|
159
|
+
onRowDragOver = _this$draggable.onRowDragOver,
|
|
160
|
+
onRowDragEnd = _this$draggable.onRowDragEnd,
|
|
161
|
+
draggingKey = _this$draggable.draggingKey;
|
|
171
162
|
var tbody = _$ce(2, 'tbody', !hasData ? _$ce(2, 'tr', _$ce(2, 'td', (_$blocks['empty'] = function ($super) {
|
|
172
163
|
return _$('/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~');
|
|
173
164
|
}, __$blocks['empty'] = function ($super, data) {
|
|
174
165
|
var block = $blocks['empty'];
|
|
175
|
-
|
|
176
166
|
var callBlock = function callBlock() {
|
|
177
167
|
return _$blocks['empty'].call($this, $super, data);
|
|
178
168
|
};
|
|
179
|
-
|
|
180
169
|
return block ? block.call($this, callBlock, data) : callBlock();
|
|
181
170
|
}, __$blocks['empty'](_$no)), 0, _$cn(k + "-table-empty"), {
|
|
182
171
|
'colspan': colCount
|
|
@@ -190,7 +179,6 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
190
179
|
var spreaded = isSpreaded(key);
|
|
191
180
|
var hasChildren = !!childrenKey && Array.isArray(value[childrenKey]);
|
|
192
181
|
var indentSize = indent ? indent * level : 0;
|
|
193
|
-
|
|
194
182
|
var row = _$cc(TableRow, {
|
|
195
183
|
'key': key,
|
|
196
184
|
'cols': cols,
|
|
@@ -221,17 +209,14 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
221
209
|
'onRowDragEnd': onRowDragEnd,
|
|
222
210
|
'onRowDragOver': onRowDragOver
|
|
223
211
|
}, key);
|
|
224
|
-
|
|
225
212
|
if ($blocks.tooltip) {
|
|
226
213
|
var content = (_$blocks['tooltip'] = function ($super) {
|
|
227
214
|
return null;
|
|
228
215
|
}, __$blocks['tooltip'] = function ($super, data) {
|
|
229
216
|
var block = $blocks['tooltip'];
|
|
230
|
-
|
|
231
217
|
var callBlock = function callBlock() {
|
|
232
218
|
return _$blocks['tooltip'].call($this, $super, data);
|
|
233
219
|
};
|
|
234
|
-
|
|
235
220
|
return block ? block.call($this, callBlock, data) : callBlock();
|
|
236
221
|
}, __$blocks['tooltip'](_$no, [value, index]));
|
|
237
222
|
row = _$cc(Tooltip, {
|
|
@@ -241,46 +226,37 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
241
226
|
'children': row,
|
|
242
227
|
'$blocks': function ($blocks) {
|
|
243
228
|
var _$blocks = {},
|
|
244
|
-
|
|
245
|
-
|
|
229
|
+
__$blocks = _$ex({}, $blocks);
|
|
246
230
|
return (_$blocks['content'] = function ($super) {
|
|
247
231
|
return content;
|
|
248
232
|
}, __$blocks['content'] = function ($super, data) {
|
|
249
233
|
var block = $blocks['content'];
|
|
250
|
-
|
|
251
234
|
var callBlock = function callBlock() {
|
|
252
235
|
return _$blocks['content'].call($this, $super, data);
|
|
253
236
|
};
|
|
254
|
-
|
|
255
237
|
return block ? block.call($this, callBlock, data) : callBlock();
|
|
256
238
|
}), __$blocks;
|
|
257
239
|
}.call($this, _$em)
|
|
258
240
|
}, key);
|
|
259
241
|
}
|
|
260
|
-
|
|
261
242
|
rows.push(row);
|
|
262
|
-
|
|
263
243
|
if ($blocks.expand) {
|
|
264
244
|
var _$cn3;
|
|
265
|
-
|
|
266
245
|
var expanded = isExpanded(key);
|
|
267
246
|
rows.push(_$ce(2, 'tr', _$ce(2, 'td', _$cc(Transition, _extends({}, expandAnimationCallbacks, {
|
|
268
247
|
'children': expanded ? _$ce(2, 'div', (_$blocks['expand'] = function ($super) {
|
|
269
248
|
return null;
|
|
270
249
|
}, __$blocks['expand'] = function ($super, data) {
|
|
271
250
|
var block = $blocks['expand'];
|
|
272
|
-
|
|
273
251
|
var callBlock = function callBlock() {
|
|
274
252
|
return _$blocks['expand'].call($this, $super, data);
|
|
275
253
|
};
|
|
276
|
-
|
|
277
254
|
return block ? block.call($this, callBlock, data) : callBlock();
|
|
278
255
|
}, __$blocks['expand'](_$no, [value, index])), 0, _$cn(k + "-table-expand")) : undefined
|
|
279
256
|
})), 2, null, {
|
|
280
257
|
'colspan': colCount
|
|
281
258
|
}), 2, _$cn((_$cn3 = {}, _$cn3[k + "-expand"] = true, _$cn3[k + "-expanded"] = expanded, _$cn3)), null, key + ".$expand"));
|
|
282
259
|
}
|
|
283
|
-
|
|
284
260
|
return hidden || !spreaded;
|
|
285
261
|
});
|
|
286
262
|
return animation[0] ? _$cc(TransitionGroup, {
|
|
@@ -289,20 +265,19 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
289
265
|
'children': rows
|
|
290
266
|
}) : rows;
|
|
291
267
|
}(), 0);
|
|
292
|
-
|
|
293
268
|
var tableWidthPx = tableWidth.value ? tableWidth.value + "px" : null;
|
|
294
269
|
var _this$stickyScrollbar = this.stickyScrollbar,
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
270
|
+
shouldStickScrollbar = _this$stickyScrollbar.shouldStickScrollbar,
|
|
271
|
+
stickScrollbar = _this$stickyScrollbar.stick,
|
|
272
|
+
stickScrollbarStyle = _this$stickyScrollbar.style,
|
|
273
|
+
scrollbarRef = _this$stickyScrollbar.scrollbarRef,
|
|
274
|
+
onScrollbarScroll = _this$stickyScrollbar.onScroll,
|
|
275
|
+
tableActualWidth = _this$stickyScrollbar.tableActualWidth;
|
|
301
276
|
var _this$pagination = this.pagination,
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
277
|
+
pageValue = _this$pagination.value,
|
|
278
|
+
pageLimit = _this$pagination.limit,
|
|
279
|
+
onPageChange = _this$pagination.onChange,
|
|
280
|
+
paginationRef = _this$pagination.paginationRef;
|
|
306
281
|
return _$ce(2, 'div', [_$ce(2, 'div', [!isNull(stickHeader.value) ? _$cc(Affix, {
|
|
307
282
|
'top': stickHeader.value,
|
|
308
283
|
'exclude': excludeStickHeader,
|
|
@@ -2,7 +2,7 @@ import { State } from '../../hooks/useState';
|
|
|
2
2
|
import type { TableRowKey } from './';
|
|
3
3
|
import type { TableGrid } from './useMerge';
|
|
4
4
|
import type { useTree } from './useTree';
|
|
5
|
-
|
|
5
|
+
type RowStatus = {
|
|
6
6
|
checked: boolean;
|
|
7
7
|
indeterminate: boolean;
|
|
8
8
|
disabled: boolean;
|
|
@@ -5,49 +5,40 @@ import { useInstance } from 'intact-vue-next';
|
|
|
5
5
|
import { watchState } from '../../hooks/useState';
|
|
6
6
|
import { toggleArray } from '../utils';
|
|
7
7
|
export var AllCheckedStatus;
|
|
8
|
-
|
|
9
8
|
(function (AllCheckedStatus) {
|
|
10
9
|
AllCheckedStatus[AllCheckedStatus["All"] = 0] = "All";
|
|
11
10
|
AllCheckedStatus[AllCheckedStatus["Indeterminate"] = 1] = "Indeterminate";
|
|
12
11
|
AllCheckedStatus[AllCheckedStatus["None"] = 2] = "None";
|
|
13
12
|
})(AllCheckedStatus || (AllCheckedStatus = {}));
|
|
14
|
-
|
|
15
13
|
export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, loopData, data) {
|
|
16
14
|
var instance = useInstance();
|
|
17
15
|
var allStatus = [];
|
|
18
|
-
|
|
19
16
|
function isChecked(key) {
|
|
20
17
|
return inArray(instance.get('checkedKeys'), key);
|
|
21
18
|
}
|
|
22
|
-
|
|
23
19
|
function toggleChecked(key, rowIndex) {
|
|
24
20
|
if (instance.get('checkType') === 'checkbox') {
|
|
25
|
-
instance.set('checkedKeys', toggleArray(instance.get('checkedKeys'), key));
|
|
21
|
+
instance.set('checkedKeys', toggleArray(instance.get('checkedKeys'), key));
|
|
22
|
+
// trigger check event for checkbox,
|
|
26
23
|
// radio check event trigger in onChangeChecked function
|
|
27
|
-
|
|
28
24
|
triggerEvent(isChecked(key), key, rowIndex);
|
|
29
25
|
} else {
|
|
30
26
|
if (isChecked(key)) return;
|
|
31
27
|
var grid = getGrid();
|
|
32
28
|
var gridRow = grid[rowIndex];
|
|
33
|
-
|
|
34
29
|
if (gridRow) {
|
|
35
30
|
// find the row index that has grouped radio
|
|
36
31
|
while (!grid[rowIndex][0].render) {
|
|
37
32
|
rowIndex--;
|
|
38
33
|
}
|
|
39
34
|
}
|
|
40
|
-
|
|
41
35
|
onChangeChecked(rowIndex, true, key);
|
|
42
36
|
}
|
|
43
37
|
}
|
|
44
|
-
|
|
45
38
|
function getAllCheckedStatus() {
|
|
46
39
|
var _instance$get = instance.get(),
|
|
47
|
-
|
|
48
|
-
|
|
40
|
+
checkedKeys = _instance$get.checkedKeys;
|
|
49
41
|
var enabledKeys = getEnableKeys();
|
|
50
|
-
|
|
51
42
|
if (enabledKeys.length && checkedKeys) {
|
|
52
43
|
if (enabledKeys.every(function (key) {
|
|
53
44
|
return _includesInstanceProperty(checkedKeys).call(checkedKeys, key);
|
|
@@ -59,10 +50,8 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
|
|
|
59
50
|
return AllCheckedStatus.Indeterminate;
|
|
60
51
|
}
|
|
61
52
|
}
|
|
62
|
-
|
|
63
53
|
return AllCheckedStatus.None;
|
|
64
54
|
}
|
|
65
|
-
|
|
66
55
|
function toggleCheckedAll(v) {
|
|
67
56
|
instance.set('checkedKeys', getCheckedAllOrUncheckedAllKeys(v));
|
|
68
57
|
instance.trigger(v ? 'checkAll' : 'uncheckAll');
|
|
@@ -71,12 +60,9 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
|
|
|
71
60
|
* keep the original keys which don't exist in the enableKeys,
|
|
72
61
|
* and add or remove the enableKeys
|
|
73
62
|
*/
|
|
74
|
-
|
|
75
|
-
|
|
76
63
|
function getCheckedAllOrUncheckedAllKeys(isChecked) {
|
|
77
64
|
var checkedKeys = instance.get('checkedKeys');
|
|
78
65
|
var enabledKeys = getEnableKeys();
|
|
79
|
-
|
|
80
66
|
if (!checkedKeys) {
|
|
81
67
|
if (isChecked) {
|
|
82
68
|
return _sliceInstanceProperty(enabledKeys).call(enabledKeys);
|
|
@@ -84,23 +70,18 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
|
|
|
84
70
|
return [];
|
|
85
71
|
}
|
|
86
72
|
}
|
|
87
|
-
|
|
88
73
|
var results = _sliceInstanceProperty(checkedKeys).call(checkedKeys);
|
|
89
|
-
|
|
90
74
|
enabledKeys.forEach(function (key) {
|
|
91
75
|
addOrRemove(results, key, isChecked);
|
|
92
76
|
});
|
|
93
77
|
return results;
|
|
94
78
|
}
|
|
95
|
-
|
|
96
79
|
function updateAllCheckedStatus() {
|
|
97
80
|
allStatus = [];
|
|
98
|
-
|
|
99
81
|
var _instance$get2 = instance.get(),
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
82
|
+
rowKey = _instance$get2.rowKey,
|
|
83
|
+
checkType = _instance$get2.checkType,
|
|
84
|
+
merge = _instance$get2.merge;
|
|
104
85
|
if (!data.value || !data.value.length) return;
|
|
105
86
|
var allKeys = getAllKeys();
|
|
106
87
|
allKeys.forEach(function (key) {
|
|
@@ -113,25 +94,20 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
|
|
|
113
94
|
});
|
|
114
95
|
});
|
|
115
96
|
var grid = getGrid();
|
|
116
|
-
|
|
117
97
|
if (merge && checkType !== 'none') {
|
|
118
98
|
loopData(function (data, rowIndex) {
|
|
119
99
|
var _grid$rowIndex$ = grid[rowIndex][0],
|
|
120
|
-
|
|
121
|
-
|
|
100
|
+
spans = _grid$rowIndex$.spans,
|
|
101
|
+
render = _grid$rowIndex$.render;
|
|
122
102
|
var rowspan;
|
|
123
|
-
|
|
124
103
|
if (render && spans && (rowspan = spans.rowspan) > 1) {
|
|
125
104
|
var enabledCheckedCount = 0;
|
|
126
105
|
var disabledCheckedCount = 0;
|
|
127
106
|
var disabledCount = 0;
|
|
128
|
-
|
|
129
107
|
for (var i = rowIndex; i < rowspan + rowIndex; i++) {
|
|
130
108
|
var _status = allStatus[i];
|
|
131
|
-
|
|
132
109
|
if (isDisabledKey(allKeys[i])) {
|
|
133
110
|
disabledCount++;
|
|
134
|
-
|
|
135
111
|
if (_status.checked) {
|
|
136
112
|
disabledCheckedCount++;
|
|
137
113
|
}
|
|
@@ -139,13 +115,10 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
|
|
|
139
115
|
enabledCheckedCount++;
|
|
140
116
|
}
|
|
141
117
|
}
|
|
142
|
-
|
|
143
118
|
var status = allStatus[rowIndex];
|
|
144
|
-
|
|
145
119
|
if (disabledCount === rowspan) {
|
|
146
120
|
// all rows are disabled
|
|
147
121
|
status.allDisabled = true;
|
|
148
|
-
|
|
149
122
|
if (disabledCheckedCount === rowspan) {
|
|
150
123
|
status.checked = true;
|
|
151
124
|
} else if (disabledCheckedCount > 0) {
|
|
@@ -153,7 +126,6 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
|
|
|
153
126
|
}
|
|
154
127
|
} else {
|
|
155
128
|
status.allDisabled = false;
|
|
156
|
-
|
|
157
129
|
if (enabledCheckedCount + disabledCount === rowspan) {
|
|
158
130
|
status.checked = true;
|
|
159
131
|
} else if (enabledCheckedCount > 0) {
|
|
@@ -161,40 +133,32 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
|
|
|
161
133
|
}
|
|
162
134
|
}
|
|
163
135
|
}
|
|
164
|
-
});
|
|
136
|
+
});
|
|
137
|
+
// console.log(allStatus);
|
|
165
138
|
}
|
|
166
139
|
}
|
|
167
|
-
|
|
168
140
|
function onChangeChecked(rowIndex, v, key) {
|
|
169
141
|
var _context;
|
|
170
|
-
|
|
171
142
|
// should check or uncheck all grouped rows
|
|
172
143
|
var checkType = instance.get('checkType');
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
144
|
+
var checkedKeys = _sliceInstanceProperty(_context = instance.get('checkedKeys') || []).call(_context);
|
|
145
|
+
// if is radio check, remove all enabled keys
|
|
177
146
|
if (checkType === 'radio') {
|
|
178
147
|
for (var i = 0; i < checkedKeys.length; i++) {
|
|
179
|
-
var _key = checkedKeys[i];
|
|
180
|
-
|
|
148
|
+
var _key = checkedKeys[i];
|
|
149
|
+
// FIXME: should ignore the disabled status, if we remove the radio keys
|
|
181
150
|
if (isDisabledKey(_key)) continue;
|
|
182
|
-
|
|
183
151
|
_spliceInstanceProperty(checkedKeys).call(checkedKeys, i, 1);
|
|
184
|
-
|
|
185
152
|
i--;
|
|
186
153
|
}
|
|
187
154
|
}
|
|
188
|
-
|
|
189
155
|
var grid = getGrid();
|
|
190
156
|
var allKeys = getAllKeys();
|
|
191
157
|
var rowspan;
|
|
192
|
-
|
|
193
158
|
if ((rowspan = grid[rowIndex]) && (rowspan = rowspan[0]) && (rowspan = rowspan.spans) && (rowspan = rowspan.rowspan) && rowspan > 1) {
|
|
194
159
|
for (var _i = rowIndex; _i < rowspan + rowIndex; _i++) {
|
|
195
160
|
var status = allStatus[_i];
|
|
196
161
|
var _key2 = allKeys[_i];
|
|
197
|
-
|
|
198
162
|
if (!status.disabled) {
|
|
199
163
|
addOrRemove(checkedKeys, _key2, v);
|
|
200
164
|
}
|
|
@@ -202,25 +166,21 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
|
|
|
202
166
|
} else {
|
|
203
167
|
addOrRemove(checkedKeys, allKeys[rowIndex], v);
|
|
204
168
|
}
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
169
|
+
instance.set('checkedKeys', checkedKeys);
|
|
170
|
+
// onChangeChecked will be called in clickRow and check in Row component
|
|
208
171
|
triggerEvent(v, key, rowIndex);
|
|
209
172
|
}
|
|
210
|
-
|
|
211
173
|
function getAllStatus() {
|
|
212
174
|
return allStatus;
|
|
213
175
|
}
|
|
214
|
-
|
|
215
176
|
function triggerEvent(isChecked, key, rowIndex) {
|
|
216
177
|
instance.trigger(isChecked ? 'checkRow' : 'uncheckRow', data.value[rowIndex], rowIndex, key);
|
|
217
178
|
}
|
|
218
|
-
|
|
219
179
|
instance.on('$receive:children', updateAllCheckedStatus);
|
|
220
|
-
instance.on('$change:checkedKeys', updateAllCheckedStatus);
|
|
221
|
-
|
|
222
|
-
watchState(data, updateAllCheckedStatus);
|
|
223
|
-
|
|
180
|
+
instance.on('$change:checkedKeys', updateAllCheckedStatus);
|
|
181
|
+
// for draggable
|
|
182
|
+
watchState(data, updateAllCheckedStatus);
|
|
183
|
+
// instance.on('$change:data', updateAllCheckedStatus);
|
|
224
184
|
instance.on('clickRow', function (data, index, key) {
|
|
225
185
|
if (instance.get('rowCheckable') && instance.get('checkType') !== 'none') {
|
|
226
186
|
toggleChecked(key, index);
|
|
@@ -240,7 +200,6 @@ export function inArray(arr, v) {
|
|
|
240
200
|
}
|
|
241
201
|
export function addOrRemove(keys, key, isAdd) {
|
|
242
202
|
var index = keys.indexOf(key);
|
|
243
|
-
|
|
244
203
|
if (isAdd) {
|
|
245
204
|
if (index === -1) {
|
|
246
205
|
keys.push(key);
|
|
@@ -12,11 +12,9 @@ export function useColumns() {
|
|
|
12
12
|
var cols = [];
|
|
13
13
|
var currentVNode = null;
|
|
14
14
|
instance.on('$receive:children', handleChildren);
|
|
15
|
-
|
|
16
15
|
function handleChildren() {
|
|
17
16
|
var _instance$get = instance.get(),
|
|
18
|
-
|
|
19
|
-
|
|
17
|
+
children = _instance$get.children;
|
|
20
18
|
columns = [];
|
|
21
19
|
maxRows = 0;
|
|
22
20
|
maxCols = 0;
|
|
@@ -24,7 +22,6 @@ export function useColumns() {
|
|
|
24
22
|
currentVNode = null;
|
|
25
23
|
loopColumn(children, null, 0);
|
|
26
24
|
}
|
|
27
|
-
|
|
28
25
|
function loopColumn(children, parentProps, row) {
|
|
29
26
|
// add a flag, when we enter to the map callback set it to true,
|
|
30
27
|
// because it may have children but it has not TableColumn
|
|
@@ -38,17 +35,14 @@ export function useColumns() {
|
|
|
38
35
|
if (!columns[row]) columns[row] = [];
|
|
39
36
|
isFirstColumn = false;
|
|
40
37
|
}
|
|
41
|
-
|
|
42
38
|
ret = true;
|
|
43
39
|
var clonedVNode = directClone(vNode);
|
|
44
40
|
if (currentVNode) currentVNode.props.nextVNode = clonedVNode;
|
|
45
|
-
|
|
46
41
|
var props = _extends({}, clonedVNode.props, {
|
|
47
42
|
cols: 0,
|
|
48
43
|
rows: 0,
|
|
49
44
|
prevVNode: currentVNode
|
|
50
45
|
});
|
|
51
|
-
|
|
52
46
|
clonedVNode.props = props;
|
|
53
47
|
columns[row].push(clonedVNode);
|
|
54
48
|
handleProps(props, parentProps, row, clonedVNode);
|
|
@@ -56,10 +50,8 @@ export function useColumns() {
|
|
|
56
50
|
});
|
|
57
51
|
return ret;
|
|
58
52
|
}
|
|
59
|
-
|
|
60
53
|
function handleProps(props, parentProps, row, vNode) {
|
|
61
54
|
var children = props.children;
|
|
62
|
-
|
|
63
55
|
if (children && loopColumn(children, props, row + 1)) {
|
|
64
56
|
// if the column has children columns, then set the row to 1
|
|
65
57
|
props.rows = 1;
|
|
@@ -77,22 +69,18 @@ export function useColumns() {
|
|
|
77
69
|
enumerable: true
|
|
78
70
|
});
|
|
79
71
|
currentVNode = vNode;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
|
|
72
|
+
}
|
|
73
|
+
// update the parent's cols after hanlding all children columns
|
|
83
74
|
if (parentProps) {
|
|
84
75
|
parentProps.cols += props.cols;
|
|
85
76
|
}
|
|
86
77
|
}
|
|
87
|
-
|
|
88
78
|
function getColumns() {
|
|
89
79
|
return columns;
|
|
90
80
|
}
|
|
91
|
-
|
|
92
81
|
function getCols() {
|
|
93
82
|
return cols;
|
|
94
83
|
}
|
|
95
|
-
|
|
96
84
|
function getData() {
|
|
97
85
|
return {
|
|
98
86
|
columns: columns,
|
|
@@ -101,7 +89,6 @@ export function useColumns() {
|
|
|
101
89
|
maxCols: maxCols
|
|
102
90
|
};
|
|
103
91
|
}
|
|
104
|
-
|
|
105
92
|
return {
|
|
106
93
|
getColumns: getColumns,
|
|
107
94
|
getCols: getCols,
|
|
@@ -5,47 +5,37 @@ export function useDisableRow(loopData, data) {
|
|
|
5
5
|
var enabledKeys = [];
|
|
6
6
|
var disabledKeys = [];
|
|
7
7
|
var allKeys = [];
|
|
8
|
-
|
|
9
8
|
function setDisabledKeys() {
|
|
10
9
|
var _instance$get = instance.get(),
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
rowKey = _instance$get.rowKey;
|
|
13
11
|
enabledKeys = [];
|
|
14
12
|
disabledKeys = [];
|
|
15
13
|
allKeys = [];
|
|
16
14
|
loopData(function (item, index) {
|
|
17
15
|
var key = rowKey(item, index);
|
|
18
|
-
|
|
19
16
|
if (isDisabled(item, index, key)) {
|
|
20
17
|
disabledKeys.push(key);
|
|
21
18
|
} else {
|
|
22
19
|
enabledKeys.push(key);
|
|
23
20
|
}
|
|
24
|
-
|
|
25
21
|
allKeys.push(key);
|
|
26
22
|
});
|
|
27
23
|
}
|
|
28
|
-
|
|
29
24
|
function isDisabled(data, index, key) {
|
|
30
25
|
var _instance$get2 = instance.get(),
|
|
31
|
-
|
|
32
|
-
|
|
26
|
+
disableRow = _instance$get2.disableRow;
|
|
33
27
|
if (disableRow && disableRow(data, index, key)) return true;
|
|
34
28
|
return false;
|
|
35
29
|
}
|
|
36
|
-
|
|
37
30
|
function isDisabledKey(key) {
|
|
38
31
|
return disabledKeys.indexOf(key) > -1;
|
|
39
32
|
}
|
|
40
|
-
|
|
41
33
|
function getEnableKeys() {
|
|
42
34
|
return enabledKeys;
|
|
43
35
|
}
|
|
44
|
-
|
|
45
36
|
function getAllKeys() {
|
|
46
37
|
return allKeys;
|
|
47
38
|
}
|
|
48
|
-
|
|
49
39
|
instance.on('$receive:children', setDisabledKeys);
|
|
50
40
|
watchState(data, setDisabledKeys);
|
|
51
41
|
return {
|