naive-ui 2.30.3 → 2.30.6
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/dist/index.js +1829 -1088
- package/dist/index.prod.js +2 -2
- package/es/_internal/scrollbar/src/Scrollbar.js +5 -18
- package/es/_internal/select-menu/src/SelectGroupHeader.d.ts +1 -0
- package/es/_internal/select-menu/src/SelectGroupHeader.js +5 -3
- package/es/_internal/select-menu/src/SelectMenu.d.ts +3 -3
- package/es/_internal/select-menu/src/SelectMenu.js +6 -8
- package/es/_internal/select-menu/src/SelectOption.d.ts +1 -0
- package/es/_internal/select-menu/src/SelectOption.js +11 -5
- package/es/_internal/select-menu/src/interface.d.ts +3 -1
- package/es/_internal/selection/src/Selection.d.ts +0 -2
- package/es/_internal/selection/src/Selection.js +7 -5
- package/es/_mixins/use-theme.js +1 -1
- package/es/_utils/composable/index.d.ts +3 -5
- package/es/_utils/composable/index.js +3 -111
- package/es/_utils/composable/use-collection.d.ts +4 -0
- package/es/_utils/composable/use-collection.js +87 -0
- package/es/_utils/composable/use-deferred-true.d.ts +2 -0
- package/es/_utils/composable/use-deferred-true.js +25 -0
- package/es/_utils/composable/use-reactivated.d.ts +3 -0
- package/es/_utils/composable/use-reactivated.js +20 -0
- package/es/_utils/dom/index.d.ts +1 -0
- package/es/_utils/dom/index.js +1 -0
- package/es/_utils/dom/is-document.d.ts +1 -0
- package/es/_utils/dom/is-document.js +3 -0
- package/es/_utils/event/index.d.ts +2 -0
- package/es/_utils/event/index.js +7 -0
- package/es/_utils/index.d.ts +3 -1
- package/es/_utils/index.js +3 -1
- package/es/_utils/vue/index.d.ts +3 -0
- package/es/_utils/vue/index.js +3 -0
- package/es/_utils/vue/is-node-v-show-false.d.ts +2 -0
- package/es/_utils/vue/is-node-v-show-false.js +6 -0
- package/es/_utils/vue/merge-handlers.d.ts +1 -0
- package/es/_utils/vue/merge-handlers.js +15 -0
- package/es/{_internal/scrollbar/src/Wrapper.d.ts → _utils/vue/wrapper.d.ts} +0 -0
- package/es/{_internal/scrollbar/src/Wrapper.js → _utils/vue/wrapper.js} +0 -0
- package/es/back-top/src/BackTop.d.ts +1 -1
- package/es/back-top/src/BackTop.js +24 -31
- package/es/button/src/Button.js +7 -2
- package/es/cascader/src/Cascader.d.ts +2 -3
- package/es/cascader/src/Cascader.js +26 -22
- package/es/cascader/src/CascaderMenu.d.ts +2 -2
- package/es/cascader/src/CascaderMenu.js +2 -4
- package/es/color-picker/src/ColorInputUnit.js +1 -1
- package/es/data-table/src/DataTable.d.ts +792 -2
- package/es/data-table/src/DataTable.js +10 -5
- package/es/data-table/src/HeaderButton/FilterButton.d.ts +142 -0
- package/es/data-table/src/HeaderButton/FilterMenu.d.ts +142 -0
- package/es/data-table/src/MainTable.d.ts +2 -0
- package/es/data-table/src/MainTable.js +5 -1
- package/es/data-table/src/TableParts/Body.d.ts +144 -0
- package/es/data-table/src/TableParts/Body.js +15 -8
- package/es/data-table/src/TableParts/Cell.d.ts +295 -1
- package/es/data-table/src/TableParts/Cell.js +19 -6
- package/es/data-table/src/TableParts/Header.d.ts +143 -0
- package/es/data-table/src/TableParts/Header.js +6 -2
- package/es/data-table/src/interface.d.ts +14 -7
- package/es/data-table/src/styles/index.cssr.js +7 -2
- package/es/data-table/src/use-check.js +11 -3
- package/es/data-table/src/use-expand.d.ts +5 -3
- package/es/data-table/src/use-expand.js +22 -2
- package/es/data-table/src/utils.d.ts +2 -2
- package/es/data-table/src/utils.js +10 -8
- package/es/data-table/styles/light.d.ts +71 -0
- package/es/date-picker/src/DatePicker.d.ts +2 -1
- package/es/date-picker/src/DatePicker.js +20 -9
- package/es/date-picker/src/panel/month.js +3 -2
- package/es/drawer/src/Drawer.d.ts +1 -1
- package/es/drawer/src/Drawer.js +3 -3
- package/es/drawer/src/DrawerBodyWrapper.d.ts +2 -2
- package/es/dropdown/src/Dropdown.d.ts +4 -0
- package/es/dynamic-tags/src/DynamicTags.js +1 -1
- package/es/grid/src/Grid.d.ts +3 -0
- package/es/grid/src/Grid.js +47 -9
- package/es/grid/src/GridItem.js +2 -1
- package/es/image/src/Image.d.ts +10 -0
- package/es/image/src/Image.js +42 -8
- package/es/image/src/utils.d.ts +11 -0
- package/es/image/src/utils.js +81 -0
- package/es/input/src/Input.d.ts +6 -3
- package/es/input/src/Input.js +56 -31
- package/es/input/src/styles/input-group-label.cssr.js +2 -0
- package/es/input/src/utils.d.ts +7 -1
- package/es/input/src/utils.js +57 -2
- package/es/layout/src/Layout.d.ts +3 -1
- package/es/layout/src/Layout.js +22 -4
- package/es/layout/src/LayoutContent.d.ts +1 -0
- package/es/layout/src/LayoutSider.d.ts +1 -0
- package/es/layout/src/LayoutSider.js +22 -3
- package/es/menu/src/Menu.d.ts +1 -1
- package/es/modal/src/BodyWrapper.d.ts +15 -20
- package/es/modal/src/BodyWrapper.js +38 -33
- package/es/modal/src/Modal.js +14 -9
- package/es/pagination/src/Pagination.d.ts +806 -20
- package/es/pagination/src/Pagination.js +115 -52
- package/es/pagination/src/interface.d.ts +2 -2
- package/es/pagination/src/styles/index.cssr.js +12 -10
- package/es/pagination/src/utils.d.ts +15 -5
- package/es/pagination/src/utils.js +117 -50
- package/es/pagination/styles/dark.js +3 -1
- package/es/pagination/styles/light.d.ts +71 -0
- package/es/pagination/styles/light.js +3 -1
- package/es/popconfirm/src/Popconfirm.d.ts +4 -0
- package/es/popover/src/Popover.d.ts +5 -0
- package/es/popover/src/Popover.js +1 -0
- package/es/popover/src/PopoverBody.d.ts +4 -0
- package/es/popover/src/PopoverBody.js +18 -10
- package/es/popselect/src/Popselect.d.ts +24 -0
- package/es/popselect/src/Popselect.js +12 -7
- package/es/popselect/src/PopselectPanel.d.ts +22 -2
- package/es/popselect/src/PopselectPanel.js +12 -1
- package/es/select/src/Select.d.ts +1 -1
- package/es/select/src/Select.js +5 -2
- package/es/slider/src/Slider.d.ts +1 -1
- package/es/slider/src/Slider.js +13 -5
- package/es/slider/src/styles/index.cssr.js +26 -31
- package/es/space/src/Space.d.ts +26 -0
- package/es/space/src/Space.js +53 -43
- package/es/time-picker/src/TimePicker.d.ts +2 -1
- package/es/time-picker/src/TimePicker.js +18 -8
- package/es/tooltip/index.d.ts +1 -1
- package/es/tooltip/src/Tooltip.d.ts +4 -0
- package/es/tree/src/Tree.d.ts +2 -3
- package/es/tree/src/Tree.js +6 -8
- package/es/tree/src/TreeNode.js +4 -1
- package/es/tree/src/interface.d.ts +0 -1
- package/es/tree/src/keyboard.d.ts +0 -1
- package/es/tree/src/keyboard.js +6 -9
- package/es/tree-select/src/TreeSelect.d.ts +1 -3
- package/es/tree-select/src/TreeSelect.js +14 -16
- package/es/upload/src/UploadDragger.js +2 -2
- package/es/upload/src/UploadFile.d.ts +2 -2
- package/es/upload/src/UploadFile.js +9 -4
- package/es/upload/src/UploadTrigger.js +4 -3
- package/es/upload/src/styles/index.cssr.js +2 -2
- package/es/upload/src/utils.js +1 -15
- package/es/version.d.ts +1 -1
- package/es/version.js +1 -1
- package/lib/_internal/scrollbar/src/Scrollbar.js +6 -19
- package/lib/_internal/select-menu/src/SelectGroupHeader.d.ts +1 -0
- package/lib/_internal/select-menu/src/SelectGroupHeader.js +5 -3
- package/lib/_internal/select-menu/src/SelectMenu.d.ts +3 -3
- package/lib/_internal/select-menu/src/SelectMenu.js +5 -7
- package/lib/_internal/select-menu/src/SelectOption.d.ts +1 -0
- package/lib/_internal/select-menu/src/SelectOption.js +10 -4
- package/lib/_internal/select-menu/src/interface.d.ts +3 -1
- package/lib/_internal/selection/src/Selection.d.ts +0 -2
- package/lib/_internal/selection/src/Selection.js +6 -4
- package/lib/_mixins/use-theme.js +1 -1
- package/lib/_utils/composable/index.d.ts +3 -5
- package/lib/_utils/composable/index.js +9 -116
- package/lib/_utils/composable/use-collection.d.ts +4 -0
- package/lib/_utils/composable/use-collection.js +93 -0
- package/lib/_utils/composable/use-deferred-true.d.ts +2 -0
- package/lib/_utils/composable/use-deferred-true.js +29 -0
- package/lib/_utils/composable/use-reactivated.d.ts +3 -0
- package/lib/_utils/composable/use-reactivated.js +24 -0
- package/lib/_utils/dom/index.d.ts +1 -0
- package/lib/_utils/dom/index.js +5 -0
- package/lib/_utils/dom/is-document.d.ts +1 -0
- package/lib/_utils/dom/is-document.js +7 -0
- package/lib/_utils/event/index.d.ts +2 -0
- package/lib/_utils/event/index.js +12 -0
- package/lib/_utils/index.d.ts +3 -1
- package/lib/_utils/index.js +8 -1
- package/lib/_utils/vue/index.d.ts +3 -0
- package/lib/_utils/vue/index.js +7 -1
- package/lib/_utils/vue/is-node-v-show-false.d.ts +2 -0
- package/lib/_utils/vue/is-node-v-show-false.js +10 -0
- package/lib/_utils/vue/merge-handlers.d.ts +1 -0
- package/lib/_utils/vue/merge-handlers.js +19 -0
- package/lib/{_internal/scrollbar/src/Wrapper.d.ts → _utils/vue/wrapper.d.ts} +0 -0
- package/lib/{_internal/scrollbar/src/Wrapper.js → _utils/vue/wrapper.js} +0 -0
- package/lib/back-top/src/BackTop.d.ts +1 -1
- package/lib/back-top/src/BackTop.js +23 -30
- package/lib/button/src/Button.js +7 -2
- package/lib/cascader/src/Cascader.d.ts +2 -3
- package/lib/cascader/src/Cascader.js +25 -21
- package/lib/cascader/src/CascaderMenu.d.ts +2 -2
- package/lib/cascader/src/CascaderMenu.js +2 -4
- package/lib/color-picker/src/ColorInputUnit.js +1 -1
- package/lib/data-table/src/DataTable.d.ts +792 -2
- package/lib/data-table/src/DataTable.js +10 -5
- package/lib/data-table/src/HeaderButton/FilterButton.d.ts +142 -0
- package/lib/data-table/src/HeaderButton/FilterMenu.d.ts +142 -0
- package/lib/data-table/src/MainTable.d.ts +2 -0
- package/lib/data-table/src/MainTable.js +5 -1
- package/lib/data-table/src/TableParts/Body.d.ts +144 -0
- package/lib/data-table/src/TableParts/Body.js +15 -8
- package/lib/data-table/src/TableParts/Cell.d.ts +295 -1
- package/lib/data-table/src/TableParts/Cell.js +19 -6
- package/lib/data-table/src/TableParts/Header.d.ts +143 -0
- package/lib/data-table/src/TableParts/Header.js +6 -2
- package/lib/data-table/src/interface.d.ts +14 -7
- package/lib/data-table/src/styles/index.cssr.js +7 -2
- package/lib/data-table/src/use-check.js +11 -3
- package/lib/data-table/src/use-expand.d.ts +5 -3
- package/lib/data-table/src/use-expand.js +22 -2
- package/lib/data-table/src/utils.d.ts +2 -2
- package/lib/data-table/src/utils.js +11 -9
- package/lib/data-table/styles/light.d.ts +71 -0
- package/lib/date-picker/src/DatePicker.d.ts +2 -1
- package/lib/date-picker/src/DatePicker.js +19 -8
- package/lib/date-picker/src/panel/month.js +3 -2
- package/lib/drawer/src/Drawer.d.ts +1 -1
- package/lib/drawer/src/Drawer.js +2 -2
- package/lib/drawer/src/DrawerBodyWrapper.d.ts +2 -2
- package/lib/dropdown/src/Dropdown.d.ts +4 -0
- package/lib/dynamic-tags/src/DynamicTags.js +1 -1
- package/lib/grid/src/Grid.d.ts +3 -0
- package/lib/grid/src/Grid.js +45 -7
- package/lib/grid/src/GridItem.js +2 -1
- package/lib/image/src/Image.d.ts +10 -0
- package/lib/image/src/Image.js +41 -7
- package/lib/image/src/utils.d.ts +11 -0
- package/lib/image/src/utils.js +86 -0
- package/lib/input/src/Input.d.ts +6 -3
- package/lib/input/src/Input.js +55 -30
- package/lib/input/src/styles/input-group-label.cssr.js +2 -0
- package/lib/input/src/utils.d.ts +7 -1
- package/lib/input/src/utils.js +60 -4
- package/lib/layout/src/Layout.d.ts +3 -1
- package/lib/layout/src/Layout.js +22 -4
- package/lib/layout/src/LayoutContent.d.ts +1 -0
- package/lib/layout/src/LayoutSider.d.ts +1 -0
- package/lib/layout/src/LayoutSider.js +21 -2
- package/lib/menu/src/Menu.d.ts +1 -1
- package/lib/modal/src/BodyWrapper.d.ts +15 -20
- package/lib/modal/src/BodyWrapper.js +38 -33
- package/lib/modal/src/Modal.js +13 -8
- package/lib/pagination/src/Pagination.d.ts +806 -20
- package/lib/pagination/src/Pagination.js +114 -51
- package/lib/pagination/src/interface.d.ts +2 -2
- package/lib/pagination/src/styles/index.cssr.js +13 -11
- package/lib/pagination/src/utils.d.ts +15 -5
- package/lib/pagination/src/utils.js +118 -53
- package/lib/pagination/styles/dark.js +6 -4
- package/lib/pagination/styles/light.d.ts +71 -0
- package/lib/pagination/styles/light.js +6 -4
- package/lib/popconfirm/src/Popconfirm.d.ts +4 -0
- package/lib/popover/src/Popover.d.ts +5 -0
- package/lib/popover/src/Popover.js +1 -0
- package/lib/popover/src/PopoverBody.d.ts +4 -0
- package/lib/popover/src/PopoverBody.js +18 -10
- package/lib/popselect/src/Popselect.d.ts +24 -0
- package/lib/popselect/src/Popselect.js +10 -5
- package/lib/popselect/src/PopselectPanel.d.ts +22 -2
- package/lib/popselect/src/PopselectPanel.js +12 -1
- package/lib/select/src/Select.d.ts +1 -1
- package/lib/select/src/Select.js +4 -1
- package/lib/slider/src/Slider.d.ts +1 -1
- package/lib/slider/src/Slider.js +12 -4
- package/lib/slider/src/styles/index.cssr.js +26 -31
- package/lib/space/src/Space.d.ts +26 -0
- package/lib/space/src/Space.js +53 -43
- package/lib/time-picker/src/TimePicker.d.ts +2 -1
- package/lib/time-picker/src/TimePicker.js +17 -7
- package/lib/tooltip/index.d.ts +1 -1
- package/lib/tooltip/src/Tooltip.d.ts +4 -0
- package/lib/tree/src/Tree.d.ts +2 -3
- package/lib/tree/src/Tree.js +6 -8
- package/lib/tree/src/TreeNode.js +4 -1
- package/lib/tree/src/interface.d.ts +0 -1
- package/lib/tree/src/keyboard.d.ts +0 -1
- package/lib/tree/src/keyboard.js +6 -9
- package/lib/tree-select/src/TreeSelect.d.ts +1 -3
- package/lib/tree-select/src/TreeSelect.js +13 -15
- package/lib/upload/src/UploadDragger.js +2 -2
- package/lib/upload/src/UploadFile.d.ts +2 -2
- package/lib/upload/src/UploadFile.js +9 -4
- package/lib/upload/src/UploadTrigger.js +3 -2
- package/lib/upload/src/styles/index.cssr.js +2 -2
- package/lib/upload/src/utils.js +1 -15
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +2 -2
- package/volar.d.ts +0 -1
- package/web-types.json +73 -1
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
import { PropType } from 'vue';
|
|
1
|
+
import { PropType, VNodeChild } from 'vue';
|
|
2
2
|
import { TableBaseColumn, InternalRowData } from '../interface';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
clsPrefix: {
|
|
5
|
+
type: StringConstructor;
|
|
6
|
+
required: true;
|
|
7
|
+
};
|
|
4
8
|
row: {
|
|
5
9
|
type: PropType<InternalRowData>;
|
|
6
10
|
required: true;
|
|
@@ -699,6 +703,77 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
699
703
|
paddingLarge: string;
|
|
700
704
|
clearSize: string;
|
|
701
705
|
}, any>;
|
|
706
|
+
Popselect: import("../../../_mixins").Theme<"Popselect", {
|
|
707
|
+
menuBoxShadow: string;
|
|
708
|
+
}, {
|
|
709
|
+
Popover: import("../../../_mixins").Theme<"Popover", {
|
|
710
|
+
fontSize: string;
|
|
711
|
+
borderRadius: string;
|
|
712
|
+
color: string;
|
|
713
|
+
dividerColor: string;
|
|
714
|
+
textColor: string;
|
|
715
|
+
boxShadow: string;
|
|
716
|
+
space: string;
|
|
717
|
+
spaceArrow: string;
|
|
718
|
+
arrowOffset: string;
|
|
719
|
+
arrowOffsetVertical: string;
|
|
720
|
+
arrowHeight: string;
|
|
721
|
+
padding: string;
|
|
722
|
+
}, any>;
|
|
723
|
+
InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
|
|
724
|
+
optionFontSizeSmall: string;
|
|
725
|
+
optionFontSizeMedium: string;
|
|
726
|
+
optionFontSizeLarge: string;
|
|
727
|
+
optionFontSizeHuge: string;
|
|
728
|
+
optionHeightSmall: string;
|
|
729
|
+
optionHeightMedium: string;
|
|
730
|
+
optionHeightLarge: string;
|
|
731
|
+
optionHeightHuge: string;
|
|
732
|
+
borderRadius: string;
|
|
733
|
+
color: string;
|
|
734
|
+
groupHeaderTextColor: string;
|
|
735
|
+
actionDividerColor: string;
|
|
736
|
+
optionTextColor: string;
|
|
737
|
+
optionTextColorPressed: string;
|
|
738
|
+
optionTextColorDisabled: string;
|
|
739
|
+
optionTextColorActive: string;
|
|
740
|
+
optionOpacityDisabled: string;
|
|
741
|
+
optionCheckColor: string;
|
|
742
|
+
optionColorPending: string;
|
|
743
|
+
optionColorActive: string;
|
|
744
|
+
optionColorActivePending: string;
|
|
745
|
+
actionTextColor: string;
|
|
746
|
+
loadingColor: string;
|
|
747
|
+
height: string;
|
|
748
|
+
paddingSmall: string;
|
|
749
|
+
paddingMedium: string;
|
|
750
|
+
paddingLarge: string;
|
|
751
|
+
paddingHuge: string;
|
|
752
|
+
optionPaddingSmall: string;
|
|
753
|
+
optionPaddingMedium: string;
|
|
754
|
+
optionPaddingLarge: string;
|
|
755
|
+
optionPaddingHuge: string;
|
|
756
|
+
loadingSize: string;
|
|
757
|
+
}, {
|
|
758
|
+
Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
|
|
759
|
+
color: string;
|
|
760
|
+
colorHover: string;
|
|
761
|
+
}, any>;
|
|
762
|
+
Empty: import("../../../_mixins").Theme<"Empty", {
|
|
763
|
+
fontSizeSmall: string;
|
|
764
|
+
fontSizeMedium: string;
|
|
765
|
+
fontSizeLarge: string;
|
|
766
|
+
fontSizeHuge: string;
|
|
767
|
+
textColor: string;
|
|
768
|
+
iconColor: string;
|
|
769
|
+
extraTextColor: string;
|
|
770
|
+
iconSizeSmall: string;
|
|
771
|
+
iconSizeMedium: string;
|
|
772
|
+
iconSizeLarge: string;
|
|
773
|
+
iconSizeHuge: string;
|
|
774
|
+
}, any>;
|
|
775
|
+
}>;
|
|
776
|
+
}>;
|
|
702
777
|
}>;
|
|
703
778
|
Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
|
|
704
779
|
color: string;
|
|
@@ -960,6 +1035,77 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
960
1035
|
paddingLarge: string;
|
|
961
1036
|
clearSize: string;
|
|
962
1037
|
}, any>> | undefined;
|
|
1038
|
+
Popselect?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popselect", {
|
|
1039
|
+
menuBoxShadow: string;
|
|
1040
|
+
}, {
|
|
1041
|
+
Popover: import("../../../_mixins").Theme<"Popover", {
|
|
1042
|
+
fontSize: string;
|
|
1043
|
+
borderRadius: string;
|
|
1044
|
+
color: string;
|
|
1045
|
+
dividerColor: string;
|
|
1046
|
+
textColor: string;
|
|
1047
|
+
boxShadow: string;
|
|
1048
|
+
space: string;
|
|
1049
|
+
spaceArrow: string;
|
|
1050
|
+
arrowOffset: string;
|
|
1051
|
+
arrowOffsetVertical: string;
|
|
1052
|
+
arrowHeight: string;
|
|
1053
|
+
padding: string;
|
|
1054
|
+
}, any>;
|
|
1055
|
+
InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
|
|
1056
|
+
optionFontSizeSmall: string;
|
|
1057
|
+
optionFontSizeMedium: string;
|
|
1058
|
+
optionFontSizeLarge: string;
|
|
1059
|
+
optionFontSizeHuge: string;
|
|
1060
|
+
optionHeightSmall: string;
|
|
1061
|
+
optionHeightMedium: string;
|
|
1062
|
+
optionHeightLarge: string;
|
|
1063
|
+
optionHeightHuge: string;
|
|
1064
|
+
borderRadius: string;
|
|
1065
|
+
color: string;
|
|
1066
|
+
groupHeaderTextColor: string;
|
|
1067
|
+
actionDividerColor: string;
|
|
1068
|
+
optionTextColor: string;
|
|
1069
|
+
optionTextColorPressed: string;
|
|
1070
|
+
optionTextColorDisabled: string;
|
|
1071
|
+
optionTextColorActive: string;
|
|
1072
|
+
optionOpacityDisabled: string;
|
|
1073
|
+
optionCheckColor: string;
|
|
1074
|
+
optionColorPending: string;
|
|
1075
|
+
optionColorActive: string;
|
|
1076
|
+
optionColorActivePending: string;
|
|
1077
|
+
actionTextColor: string;
|
|
1078
|
+
loadingColor: string;
|
|
1079
|
+
height: string;
|
|
1080
|
+
paddingSmall: string;
|
|
1081
|
+
paddingMedium: string;
|
|
1082
|
+
paddingLarge: string;
|
|
1083
|
+
paddingHuge: string;
|
|
1084
|
+
optionPaddingSmall: string;
|
|
1085
|
+
optionPaddingMedium: string;
|
|
1086
|
+
optionPaddingLarge: string;
|
|
1087
|
+
optionPaddingHuge: string;
|
|
1088
|
+
loadingSize: string;
|
|
1089
|
+
}, {
|
|
1090
|
+
Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
|
|
1091
|
+
color: string;
|
|
1092
|
+
colorHover: string;
|
|
1093
|
+
}, any>;
|
|
1094
|
+
Empty: import("../../../_mixins").Theme<"Empty", {
|
|
1095
|
+
fontSizeSmall: string;
|
|
1096
|
+
fontSizeMedium: string;
|
|
1097
|
+
fontSizeLarge: string;
|
|
1098
|
+
fontSizeHuge: string;
|
|
1099
|
+
textColor: string;
|
|
1100
|
+
iconColor: string;
|
|
1101
|
+
extraTextColor: string;
|
|
1102
|
+
iconSizeSmall: string;
|
|
1103
|
+
iconSizeMedium: string;
|
|
1104
|
+
iconSizeLarge: string;
|
|
1105
|
+
iconSizeHuge: string;
|
|
1106
|
+
}, any>;
|
|
1107
|
+
}>;
|
|
1108
|
+
}>> | undefined;
|
|
963
1109
|
} | undefined;
|
|
964
1110
|
} | undefined;
|
|
965
1111
|
Scrollbar?: {
|
|
@@ -1007,7 +1153,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1007
1153
|
}>;
|
|
1008
1154
|
required: true;
|
|
1009
1155
|
};
|
|
1156
|
+
renderCell: PropType<(value: any, rowData: object, column: any) => VNodeChild>;
|
|
1010
1157
|
}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
1158
|
+
clsPrefix: {
|
|
1159
|
+
type: StringConstructor;
|
|
1160
|
+
required: true;
|
|
1161
|
+
};
|
|
1011
1162
|
row: {
|
|
1012
1163
|
type: PropType<InternalRowData>;
|
|
1013
1164
|
required: true;
|
|
@@ -1706,6 +1857,77 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1706
1857
|
paddingLarge: string;
|
|
1707
1858
|
clearSize: string;
|
|
1708
1859
|
}, any>;
|
|
1860
|
+
Popselect: import("../../../_mixins").Theme<"Popselect", {
|
|
1861
|
+
menuBoxShadow: string;
|
|
1862
|
+
}, {
|
|
1863
|
+
Popover: import("../../../_mixins").Theme<"Popover", {
|
|
1864
|
+
fontSize: string;
|
|
1865
|
+
borderRadius: string;
|
|
1866
|
+
color: string;
|
|
1867
|
+
dividerColor: string;
|
|
1868
|
+
textColor: string;
|
|
1869
|
+
boxShadow: string;
|
|
1870
|
+
space: string;
|
|
1871
|
+
spaceArrow: string;
|
|
1872
|
+
arrowOffset: string;
|
|
1873
|
+
arrowOffsetVertical: string;
|
|
1874
|
+
arrowHeight: string;
|
|
1875
|
+
padding: string;
|
|
1876
|
+
}, any>;
|
|
1877
|
+
InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
|
|
1878
|
+
optionFontSizeSmall: string;
|
|
1879
|
+
optionFontSizeMedium: string;
|
|
1880
|
+
optionFontSizeLarge: string;
|
|
1881
|
+
optionFontSizeHuge: string;
|
|
1882
|
+
optionHeightSmall: string;
|
|
1883
|
+
optionHeightMedium: string;
|
|
1884
|
+
optionHeightLarge: string;
|
|
1885
|
+
optionHeightHuge: string;
|
|
1886
|
+
borderRadius: string;
|
|
1887
|
+
color: string;
|
|
1888
|
+
groupHeaderTextColor: string;
|
|
1889
|
+
actionDividerColor: string;
|
|
1890
|
+
optionTextColor: string;
|
|
1891
|
+
optionTextColorPressed: string;
|
|
1892
|
+
optionTextColorDisabled: string;
|
|
1893
|
+
optionTextColorActive: string;
|
|
1894
|
+
optionOpacityDisabled: string;
|
|
1895
|
+
optionCheckColor: string;
|
|
1896
|
+
optionColorPending: string;
|
|
1897
|
+
optionColorActive: string;
|
|
1898
|
+
optionColorActivePending: string;
|
|
1899
|
+
actionTextColor: string;
|
|
1900
|
+
loadingColor: string;
|
|
1901
|
+
height: string;
|
|
1902
|
+
paddingSmall: string;
|
|
1903
|
+
paddingMedium: string;
|
|
1904
|
+
paddingLarge: string;
|
|
1905
|
+
paddingHuge: string;
|
|
1906
|
+
optionPaddingSmall: string;
|
|
1907
|
+
optionPaddingMedium: string;
|
|
1908
|
+
optionPaddingLarge: string;
|
|
1909
|
+
optionPaddingHuge: string;
|
|
1910
|
+
loadingSize: string;
|
|
1911
|
+
}, {
|
|
1912
|
+
Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
|
|
1913
|
+
color: string;
|
|
1914
|
+
colorHover: string;
|
|
1915
|
+
}, any>;
|
|
1916
|
+
Empty: import("../../../_mixins").Theme<"Empty", {
|
|
1917
|
+
fontSizeSmall: string;
|
|
1918
|
+
fontSizeMedium: string;
|
|
1919
|
+
fontSizeLarge: string;
|
|
1920
|
+
fontSizeHuge: string;
|
|
1921
|
+
textColor: string;
|
|
1922
|
+
iconColor: string;
|
|
1923
|
+
extraTextColor: string;
|
|
1924
|
+
iconSizeSmall: string;
|
|
1925
|
+
iconSizeMedium: string;
|
|
1926
|
+
iconSizeLarge: string;
|
|
1927
|
+
iconSizeHuge: string;
|
|
1928
|
+
}, any>;
|
|
1929
|
+
}>;
|
|
1930
|
+
}>;
|
|
1709
1931
|
}>;
|
|
1710
1932
|
Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
|
|
1711
1933
|
color: string;
|
|
@@ -1967,6 +2189,77 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1967
2189
|
paddingLarge: string;
|
|
1968
2190
|
clearSize: string;
|
|
1969
2191
|
}, any>> | undefined;
|
|
2192
|
+
Popselect?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popselect", {
|
|
2193
|
+
menuBoxShadow: string;
|
|
2194
|
+
}, {
|
|
2195
|
+
Popover: import("../../../_mixins").Theme<"Popover", {
|
|
2196
|
+
fontSize: string;
|
|
2197
|
+
borderRadius: string;
|
|
2198
|
+
color: string;
|
|
2199
|
+
dividerColor: string;
|
|
2200
|
+
textColor: string;
|
|
2201
|
+
boxShadow: string;
|
|
2202
|
+
space: string;
|
|
2203
|
+
spaceArrow: string;
|
|
2204
|
+
arrowOffset: string;
|
|
2205
|
+
arrowOffsetVertical: string;
|
|
2206
|
+
arrowHeight: string;
|
|
2207
|
+
padding: string;
|
|
2208
|
+
}, any>;
|
|
2209
|
+
InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
|
|
2210
|
+
optionFontSizeSmall: string;
|
|
2211
|
+
optionFontSizeMedium: string;
|
|
2212
|
+
optionFontSizeLarge: string;
|
|
2213
|
+
optionFontSizeHuge: string;
|
|
2214
|
+
optionHeightSmall: string;
|
|
2215
|
+
optionHeightMedium: string;
|
|
2216
|
+
optionHeightLarge: string;
|
|
2217
|
+
optionHeightHuge: string;
|
|
2218
|
+
borderRadius: string;
|
|
2219
|
+
color: string;
|
|
2220
|
+
groupHeaderTextColor: string;
|
|
2221
|
+
actionDividerColor: string;
|
|
2222
|
+
optionTextColor: string;
|
|
2223
|
+
optionTextColorPressed: string;
|
|
2224
|
+
optionTextColorDisabled: string;
|
|
2225
|
+
optionTextColorActive: string;
|
|
2226
|
+
optionOpacityDisabled: string;
|
|
2227
|
+
optionCheckColor: string;
|
|
2228
|
+
optionColorPending: string;
|
|
2229
|
+
optionColorActive: string;
|
|
2230
|
+
optionColorActivePending: string;
|
|
2231
|
+
actionTextColor: string;
|
|
2232
|
+
loadingColor: string;
|
|
2233
|
+
height: string;
|
|
2234
|
+
paddingSmall: string;
|
|
2235
|
+
paddingMedium: string;
|
|
2236
|
+
paddingLarge: string;
|
|
2237
|
+
paddingHuge: string;
|
|
2238
|
+
optionPaddingSmall: string;
|
|
2239
|
+
optionPaddingMedium: string;
|
|
2240
|
+
optionPaddingLarge: string;
|
|
2241
|
+
optionPaddingHuge: string;
|
|
2242
|
+
loadingSize: string;
|
|
2243
|
+
}, {
|
|
2244
|
+
Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
|
|
2245
|
+
color: string;
|
|
2246
|
+
colorHover: string;
|
|
2247
|
+
}, any>;
|
|
2248
|
+
Empty: import("../../../_mixins").Theme<"Empty", {
|
|
2249
|
+
fontSizeSmall: string;
|
|
2250
|
+
fontSizeMedium: string;
|
|
2251
|
+
fontSizeLarge: string;
|
|
2252
|
+
fontSizeHuge: string;
|
|
2253
|
+
textColor: string;
|
|
2254
|
+
iconColor: string;
|
|
2255
|
+
extraTextColor: string;
|
|
2256
|
+
iconSizeSmall: string;
|
|
2257
|
+
iconSizeMedium: string;
|
|
2258
|
+
iconSizeLarge: string;
|
|
2259
|
+
iconSizeHuge: string;
|
|
2260
|
+
}, any>;
|
|
2261
|
+
}>;
|
|
2262
|
+
}>> | undefined;
|
|
1970
2263
|
} | undefined;
|
|
1971
2264
|
} | undefined;
|
|
1972
2265
|
Scrollbar?: {
|
|
@@ -2014,6 +2307,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
2014
2307
|
}>;
|
|
2015
2308
|
required: true;
|
|
2016
2309
|
};
|
|
2310
|
+
renderCell: PropType<(value: any, rowData: object, column: any) => VNodeChild>;
|
|
2017
2311
|
}>>, {
|
|
2018
2312
|
isSummary: boolean;
|
|
2019
2313
|
}>;
|
|
@@ -6,6 +6,10 @@ const ellipsis_1 = require("../../../ellipsis");
|
|
|
6
6
|
exports.default = (0, vue_1.defineComponent)({
|
|
7
7
|
name: 'DataTableCell',
|
|
8
8
|
props: {
|
|
9
|
+
clsPrefix: {
|
|
10
|
+
type: String,
|
|
11
|
+
required: true
|
|
12
|
+
},
|
|
9
13
|
row: {
|
|
10
14
|
type: Object,
|
|
11
15
|
required: true
|
|
@@ -22,11 +26,13 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
22
26
|
mergedTheme: {
|
|
23
27
|
type: Object,
|
|
24
28
|
required: true
|
|
25
|
-
}
|
|
29
|
+
},
|
|
30
|
+
renderCell: Function
|
|
26
31
|
},
|
|
27
32
|
render() {
|
|
28
|
-
const { isSummary, column
|
|
33
|
+
const { isSummary, column, row, renderCell } = this;
|
|
29
34
|
let cell;
|
|
35
|
+
const { render, key, ellipsis } = column;
|
|
30
36
|
if (render && !isSummary) {
|
|
31
37
|
cell = render(row, this.index);
|
|
32
38
|
}
|
|
@@ -35,12 +41,19 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
35
41
|
cell = row[key].value;
|
|
36
42
|
}
|
|
37
43
|
else {
|
|
38
|
-
cell =
|
|
44
|
+
cell = renderCell
|
|
45
|
+
? renderCell((0, lodash_1.get)(row, key), row, column)
|
|
46
|
+
: (0, lodash_1.get)(row, key);
|
|
39
47
|
}
|
|
40
48
|
}
|
|
41
|
-
if (ellipsis
|
|
42
|
-
|
|
43
|
-
|
|
49
|
+
if (ellipsis) {
|
|
50
|
+
if (typeof ellipsis === 'object') {
|
|
51
|
+
const { mergedTheme } = this;
|
|
52
|
+
return ((0, vue_1.h)(ellipsis_1.NEllipsis, Object.assign({}, ellipsis, { theme: mergedTheme.peers.Ellipsis, themeOverrides: mergedTheme.peerOverrides.Ellipsis }), { default: () => cell }));
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
return ((0, vue_1.h)("span", { class: `${this.clsPrefix}-data-table-td__ellipsis` }, cell));
|
|
56
|
+
}
|
|
44
57
|
}
|
|
45
58
|
return cell;
|
|
46
59
|
}
|
|
@@ -706,6 +706,77 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
706
706
|
paddingLarge: string;
|
|
707
707
|
clearSize: string;
|
|
708
708
|
}, any>;
|
|
709
|
+
Popselect: import("../../../_mixins").Theme<"Popselect", {
|
|
710
|
+
menuBoxShadow: string;
|
|
711
|
+
}, {
|
|
712
|
+
Popover: import("../../../_mixins").Theme<"Popover", {
|
|
713
|
+
fontSize: string;
|
|
714
|
+
borderRadius: string;
|
|
715
|
+
color: string;
|
|
716
|
+
dividerColor: string;
|
|
717
|
+
textColor: string;
|
|
718
|
+
boxShadow: string;
|
|
719
|
+
space: string;
|
|
720
|
+
spaceArrow: string;
|
|
721
|
+
arrowOffset: string;
|
|
722
|
+
arrowOffsetVertical: string;
|
|
723
|
+
arrowHeight: string;
|
|
724
|
+
padding: string;
|
|
725
|
+
}, any>;
|
|
726
|
+
InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
|
|
727
|
+
optionFontSizeSmall: string;
|
|
728
|
+
optionFontSizeMedium: string;
|
|
729
|
+
optionFontSizeLarge: string;
|
|
730
|
+
optionFontSizeHuge: string;
|
|
731
|
+
optionHeightSmall: string;
|
|
732
|
+
optionHeightMedium: string;
|
|
733
|
+
optionHeightLarge: string;
|
|
734
|
+
optionHeightHuge: string;
|
|
735
|
+
borderRadius: string;
|
|
736
|
+
color: string;
|
|
737
|
+
groupHeaderTextColor: string;
|
|
738
|
+
actionDividerColor: string;
|
|
739
|
+
optionTextColor: string;
|
|
740
|
+
optionTextColorPressed: string;
|
|
741
|
+
optionTextColorDisabled: string;
|
|
742
|
+
optionTextColorActive: string;
|
|
743
|
+
optionOpacityDisabled: string;
|
|
744
|
+
optionCheckColor: string;
|
|
745
|
+
optionColorPending: string;
|
|
746
|
+
optionColorActive: string;
|
|
747
|
+
optionColorActivePending: string;
|
|
748
|
+
actionTextColor: string;
|
|
749
|
+
loadingColor: string;
|
|
750
|
+
height: string;
|
|
751
|
+
paddingSmall: string;
|
|
752
|
+
paddingMedium: string;
|
|
753
|
+
paddingLarge: string;
|
|
754
|
+
paddingHuge: string;
|
|
755
|
+
optionPaddingSmall: string;
|
|
756
|
+
optionPaddingMedium: string;
|
|
757
|
+
optionPaddingLarge: string;
|
|
758
|
+
optionPaddingHuge: string;
|
|
759
|
+
loadingSize: string;
|
|
760
|
+
}, {
|
|
761
|
+
Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
|
|
762
|
+
color: string;
|
|
763
|
+
colorHover: string;
|
|
764
|
+
}, any>;
|
|
765
|
+
Empty: import("../../../_mixins").Theme<"Empty", {
|
|
766
|
+
fontSizeSmall: string;
|
|
767
|
+
fontSizeMedium: string;
|
|
768
|
+
fontSizeLarge: string;
|
|
769
|
+
fontSizeHuge: string;
|
|
770
|
+
textColor: string;
|
|
771
|
+
iconColor: string;
|
|
772
|
+
extraTextColor: string;
|
|
773
|
+
iconSizeSmall: string;
|
|
774
|
+
iconSizeMedium: string;
|
|
775
|
+
iconSizeLarge: string;
|
|
776
|
+
iconSizeHuge: string;
|
|
777
|
+
}, any>;
|
|
778
|
+
}>;
|
|
779
|
+
}>;
|
|
709
780
|
}>;
|
|
710
781
|
Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
|
|
711
782
|
color: string;
|
|
@@ -967,6 +1038,77 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
967
1038
|
paddingLarge: string;
|
|
968
1039
|
clearSize: string;
|
|
969
1040
|
}, any>> | undefined;
|
|
1041
|
+
Popselect?: import("../../../_mixins/use-theme").ExtractThemeOverrides<import("../../../_mixins").Theme<"Popselect", {
|
|
1042
|
+
menuBoxShadow: string;
|
|
1043
|
+
}, {
|
|
1044
|
+
Popover: import("../../../_mixins").Theme<"Popover", {
|
|
1045
|
+
fontSize: string;
|
|
1046
|
+
borderRadius: string;
|
|
1047
|
+
color: string;
|
|
1048
|
+
dividerColor: string;
|
|
1049
|
+
textColor: string;
|
|
1050
|
+
boxShadow: string;
|
|
1051
|
+
space: string;
|
|
1052
|
+
spaceArrow: string;
|
|
1053
|
+
arrowOffset: string;
|
|
1054
|
+
arrowOffsetVertical: string;
|
|
1055
|
+
arrowHeight: string;
|
|
1056
|
+
padding: string;
|
|
1057
|
+
}, any>;
|
|
1058
|
+
InternalSelectMenu: import("../../../_mixins").Theme<"InternalSelectMenu", {
|
|
1059
|
+
optionFontSizeSmall: string;
|
|
1060
|
+
optionFontSizeMedium: string;
|
|
1061
|
+
optionFontSizeLarge: string;
|
|
1062
|
+
optionFontSizeHuge: string;
|
|
1063
|
+
optionHeightSmall: string;
|
|
1064
|
+
optionHeightMedium: string;
|
|
1065
|
+
optionHeightLarge: string;
|
|
1066
|
+
optionHeightHuge: string;
|
|
1067
|
+
borderRadius: string;
|
|
1068
|
+
color: string;
|
|
1069
|
+
groupHeaderTextColor: string;
|
|
1070
|
+
actionDividerColor: string;
|
|
1071
|
+
optionTextColor: string;
|
|
1072
|
+
optionTextColorPressed: string;
|
|
1073
|
+
optionTextColorDisabled: string;
|
|
1074
|
+
optionTextColorActive: string;
|
|
1075
|
+
optionOpacityDisabled: string;
|
|
1076
|
+
optionCheckColor: string;
|
|
1077
|
+
optionColorPending: string;
|
|
1078
|
+
optionColorActive: string;
|
|
1079
|
+
optionColorActivePending: string;
|
|
1080
|
+
actionTextColor: string;
|
|
1081
|
+
loadingColor: string;
|
|
1082
|
+
height: string;
|
|
1083
|
+
paddingSmall: string;
|
|
1084
|
+
paddingMedium: string;
|
|
1085
|
+
paddingLarge: string;
|
|
1086
|
+
paddingHuge: string;
|
|
1087
|
+
optionPaddingSmall: string;
|
|
1088
|
+
optionPaddingMedium: string;
|
|
1089
|
+
optionPaddingLarge: string;
|
|
1090
|
+
optionPaddingHuge: string;
|
|
1091
|
+
loadingSize: string;
|
|
1092
|
+
}, {
|
|
1093
|
+
Scrollbar: import("../../../_mixins").Theme<"Scrollbar", {
|
|
1094
|
+
color: string;
|
|
1095
|
+
colorHover: string;
|
|
1096
|
+
}, any>;
|
|
1097
|
+
Empty: import("../../../_mixins").Theme<"Empty", {
|
|
1098
|
+
fontSizeSmall: string;
|
|
1099
|
+
fontSizeMedium: string;
|
|
1100
|
+
fontSizeLarge: string;
|
|
1101
|
+
fontSizeHuge: string;
|
|
1102
|
+
textColor: string;
|
|
1103
|
+
iconColor: string;
|
|
1104
|
+
extraTextColor: string;
|
|
1105
|
+
iconSizeSmall: string;
|
|
1106
|
+
iconSizeMedium: string;
|
|
1107
|
+
iconSizeLarge: string;
|
|
1108
|
+
iconSizeHuge: string;
|
|
1109
|
+
}, any>;
|
|
1110
|
+
}>;
|
|
1111
|
+
}>> | undefined;
|
|
970
1112
|
} | undefined;
|
|
971
1113
|
} | undefined;
|
|
972
1114
|
Scrollbar?: {
|
|
@@ -1016,6 +1158,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
1016
1158
|
mergedTableLayout: import("vue").Ref<"fixed" | "auto">;
|
|
1017
1159
|
headerCheckboxDisabled: import("vue").Ref<boolean>;
|
|
1018
1160
|
handleMouseenter: () => void;
|
|
1161
|
+
handleMouseleave: () => void;
|
|
1019
1162
|
handleCheckboxUpdateChecked: () => void;
|
|
1020
1163
|
handleColHeaderClick: (e: MouseEvent, column: TableBaseColumn) => void;
|
|
1021
1164
|
handleTableHeaderScroll: (e: Event) => void;
|
|
@@ -50,6 +50,9 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
50
50
|
function handleMouseenter() {
|
|
51
51
|
scrollPartRef.value = 'head';
|
|
52
52
|
}
|
|
53
|
+
function handleMouseleave() {
|
|
54
|
+
scrollPartRef.value = 'body';
|
|
55
|
+
}
|
|
53
56
|
return {
|
|
54
57
|
componentId,
|
|
55
58
|
mergedSortState: mergedSortStateRef,
|
|
@@ -67,6 +70,7 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
67
70
|
mergedTableLayout: mergedTableLayoutRef,
|
|
68
71
|
headerCheckboxDisabled: headerCheckboxDisabledRef,
|
|
69
72
|
handleMouseenter,
|
|
73
|
+
handleMouseleave,
|
|
70
74
|
handleCheckboxUpdateChecked,
|
|
71
75
|
handleColHeaderClick,
|
|
72
76
|
handleTableHeaderScroll
|
|
@@ -120,8 +124,8 @@ exports.default = (0, vue_1.defineComponent)({
|
|
|
120
124
|
if (!discrete) {
|
|
121
125
|
return theadVNode;
|
|
122
126
|
}
|
|
123
|
-
const { handleTableHeaderScroll, handleMouseenter, scrollX } = this;
|
|
124
|
-
return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-base-table-header`, onScroll: handleTableHeaderScroll, onMouseenter: handleMouseenter },
|
|
127
|
+
const { handleTableHeaderScroll, handleMouseenter, handleMouseleave, scrollX } = this;
|
|
128
|
+
return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-base-table-header`, onScroll: handleTableHeaderScroll, onMouseenter: handleMouseenter, onMouseleave: handleMouseleave },
|
|
125
129
|
(0, vue_1.h)("table", { ref: "body", class: `${mergedClsPrefix}-data-table-table`, style: {
|
|
126
130
|
minWidth: (0, _utils_1.formatLength)(scrollX),
|
|
127
131
|
tableLayout: mergedTableLayout
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { TreeNode } from 'treemate';
|
|
2
2
|
import { CSSProperties, Ref, VNodeChild, HTMLAttributes, Slots } from 'vue';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
3
|
+
import type { ScrollTo } from '../../scrollbar/src/Scrollbar';
|
|
4
|
+
import type { EllipsisProps } from '../../ellipsis/src/Ellipsis';
|
|
5
|
+
import type { NLocale } from '../../locales';
|
|
6
|
+
import type { MergedTheme } from '../../_mixins';
|
|
7
|
+
import type { DataTableTheme } from '../styles';
|
|
7
8
|
import type { RowItem, ColItem } from './use-group-header';
|
|
8
9
|
import type { DataTableSelectionOption } from './TableParts/SelectionMenu';
|
|
9
10
|
export declare type FilterOptionValue = string | number;
|
|
@@ -31,7 +32,9 @@ export interface FilterOption {
|
|
|
31
32
|
}
|
|
32
33
|
export declare type TmNode = TreeNode<InternalRowData>;
|
|
33
34
|
export declare type SortOrder = 'ascend' | 'descend' | false;
|
|
34
|
-
export declare type Ellipsis = boolean | EllipsisProps
|
|
35
|
+
export declare type Ellipsis = boolean | (EllipsisProps & {
|
|
36
|
+
style?: CSSProperties;
|
|
37
|
+
});
|
|
35
38
|
export interface CommonColumnInfo<T = InternalRowData> {
|
|
36
39
|
fixed?: 'left' | 'right';
|
|
37
40
|
width?: number | string;
|
|
@@ -90,7 +93,7 @@ export declare type TableSelectionColumn<T = InternalRowData> = {
|
|
|
90
93
|
rowSpan?: never;
|
|
91
94
|
} & CommonColumnInfo<T>;
|
|
92
95
|
export declare type RenderExpand<T = InternalRowData> = (row: T, index: number) => VNodeChild;
|
|
93
|
-
export declare type Expandable<T = InternalRowData> = (row: T
|
|
96
|
+
export declare type Expandable<T = InternalRowData> = (row: T) => boolean;
|
|
94
97
|
export interface TableExpandColumn<T = InternalRowData> extends Omit<TableSelectionColumn<T>, 'type'> {
|
|
95
98
|
type: 'expand';
|
|
96
99
|
title?: TableExpandColumnTitle;
|
|
@@ -172,6 +175,7 @@ export interface DataTableInjection {
|
|
|
172
175
|
handleTableBodyScroll: (e: Event) => void;
|
|
173
176
|
syncScrollState: (deltaX?: number, deltaY?: number) => void;
|
|
174
177
|
setHeaderScrollLeft: (scrollLeft: number) => void;
|
|
178
|
+
renderCell: Ref<undefined | ((value: any, rowData: object, column: TableBaseColumn) => VNodeChild)>;
|
|
175
179
|
}
|
|
176
180
|
export declare const dataTableInjectionKey: import("vue").InjectionKey<DataTableInjection>;
|
|
177
181
|
export interface MainTableInjection {
|
|
@@ -191,7 +195,7 @@ export declare type RenderFilterMenu = (actions: {
|
|
|
191
195
|
hide: () => void;
|
|
192
196
|
}) => VNodeChild;
|
|
193
197
|
export declare type OnUpdateExpandedRowKeys = (keys: RowKey[]) => void;
|
|
194
|
-
export declare type OnUpdateCheckedRowKeys = (keys: RowKey[]) => void;
|
|
198
|
+
export declare type OnUpdateCheckedRowKeys = (keys: RowKey[], row: InternalRowData[]) => void;
|
|
195
199
|
export declare type OnUpdateSorter = (sortState: SortState & SortState[] & null) => void;
|
|
196
200
|
export declare type OnUpdateSorterImpl = (sortState: SortState | SortState[] | null) => void;
|
|
197
201
|
export declare type OnUpdateFilters = (filterState: FilterState, sourceColumn: TableBaseColumn) => void;
|
|
@@ -206,9 +210,11 @@ export interface FilterState {
|
|
|
206
210
|
export interface MainTableRef {
|
|
207
211
|
getHeaderElement: () => HTMLElement | null;
|
|
208
212
|
getBodyElement: () => HTMLElement | null;
|
|
213
|
+
scrollTo: ScrollTo;
|
|
209
214
|
}
|
|
210
215
|
export interface MainTableBodyRef {
|
|
211
216
|
getScrollContainer: () => HTMLElement | null;
|
|
217
|
+
scrollTo: ScrollTo;
|
|
212
218
|
}
|
|
213
219
|
export interface MainTableHeaderRef {
|
|
214
220
|
$el: HTMLElement | null;
|
|
@@ -222,6 +228,7 @@ export interface DataTableInst {
|
|
|
222
228
|
clearSorter: () => void;
|
|
223
229
|
page: (page: number) => void;
|
|
224
230
|
sort: (columnKey: ColumnKey, order: SortOrder) => void;
|
|
231
|
+
scrollTo: ScrollTo;
|
|
225
232
|
/** @deprecated it but just leave it here, it does no harm */
|
|
226
233
|
clearFilter: () => void;
|
|
227
234
|
}
|