fit2cloud-ui-plus 0.0.1-beta.8 → 1.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +61 -9
- package/lib/fit2cloud-ui-plus.es.js +1438 -533
- package/lib/fit2cloud-ui-plus.umd.js +1 -1
- package/package.json +10 -5
- package/src/components/filter-bar/FuFilter.vue +36 -22
- package/src/components/filter-bar/FuFilterBar.vue +31 -17
- package/src/components/filter-bar/FuFilterInput.vue +48 -0
- package/src/components/filter-bar/filter-components/FuFilterDate.vue +13 -5
- package/src/components/filter-bar/filter-components/FuFilterDateTime.vue +17 -14
- package/src/components/filter-bar/filter-components/FuFilterSelect.vue +19 -13
- package/src/components/filter-bar/index.ts +11 -12
- package/src/components/icon-button/FuIconButton.vue +54 -0
- package/src/components/icon-button/index.ts +9 -0
- package/src/components/read-write-switch/FuSelectRwSwitch.vue +23 -10
- package/src/components/search-bar/FuComplexSearch.vue +104 -0
- package/src/components/search-bar/FuQuickSearch.vue +64 -0
- package/src/components/search-bar/FuSearchBar.vue +153 -0
- package/src/components/search-bar/FuSearchBarButton.vue +23 -0
- package/src/components/search-bar/FuSearchContions.vue +40 -0
- package/src/components/search-bar/complex-components/FuComplexDate.vue +70 -0
- package/src/components/search-bar/complex-components/FuComplexDateTime.vue +74 -0
- package/src/components/search-bar/complex-components/FuComplexInput.vue +57 -0
- package/src/components/search-bar/complex-components/FuComplexSelect.vue +93 -0
- package/src/components/search-bar/index.ts +20 -0
- package/src/components/search-bar/types.ts +23 -0
- package/src/components/speed-dial/FuSpeedDial.vue +71 -60
- package/src/components/speed-dial/FuSpeedDialActionButton.vue +55 -55
- package/src/components/speed-dial/FuSpeedDialButton.vue +14 -11
- package/src/components/speed-dial/FuSpeedDialItem.vue +9 -15
- package/src/components/speed-dial/types.ts +12 -0
- package/src/components/split-pane/FuSplitPane.vue +2 -2
- package/src/components/table/FuTable.vue +12 -13
- package/src/components/table/{table-column-dropdown/FuTableColumnDropdown.vue → FuTableColumnDropdown.vue} +0 -0
- package/src/components/table/index.ts +11 -7
- package/src/components/table/table-column-select/FuTableColumnSelectDialog.vue +3 -9
- package/src/components/table/table-column-select/FuTableColumnSelectPopover.vue +4 -3
- package/src/components/table/table-operations/FuTableButton.vue +1 -4
- package/src/components/table/table-operations/FuTableMoreButton.vue +1 -1
- package/src/components/table/table-operations/FuTableOperations.vue +1 -2
- package/src/components/table/types.ts +3 -0
- package/src/components/tabs/FuTabs.vue +4 -3
- package/src/hooks/index.ts +2 -1
- package/src/hooks/use-global-config/index.ts +25 -22
- package/src/hooks/use-locale/index.ts +1 -1
- package/src/hooks/use-size/index.ts +35 -0
- package/src/index.ts +5 -2
- package/src/styles/common/function.scss +14 -4
- package/src/styles/common/mixins.scss +9 -4
- package/src/styles/common/variables.scss +55 -18
- package/src/styles/components/filter-bar.scss +16 -16
- package/src/styles/components/icon-button.scss +66 -0
- package/src/styles/components/search-bar.scss +240 -0
- package/src/styles/components/speed-dial.scss +1 -51
- package/src/styles/components/table.scss +7 -9
- package/src/styles/index.scss +2 -0
- package/src/styles/themes/default.scss +91 -0
- package/src/tools/size.ts +6 -0
- package/src/tools/theme.ts +0 -12
- package/types/examples/App.vue.d.ts +2 -0
- package/types/examples/components/CodeExample.vue.d.ts +29 -0
- package/types/examples/components/DocumentTable.vue.d.ts +14 -0
- package/types/examples/components/Markdown.vue.d.ts +12 -0
- package/types/examples/layout/components/AppHeader.vue.d.ts +2 -0
- package/types/examples/layout/components/Sidebar.vue.d.ts +2 -0
- package/types/examples/layout/index.vue.d.ts +2 -0
- package/types/examples/main.d.ts +2 -0
- package/types/examples/pages/filter-bar/attributes.d.ts +63 -0
- package/types/examples/pages/filter-bar/demo/BaseFilterBar.vue.d.ts +2 -0
- package/types/examples/pages/filter-bar/demo/SetConditionsDemo.vue.d.ts +2 -0
- package/types/examples/pages/filter-bar/demo/SlotDemo.vue.d.ts +2 -0
- package/types/examples/pages/filter-bar/index.vue.d.ts +2 -0
- package/types/examples/pages/icon-button/attributes.d.ts +45 -0
- package/types/examples/pages/icon-button/demo/BaseIconButton.vue.d.ts +2 -0
- package/types/examples/pages/icon-button/demo/SlotDemo.vue.d.ts +2 -0
- package/types/examples/pages/icon-button/index.vue.d.ts +2 -0
- package/types/examples/pages/index.d.ts +3 -0
- package/types/examples/pages/read-write-switch/attributes.d.ts +63 -0
- package/types/examples/pages/read-write-switch/demo/BaseDemo.vue.d.ts +2 -0
- package/types/examples/pages/read-write-switch/demo/CustomContentDemo.vue.d.ts +2 -0
- package/types/examples/pages/read-write-switch/demo/InputRwSwitchDemo.vue.d.ts +2 -0
- package/types/examples/pages/read-write-switch/demo/ReadSwitchDemo.vue.d.ts +2 -0
- package/types/examples/pages/read-write-switch/demo/SelectRwSwitchDemo.vue.d.ts +2 -0
- package/types/examples/pages/read-write-switch/demo/TableInnerEditDemo.vue.d.ts +2 -0
- package/types/examples/pages/read-write-switch/demo/WriteSwitchDemo.vue.d.ts +2 -0
- package/types/examples/pages/read-write-switch/index.vue.d.ts +2 -0
- package/types/examples/pages/search/attributes.d.ts +57 -0
- package/types/examples/pages/search/demo/BaseSearchbar.vue.d.ts +66 -0
- package/types/examples/pages/search/demo/ComplexComponentsDemo.vue.d.ts +60 -0
- package/types/examples/pages/search/demo/ComplexSearchDemo.vue.d.ts +84 -0
- package/types/examples/pages/search/demo/CustomComponentsDemo.vue.d.ts +50 -0
- package/types/examples/pages/search/demo/EchoConditionsDemo.vue.d.ts +52 -0
- package/types/examples/pages/search/demo/QuickSearchDemo.vue.d.ts +18 -0
- package/types/examples/pages/search/demo/SearchBarButtonDemo.vue.d.ts +54 -0
- package/types/examples/pages/search/index.vue.d.ts +150 -0
- package/types/examples/pages/search-bar/attributes.d.ts +63 -0
- package/types/examples/pages/search-bar/demo/BaseSearchbar.vue.d.ts +31 -0
- package/types/examples/pages/search-bar/demo/ComplexSearchDemo.vue.d.ts +40 -0
- package/types/examples/pages/search-bar/demo/EchoConditionsDemo.vue.d.ts +32 -0
- package/types/examples/pages/search-bar/demo/QuickSearchDemo.vue.d.ts +7 -0
- package/types/examples/pages/search-bar/demo/SearchBarButtonDemo.vue.d.ts +32 -0
- package/types/examples/pages/search-bar/index.vue.d.ts +2 -0
- package/types/examples/pages/speed-dial/attributes.d.ts +63 -0
- package/types/examples/pages/speed-dial/demo/BaseSpeedDial.vue.d.ts +2 -0
- package/types/examples/pages/speed-dial/demo/SpeedDialCustom.vue.d.ts +2 -0
- package/types/examples/pages/speed-dial/demo/SpeedDialPosition.vue.d.ts +2 -0
- package/types/examples/pages/speed-dial/demo/SpeedDialTrigger.vue.d.ts +2 -0
- package/types/examples/pages/speed-dial/index.vue.d.ts +2 -0
- package/types/examples/pages/split-pane/attributes.d.ts +63 -0
- package/types/examples/pages/split-pane/demo/BaseSplit.vue.d.ts +2 -0
- package/types/examples/pages/split-pane/demo/CustomResizer.vue.d.ts +2 -0
- package/types/examples/pages/split-pane/demo/NestSplit.vue.d.ts +2 -0
- package/types/examples/pages/split-pane/demo/ResizerType.vue.d.ts +2 -0
- package/types/examples/pages/split-pane/index.vue.d.ts +2 -0
- package/types/examples/pages/table/attributes.d.ts +121 -0
- package/types/examples/pages/table/demo/BaseTable.vue.d.ts +2 -0
- package/types/examples/pages/table/demo/DropdownColumn.vue.d.ts +2 -0
- package/types/examples/pages/table/demo/DropdownColumnSlot.vue.d.ts +2 -0
- package/types/examples/pages/table/demo/SaveSelectColumn.vue.d.ts +2 -0
- package/types/examples/pages/table/demo/SelectColumn.vue.d.ts +2 -0
- package/types/examples/pages/table/demo/TableOperations.vue.d.ts +2 -0
- package/types/examples/pages/table/demo/TablePagination.vue.d.ts +2 -0
- package/types/examples/pages/table/index.vue.d.ts +2 -0
- package/types/examples/pages/tabs/attributes.d.ts +63 -0
- package/types/examples/pages/tabs/demo/AddCloseTab.vue.d.ts +2 -0
- package/types/examples/pages/tabs/index.vue.d.ts +2 -0
- package/types/examples/router/doc-routes.d.ts +12 -0
- package/types/examples/router/index.d.ts +4 -0
- package/types/examples/router/styles-routes.d.ts +12 -0
- package/types/examples/style-guide/button/BaseButton.vue.d.ts +2 -0
- package/types/examples/style-guide/button/IconButton.vue.d.ts +2 -0
- package/types/examples/style-guide/button/PlainButton.vue.d.ts +2 -0
- package/types/examples/style-guide/button/TextButton.vue.d.ts +2 -0
- package/types/examples/style-guide/button/index.vue.d.ts +2 -0
- package/types/examples/style-guide/input/BaseInput.vue.d.ts +2 -0
- package/types/examples/style-guide/input/SearchInput.vue.d.ts +2 -0
- package/types/examples/style-guide/input/Textarea.vue.d.ts +2 -0
- package/types/examples/style-guide/input/index.vue.d.ts +2 -0
- package/types/examples/style-guide/select/BaseSelect.vue.d.ts +2 -0
- package/types/examples/style-guide/select/index.vue.d.ts +2 -0
- package/types/plugins/example-transform.d.ts +5 -0
- package/types/src/components/filter-bar/FuFilter.vue.d.ts +42 -0
- package/types/src/components/filter-bar/FuFilterBar.vue.d.ts +33 -0
- package/types/src/components/filter-bar/FuFilterConditions.vue.d.ts +8 -0
- package/types/src/components/filter-bar/FuFilterInput.vue.d.ts +17 -0
- package/types/src/components/filter-bar/FuSearchInput.vue.d.ts +17 -0
- package/types/src/components/filter-bar/filter-components/FuFilterDate.vue.d.ts +36 -0
- package/types/src/components/filter-bar/filter-components/FuFilterDateTime.vue.d.ts +36 -0
- package/types/src/components/filter-bar/filter-components/FuFilterOption.vue.d.ts +24 -0
- package/types/src/components/filter-bar/filter-components/FuFilterSelect.vue.d.ts +66 -0
- package/types/src/components/filter-bar/index.d.ts +2 -0
- package/types/src/components/filter-bar/types.d.ts +22 -0
- package/types/src/components/icon-button/FuIconButton.vue.d.ts +43 -0
- package/types/src/components/icon-button/index.d.ts +2 -0
- package/types/src/components/read-write-switch/FuInputRwSwitch.vue.d.ts +21 -0
- package/types/src/components/read-write-switch/FuReadWriteSwitch.vue.d.ts +23 -0
- package/types/src/components/read-write-switch/FuSelectRwSwitch.vue.d.ts +43 -0
- package/types/src/components/read-write-switch/index.d.ts +2 -0
- package/types/src/components/read-write-switch/types.d.ts +4 -0
- package/types/src/components/search-bar/FuComplexSearch.vue.d.ts +22 -0
- package/types/src/components/search-bar/FuQuickSearch.vue.d.ts +29 -0
- package/types/src/components/search-bar/FuSearchBar.vue.d.ts +58 -0
- package/types/src/components/search-bar/FuSearchBarButton.vue.d.ts +14 -0
- package/types/src/components/search-bar/FuSearchContions.vue.d.ts +26 -0
- package/types/src/components/search-bar/complex-components/FuComplexDate.vue.d.ts +36 -0
- package/types/src/components/search-bar/complex-components/FuComplexDateTime.vue.d.ts +36 -0
- package/types/src/components/search-bar/complex-components/FuComplexInput.vue.d.ts +26 -0
- package/types/src/components/search-bar/complex-components/FuComplexSelect.vue.d.ts +50 -0
- package/types/src/components/search-bar/complex-components/index.d.ts +0 -0
- package/types/src/components/search-bar/complex-components/mixins.d.ts +6 -0
- package/types/src/components/search-bar/index.d.ts +2 -0
- package/types/src/components/search-bar/types.d.ts +17 -0
- package/types/src/components/speed-dial/FuSpeedDial.vue.d.ts +218 -0
- package/types/src/components/speed-dial/FuSpeedDialActionButton.vue.d.ts +32 -0
- package/types/src/components/speed-dial/FuSpeedDialButton.vue.d.ts +42 -0
- package/types/src/components/speed-dial/FuSpeedDialItem.vue.d.ts +12 -0
- package/types/src/components/speed-dial/index.d.ts +2 -0
- package/types/src/components/speed-dial/types.d.ts +8 -0
- package/types/src/components/split-pane/FuSplitPane.vue.d.ts +59 -0
- package/types/src/components/split-pane/index.d.ts +2 -0
- package/types/src/components/table/FuTable.vue.d.ts +18 -0
- package/types/src/components/table/FuTableBody.d.ts +3 -0
- package/types/src/components/table/FuTableColumnDropdown.vue.d.ts +50 -0
- package/types/src/components/table/FuTablePagination.vue.d.ts +47 -0
- package/types/src/components/table/index.d.ts +2 -0
- package/types/src/components/table/table-column-select/FuTableColumnSelect.vue.d.ts +10 -0
- package/types/src/components/table/table-column-select/FuTableColumnSelectDialog.vue.d.ts +23 -0
- package/types/src/components/table/table-column-select/FuTableColumnSelectPopover.vue.d.ts +34 -0
- package/types/src/components/table/table-column-select/utils.d.ts +8 -0
- package/types/src/components/table/table-operations/FuTableButton.vue.d.ts +13 -0
- package/types/src/components/table/table-operations/FuTableMoreButton.vue.d.ts +37 -0
- package/types/src/components/table/table-operations/FuTableOperations.vue.d.ts +46 -0
- package/types/src/components/table/types.d.ts +2 -0
- package/types/src/components/tabs/FuTabs.vue.d.ts +54 -0
- package/types/src/components/tabs/index.d.ts +2 -0
- package/types/src/hooks/index.d.ts +3 -0
- package/types/src/hooks/use-global-config/index.d.ts +9 -0
- package/types/src/hooks/use-locale/index.d.ts +14 -0
- package/types/src/hooks/use-size/index.d.ts +9 -0
- package/types/src/index.d.ts +8 -0
- package/types/src/locale/index.d.ts +10 -0
- package/types/src/locale/lang/en.d.ts +59 -0
- package/types/src/locale/lang/zh-cn.d.ts +59 -0
- package/types/src/locale/lang/zh-tw.d.ts +59 -0
- package/types/src/tools/size.d.ts +4 -0
- package/types/src/tools/theme.d.ts +1 -0
- package/types/src/tools/time.d.ts +2 -0
- package/types/src/tools/types.d.ts +8 -0
- package/types/src/tools/utils.d.ts +2 -0
- package/types/src/tools/vnode.d.ts +9 -0
- package/src/components/filter-bar/FuSearchInput.vue +0 -31
- package/src/components/steps/FuHorizontalNavigation.vue +0 -18
- package/src/components/steps/FuHorizontalSteps.vue +0 -94
- package/src/components/steps/FuStep.vue +0 -13
- package/src/components/steps/FuSteps.vue +0 -22
- package/src/components/steps/FuStepsFooter.ts +0 -79
- package/src/components/steps/FuVerticalNavigation.vue +0 -35
- package/src/components/steps/FuVerticalSteps.vue +0 -79
- package/src/components/steps/Stepper.ts +0 -188
- package/src/components/steps/index.ts +0 -11
- package/src/components/table/table-column-dropdown/index.ts +0 -7
- package/src/components/table/table-column-select/index.ts +0 -8
- package/src/components/table/table-operations/index.ts +0 -12
- package/src/components/virtual-scroller/FuVirtualHorizontalScroll.js +0 -96
- package/src/components/virtual-scroller/FuVirtualScroll.js +0 -15
- package/src/components/virtual-scroller/FuVirtualVerticalScroll.js +0 -95
- package/src/components/virtual-scroller/index.js +0 -10
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import measurable from "@/mixins/measurable";
|
|
2
|
-
import {convertToUnit} from "@/tools/utils"
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
name: 'FuVirtualHorizontalScroll',
|
|
6
|
-
mixins: [measurable],
|
|
7
|
-
props: {
|
|
8
|
-
items: {
|
|
9
|
-
type: Array,
|
|
10
|
-
required: true
|
|
11
|
-
},
|
|
12
|
-
itemWidth: {
|
|
13
|
-
type: [Number, String],
|
|
14
|
-
required: true
|
|
15
|
-
},
|
|
16
|
-
buffer: {
|
|
17
|
-
type: [Number, String],
|
|
18
|
-
default: 1
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
data() {
|
|
22
|
-
return {
|
|
23
|
-
scrollLeft: 0,
|
|
24
|
-
first: 0,
|
|
25
|
-
last: 0,
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
watch: {
|
|
29
|
-
width: 'scroll',
|
|
30
|
-
itemWidth: 'scroll',
|
|
31
|
-
},
|
|
32
|
-
computed: {
|
|
33
|
-
intItemWidth() {
|
|
34
|
-
return parseInt(this.itemWidth, 10)
|
|
35
|
-
},
|
|
36
|
-
intBuffer() {
|
|
37
|
-
return parseInt(this.buffer, 10)
|
|
38
|
-
},
|
|
39
|
-
firstToRender({first, intBuffer}) {
|
|
40
|
-
return Math.max(0, first - intBuffer)
|
|
41
|
-
},
|
|
42
|
-
lastToRender({items, last, intBuffer}) {
|
|
43
|
-
return Math.min(items.length, last + intBuffer)
|
|
44
|
-
},
|
|
45
|
-
containerWidth({items, intItemWidth}) {
|
|
46
|
-
return items.length * intItemWidth
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
methods: {
|
|
50
|
-
createChild(item, index) {
|
|
51
|
-
index += this.firstToRender
|
|
52
|
-
const left = convertToUnit(index * this.intItemWidth)
|
|
53
|
-
|
|
54
|
-
let data = {
|
|
55
|
-
staticClass: 'fu-virtual-scroll__item',
|
|
56
|
-
style: {left},
|
|
57
|
-
key: index,
|
|
58
|
-
}
|
|
59
|
-
let children = this.$scopedSlots["default"]({index, item})
|
|
60
|
-
|
|
61
|
-
return this.$createElement('div', data, children)
|
|
62
|
-
},
|
|
63
|
-
getFirst() {
|
|
64
|
-
return Math.floor(this.scrollLeft / this.intItemWidth)
|
|
65
|
-
},
|
|
66
|
-
getLast() {
|
|
67
|
-
const width = parseInt(this.width || 0, 10) || this.$el.clientWidth
|
|
68
|
-
return this.first + Math.ceil(width / this.intItemWidth)
|
|
69
|
-
},
|
|
70
|
-
scroll() {
|
|
71
|
-
this.scrollLeft = this.$el.scrollLeft
|
|
72
|
-
this.first = this.getFirst()
|
|
73
|
-
this.last = this.getLast()
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
render(h) {
|
|
77
|
-
const children = this.items.slice(this.firstToRender, this.lastToRender,).map(this.createChild)
|
|
78
|
-
|
|
79
|
-
const content = h('div', {
|
|
80
|
-
staticClass: 'fu-virtual-scroll__container',
|
|
81
|
-
style: {
|
|
82
|
-
height: this.height || "100%",
|
|
83
|
-
width: convertToUnit(this.containerWidth),
|
|
84
|
-
},
|
|
85
|
-
}, children)
|
|
86
|
-
|
|
87
|
-
return h('div', {
|
|
88
|
-
staticClass: 'fu-virtual-scroll is-horizontal',
|
|
89
|
-
style: this.styles,
|
|
90
|
-
on: {scroll: this.scroll, ...this.$listeners},
|
|
91
|
-
}, [content])
|
|
92
|
-
},
|
|
93
|
-
mounted() {
|
|
94
|
-
this.last = this.getLast()
|
|
95
|
-
},
|
|
96
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import FuVirtualVerticalScroll from "./FuVirtualVerticalScroll";
|
|
2
|
-
import FuVirtualHorizontalScroll from "./FuVirtualHorizontalScroll";
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
name: "FuVirtualScroll",
|
|
6
|
-
functional: true,
|
|
7
|
-
render(h, {props, data, children}) {
|
|
8
|
-
const {horizontal} = props
|
|
9
|
-
if (horizontal === undefined || horizontal === false) {
|
|
10
|
-
return h(FuVirtualVerticalScroll, data, children)
|
|
11
|
-
} else {
|
|
12
|
-
return h(FuVirtualHorizontalScroll, data, children)
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import measurable from "@/mixins/measurable";
|
|
2
|
-
import {convertToUnit} from "@/tools/utils"
|
|
3
|
-
|
|
4
|
-
export default {
|
|
5
|
-
name: 'FuVirtualVerticalScroll',
|
|
6
|
-
mixins: [measurable],
|
|
7
|
-
props: {
|
|
8
|
-
items: {
|
|
9
|
-
type: Array,
|
|
10
|
-
required: true
|
|
11
|
-
},
|
|
12
|
-
itemHeight: {
|
|
13
|
-
type: [Number, String],
|
|
14
|
-
required: true
|
|
15
|
-
},
|
|
16
|
-
buffer: {
|
|
17
|
-
type: [Number, String],
|
|
18
|
-
default: 1
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
data() {
|
|
22
|
-
return {
|
|
23
|
-
scrollTop: 0,
|
|
24
|
-
first: 0,
|
|
25
|
-
last: 0,
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
watch: {
|
|
29
|
-
height: 'scroll',
|
|
30
|
-
itemHeight: 'scroll',
|
|
31
|
-
},
|
|
32
|
-
computed: {
|
|
33
|
-
intItemHeight() {
|
|
34
|
-
return parseInt(this.itemHeight, 10)
|
|
35
|
-
},
|
|
36
|
-
intBuffer() {
|
|
37
|
-
return parseInt(this.buffer, 10)
|
|
38
|
-
},
|
|
39
|
-
firstToRender({first, intBuffer}) {
|
|
40
|
-
return Math.max(0, first - intBuffer)
|
|
41
|
-
},
|
|
42
|
-
lastToRender({items, last, intBuffer}) {
|
|
43
|
-
return Math.min(items.length, last + intBuffer)
|
|
44
|
-
},
|
|
45
|
-
containerHeight({items, intItemHeight}) {
|
|
46
|
-
return items.length * intItemHeight
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
methods: {
|
|
50
|
-
createChild(item, index) {
|
|
51
|
-
index += this.firstToRender
|
|
52
|
-
const top = convertToUnit(index * this.intItemHeight)
|
|
53
|
-
|
|
54
|
-
let data = {
|
|
55
|
-
staticClass: 'fu-virtual-scroll__item',
|
|
56
|
-
style: {top},
|
|
57
|
-
key: index,
|
|
58
|
-
}
|
|
59
|
-
let children = this.$scopedSlots["default"]({index, item})
|
|
60
|
-
|
|
61
|
-
return this.$createElement('div', data, children)
|
|
62
|
-
},
|
|
63
|
-
getFirst() {
|
|
64
|
-
return Math.floor(this.scrollTop / this.intItemHeight)
|
|
65
|
-
},
|
|
66
|
-
getLast() {
|
|
67
|
-
const height = parseInt(this.height || 0, 10) || this.$el.clientHeight
|
|
68
|
-
return this.first + Math.ceil(height / this.intItemHeight)
|
|
69
|
-
},
|
|
70
|
-
scroll() {
|
|
71
|
-
this.scrollTop = this.$el.scrollTop
|
|
72
|
-
this.first = this.getFirst()
|
|
73
|
-
this.last = this.getLast()
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
render(h) {
|
|
77
|
-
const children = this.items.slice(this.firstToRender, this.lastToRender,).map(this.createChild)
|
|
78
|
-
|
|
79
|
-
const content = h('div', {
|
|
80
|
-
staticClass: 'fu-virtual-scroll__container',
|
|
81
|
-
style: {
|
|
82
|
-
height: convertToUnit(this.containerHeight),
|
|
83
|
-
},
|
|
84
|
-
}, children)
|
|
85
|
-
|
|
86
|
-
return h('div', {
|
|
87
|
-
staticClass: 'fu-virtual-scroll',
|
|
88
|
-
style: this.styles,
|
|
89
|
-
on: {scroll: this.scroll, ...this.$listeners},
|
|
90
|
-
}, [content])
|
|
91
|
-
},
|
|
92
|
-
mounted() {
|
|
93
|
-
this.last = this.getLast()
|
|
94
|
-
},
|
|
95
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import FuVirtualScroll from "./FuVirtualScroll";
|
|
2
|
-
import locale from "@/locale";
|
|
3
|
-
|
|
4
|
-
FuVirtualScroll.install = function (Vue, opts = {}) {
|
|
5
|
-
locale.use(opts.locale)
|
|
6
|
-
locale.i18n(opts.i18n)
|
|
7
|
-
Vue.component(FuVirtualScroll.name, FuVirtualScroll)
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export default FuVirtualScroll
|