bkui-vue 1.0.3-beta.60.scrollbar.4 → 1.0.3-beta.61
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.cjs.js +50 -52
- package/dist/index.esm.js +13994 -14680
- package/dist/index.umd.js +50 -52
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/affix/index.js +1 -1
- package/lib/alert/index.js +1 -1
- package/lib/animate-number/index.js +7 -8
- package/lib/badge/index.js +1 -1
- package/lib/breadcrumb/index.js +1 -1
- package/lib/button/index.js +1 -1
- package/lib/card/index.js +1 -1
- package/lib/cascader/index.js +38 -42
- package/lib/checkbox/index.js +6 -7
- package/lib/collapse/index.js +11 -12
- package/lib/collapse-transition/index.js +3 -4
- package/lib/color-picker/index.js +10 -13
- package/lib/components.d.ts +1 -0
- package/lib/components.js +2 -1
- package/lib/config-provider/index.js +1 -1
- package/lib/container/index.js +10 -12
- package/lib/date-picker/index.js +2 -2
- package/lib/dialog/dialog.css +7 -9
- package/lib/dialog/dialog.variable.css +7 -9
- package/lib/dialog/index.js +4 -4
- package/lib/directives/index.js +1 -1
- package/lib/divider/index.js +2 -3
- package/lib/dropdown/index.js +6 -8
- package/lib/exception/index.js +1 -1
- package/lib/fixed-navbar/index.js +2 -3
- package/lib/form/index.js +1 -1
- package/lib/icon/angle-double-down-line.js +1 -1
- package/lib/icon/angle-double-left-line.js +1 -1
- package/lib/icon/angle-double-left.js +1 -1
- package/lib/icon/angle-double-right-line.js +1 -1
- package/lib/icon/angle-double-right.js +1 -1
- package/lib/icon/angle-double-up-line.js +1 -1
- package/lib/icon/angle-down-fill.js +1 -1
- package/lib/icon/angle-down-line.js +1 -1
- package/lib/icon/angle-down.js +1 -1
- package/lib/icon/angle-left.js +1 -1
- package/lib/icon/angle-right.js +1 -1
- package/lib/icon/angle-up-fill.js +1 -1
- package/lib/icon/angle-up.js +1 -1
- package/lib/icon/archive-fill.js +1 -1
- package/lib/icon/arrows-left.js +1 -1
- package/lib/icon/arrows-right.js +1 -1
- package/lib/icon/assistant.js +1 -1
- package/lib/icon/audio-fill.js +1 -1
- package/lib/icon/bk.js +1 -1
- package/lib/icon/circle.js +1 -1
- package/lib/icon/close-line.js +1 -1
- package/lib/icon/close.js +1 -1
- package/lib/icon/code.js +1 -1
- package/lib/icon/cog-shape.js +1 -1
- package/lib/icon/collapse-left.js +1 -1
- package/lib/icon/copy-shape.js +1 -1
- package/lib/icon/copy.js +1 -1
- package/lib/icon/data-shape.js +1 -1
- package/lib/icon/del.js +1 -1
- package/lib/icon/doc-fill.js +1 -1
- package/lib/icon/done.js +1 -1
- package/lib/icon/down-shape.js +1 -1
- package/lib/icon/down-small.js +1 -1
- package/lib/icon/edit-line.js +1 -1
- package/lib/icon/ellipsis.js +1 -1
- package/lib/icon/enlarge-line.js +1 -1
- package/lib/icon/error.js +1 -1
- package/lib/icon/excel-fill.js +1 -1
- package/lib/icon/exclamation-circle-shape.js +1 -1
- package/lib/icon/eye.js +1 -1
- package/lib/icon/filliscreen-line.js +1 -1
- package/lib/icon/fix-line.js +1 -1
- package/lib/icon/fix-shape.js +1 -1
- package/lib/icon/folder-open.js +1 -1
- package/lib/icon/folder-shape-open.js +1 -1
- package/lib/icon/folder-shape.js +1 -1
- package/lib/icon/folder.js +1 -1
- package/lib/icon/funnel.js +1 -1
- package/lib/icon/grag-fill.js +1 -1
- package/lib/icon/help-document-fill.js +1 -1
- package/lib/icon/help-fill.js +1 -1
- package/lib/icon/help.js +1 -1
- package/lib/icon/image-fill.js +1 -1
- package/lib/icon/img-error.js +1 -1
- package/lib/icon/img-placehoulder.js +1 -1
- package/lib/icon/info-line.js +1 -1
- package/lib/icon/info.js +1 -1
- package/lib/icon/left-shape.js +1 -1
- package/lib/icon/left-turn-line.js +1 -1
- package/lib/icon/loading.js +1 -1
- package/lib/icon/narrow-line.js +1 -1
- package/lib/icon/original.js +1 -1
- package/lib/icon/pdf-fill.js +1 -1
- package/lib/icon/play-shape.js +1 -1
- package/lib/icon/plus.js +1 -1
- package/lib/icon/ppt-fill.js +1 -1
- package/lib/icon/qq.js +1 -1
- package/lib/icon/right-shape.js +1 -1
- package/lib/icon/right-turn-line.js +1 -1
- package/lib/icon/search.js +1 -1
- package/lib/icon/share.js +1 -1
- package/lib/icon/spinner.js +1 -1
- package/lib/icon/success.js +1 -1
- package/lib/icon/switcher-loading.js +1 -1
- package/lib/icon/text-all.js +1 -1
- package/lib/icon/text-file.js +1 -1
- package/lib/icon/text-fill.js +1 -1
- package/lib/icon/transfer.js +1 -1
- package/lib/icon/tree-application-shape.js +1 -1
- package/lib/icon/unfull-screen.js +1 -1
- package/lib/icon/unvisible.js +1 -1
- package/lib/icon/up-shape.js +1 -1
- package/lib/icon/upload.js +1 -1
- package/lib/icon/video-fill.js +1 -1
- package/lib/icon/warn.js +1 -1
- package/lib/icon/weixin-pro.js +1 -1
- package/lib/icon/weixin.js +1 -1
- package/lib/image/index.js +10 -11
- package/lib/info-box/index.js +5 -4
- package/lib/input/index.js +4 -4
- package/lib/link/index.js +2 -2
- package/lib/loading/index.js +11 -12
- package/lib/menu/index.js +2 -3
- package/lib/message/index.js +1 -1
- package/lib/modal/hooks.d.ts +1 -1
- package/lib/modal/index.d.ts +3 -0
- package/lib/modal/index.js +25 -26
- package/lib/modal/modal.css +7 -9
- package/lib/modal/modal.d.ts +1 -0
- package/lib/modal/modal.less +11 -18
- package/lib/modal/modal.variable.css +7 -9
- package/lib/navigation/index.js +7 -9
- package/lib/notify/index.js +1 -1
- package/lib/overflow-title/index.js +9 -10
- package/lib/pagination/index.js +1 -1
- package/lib/plugin-popover/index.js +26 -30
- package/lib/pop-confirm/index.js +4 -5
- package/lib/popover/index.js +26 -30
- package/lib/popover2/index.js +2 -2
- package/lib/process/index.js +4 -4
- package/lib/progress/index.js +5 -6
- package/lib/radio/index.js +6 -7
- package/lib/rate/index.js +1 -1
- package/lib/resize-layout/index.js +1 -1
- package/lib/search-select/index.d.ts +327 -12
- package/lib/search-select/index.js +630 -353
- package/lib/search-select/input.d.ts +6 -1
- package/lib/search-select/search-select.css +20 -6
- package/lib/search-select/search-select.d.ts +109 -4
- package/lib/search-select/search-select.less +16 -12
- package/lib/search-select/search-select.variable.css +20 -6
- package/lib/search-select/selected.d.ts +107 -5
- package/lib/search-select/utils.d.ts +13 -1
- package/lib/select/index.d.ts +56 -0
- package/lib/select/index.js +12 -7
- package/lib/select/select.css +19 -5
- package/lib/select/select.d.ts +22 -0
- package/lib/select/select.less +26 -6
- package/lib/select/select.variable.css +19 -5
- package/lib/select/selectTagInput.d.ts +7 -0
- package/lib/shared/index.js +5 -8
- package/lib/sideslider/index.js +4 -4
- package/lib/sideslider/sideslider.css +0 -5
- package/lib/sideslider/sideslider.less +8 -14
- package/lib/sideslider/sideslider.variable.css +0 -5
- package/lib/slider/index.js +19 -20
- package/lib/steps/index.js +4 -4
- package/lib/swiper/index.js +1 -1
- package/lib/switcher/index.js +1 -1
- package/lib/tab/index.js +3 -4
- package/lib/table/const.d.ts +1 -1
- package/lib/table/index.js +24 -26
- package/lib/table/plugins/use-fixed-column.d.ts +1 -1
- package/lib/table/table.css +42 -96
- package/lib/table/table.less +56 -41
- package/lib/table/table.variable.css +42 -96
- package/lib/table/use-render.d.ts +1 -1
- package/lib/table-column/index.js +2 -2
- package/lib/tag/index.js +1 -1
- package/lib/tag-input/index.js +3 -4
- package/lib/timeline/index.js +1 -0
- package/lib/tree/index.js +10 -12
- package/lib/tree/tree.css +2 -75
- package/lib/tree/tree.variable.css +2 -75
- package/lib/upload/index.d.ts +12 -0
- package/lib/upload/index.js +25 -34
- package/lib/upload/props.d.ts +3 -0
- package/lib/upload/upload-trigger.d.ts +6 -0
- package/lib/upload/upload.d.ts +6 -0
- package/lib/virtual-render/index.d.ts +0 -4
- package/lib/virtual-render/index.js +235 -2436
- package/lib/virtual-render/props.d.ts +0 -7
- package/lib/virtual-render/use-fix-top.d.ts +7 -2
- package/lib/virtual-render/v-virtual-render.d.ts +1 -2
- package/lib/virtual-render/virtual-render.css +2 -75
- package/lib/virtual-render/virtual-render.d.ts +0 -2
- package/lib/virtual-render/virtual-render.less +2 -2
- package/lib/virtual-render/virtual-render.variable.css +2 -75
- package/package.json +1 -5
- package/lib/virtual-render/bk-scrollbar.css +0 -74
- package/lib/virtual-render/bk-scrollbar.d.ts +0 -10
- package/lib/virtual-render/bk-scrollbar.less +0 -93
- package/lib/virtual-render/bk-scrollbar.variable.css +0 -203
- package/lib/virtual-render/scrollbar-core/can-use-dom.d.ts +0 -2
- package/lib/virtual-render/scrollbar-core/helpers.d.ts +0 -5
- package/lib/virtual-render/scrollbar-core/index.d.ts +0 -213
- package/lib/virtual-render/scrollbar-core/mouse-wheel.d.ts +0 -5
- package/lib/virtual-render/scrollbar-core/scrollbar-width.d.ts +0 -1
- package/lib/virtual-render/use-scrollbar.d.ts +0 -23
@@ -1,213 +0,0 @@
|
|
1
|
-
import type { DebouncedFunc } from 'lodash-es';
|
2
|
-
import * as helpers from './helpers';
|
3
|
-
interface Options {
|
4
|
-
forceVisible: boolean | Axis;
|
5
|
-
clickOnTrack: boolean;
|
6
|
-
scrollbarMinSize: number;
|
7
|
-
scrollbarMaxSize: number;
|
8
|
-
classNames: Partial<ClassNames>;
|
9
|
-
ariaLabel: string;
|
10
|
-
scrollableNode: HTMLElement | null;
|
11
|
-
contentNode: HTMLElement | null;
|
12
|
-
delegateYContent: HTMLElement | null;
|
13
|
-
delegateXContent: HTMLElement | null;
|
14
|
-
wrapperNode: HTMLElement | null;
|
15
|
-
autoHide: boolean;
|
16
|
-
useSystemScrollXBehavior?: boolean;
|
17
|
-
useSystemScrollYBehavior?: boolean;
|
18
|
-
onScrollCallback?: (args: {
|
19
|
-
x: number;
|
20
|
-
y: number;
|
21
|
-
}) => void;
|
22
|
-
}
|
23
|
-
export type SimpleBarOptions = Partial<Options>;
|
24
|
-
type ClassNames = {
|
25
|
-
contentEl: string;
|
26
|
-
offset: string;
|
27
|
-
mask: string;
|
28
|
-
wrapper: string;
|
29
|
-
placeholder: string;
|
30
|
-
scrollbar: string;
|
31
|
-
track: string;
|
32
|
-
visible: string;
|
33
|
-
horizontal: string;
|
34
|
-
vertical: string;
|
35
|
-
hover: string;
|
36
|
-
dragging: string;
|
37
|
-
scrolling: string;
|
38
|
-
scrollable: string;
|
39
|
-
mouseEntered: string;
|
40
|
-
};
|
41
|
-
type Axis = 'x' | 'y';
|
42
|
-
type AxisProps = {
|
43
|
-
scrollOffsetAttr: 'scrollLeft' | 'scrollTop';
|
44
|
-
sizeAttr: 'width' | 'height';
|
45
|
-
scrollSizeAttr: 'scrollWidth' | 'scrollHeight';
|
46
|
-
offsetSizeAttr: 'offsetWidth' | 'offsetHeight';
|
47
|
-
offsetAttr: 'left' | 'top';
|
48
|
-
overflowAttr: 'overflowX' | 'overflowY';
|
49
|
-
dragOffset: number;
|
50
|
-
isOverflowing: boolean;
|
51
|
-
forceVisible: boolean;
|
52
|
-
track: {
|
53
|
-
size: any;
|
54
|
-
el: HTMLElement | null;
|
55
|
-
rect: DOMRect | null;
|
56
|
-
isVisible: boolean;
|
57
|
-
};
|
58
|
-
scrollbar: {
|
59
|
-
size: any;
|
60
|
-
el: HTMLElement | null;
|
61
|
-
rect: DOMRect | null;
|
62
|
-
isVisible: boolean;
|
63
|
-
};
|
64
|
-
};
|
65
|
-
type RtlHelpers = {
|
66
|
-
isScrollOriginAtZero: boolean;
|
67
|
-
isScrollingToNegative: boolean;
|
68
|
-
} | null;
|
69
|
-
type DefaultOptions = Options & typeof SimpleBarCore.defaultOptions;
|
70
|
-
type MouseWheelInstance = {
|
71
|
-
addWheelEvent: (target: HTMLElement) => void;
|
72
|
-
removeWheelEvent: (target: HTMLElement) => void;
|
73
|
-
};
|
74
|
-
export default class SimpleBarCore {
|
75
|
-
static rtlHelpers: RtlHelpers;
|
76
|
-
static defaultOptions: Options;
|
77
|
-
/**
|
78
|
-
* Static functions
|
79
|
-
*/
|
80
|
-
static helpers: typeof helpers;
|
81
|
-
/**
|
82
|
-
* Helper to fix browsers inconsistency on RTL:
|
83
|
-
* - Firefox inverts the scrollbar initial position
|
84
|
-
* - IE11 inverts both scrollbar position and scrolling offset
|
85
|
-
*/
|
86
|
-
static getRtlHelpers(): {
|
87
|
-
isScrollOriginAtZero: boolean;
|
88
|
-
isScrollingToNegative: boolean;
|
89
|
-
};
|
90
|
-
static getOffset(el: Element): {
|
91
|
-
top: number;
|
92
|
-
left: number;
|
93
|
-
};
|
94
|
-
el: HTMLElement;
|
95
|
-
options: DefaultOptions;
|
96
|
-
classNames: ClassNames;
|
97
|
-
axis: {
|
98
|
-
x: AxisProps;
|
99
|
-
y: AxisProps;
|
100
|
-
};
|
101
|
-
draggedAxis?: Axis;
|
102
|
-
removePreventClickId: null | number;
|
103
|
-
minScrollbarWidth: number;
|
104
|
-
stopScrollDelay: number;
|
105
|
-
isScrolling: boolean;
|
106
|
-
isMouseEntering: boolean;
|
107
|
-
isDragging: boolean;
|
108
|
-
scrollXTicking: boolean;
|
109
|
-
scrollYTicking: boolean;
|
110
|
-
wrapperEl: HTMLElement | null;
|
111
|
-
contentEl: HTMLElement | null;
|
112
|
-
delegateXContent: HTMLElement | null;
|
113
|
-
delegateYContent: HTMLElement | null;
|
114
|
-
rtlHelpers: RtlHelpers;
|
115
|
-
scrollbarWidth: number;
|
116
|
-
resizeObserver: ResizeObserver | null;
|
117
|
-
mutationObserver: MutationObserver | null;
|
118
|
-
elStyles: CSSStyleDeclaration | null;
|
119
|
-
isRtl: boolean | null;
|
120
|
-
mouseX: number;
|
121
|
-
mouseY: number;
|
122
|
-
mouseWheelInstance: MouseWheelInstance;
|
123
|
-
wheelOffset: number;
|
124
|
-
mouseWeelTimer: any;
|
125
|
-
/**
|
126
|
-
* 最外层滚动容器滚动实际位置缓存器
|
127
|
-
*/
|
128
|
-
wrapperScrollValue: {
|
129
|
-
scrollTop: number;
|
130
|
-
scrollLeft: number;
|
131
|
-
};
|
132
|
-
/**
|
133
|
-
* 模拟滚动条内部缩略滚动器滚动位置缓存器
|
134
|
-
*/
|
135
|
-
wrapperScrollMap: {};
|
136
|
-
onMouseMove: DebouncedFunc<any> | (() => void);
|
137
|
-
onWindowResize: DebouncedFunc<any> | (() => void);
|
138
|
-
onStopScrolling: DebouncedFunc<any> | (() => void);
|
139
|
-
onMouseEntered: DebouncedFunc<any> | (() => void);
|
140
|
-
onMouseWheel: DebouncedFunc<any> | (() => void);
|
141
|
-
constructor(element: HTMLElement, options?: Partial<Options>);
|
142
|
-
getScrollbarWidth(): number;
|
143
|
-
init(): void;
|
144
|
-
initDOM(): void;
|
145
|
-
initListeners(): void;
|
146
|
-
recalculate(): void;
|
147
|
-
/**
|
148
|
-
* Calculate scrollbar size
|
149
|
-
*/
|
150
|
-
getScrollbarSize(axis?: Axis): any;
|
151
|
-
positionScrollbar(axis?: Axis): void;
|
152
|
-
toggleTrackVisibility(axis?: Axis): void;
|
153
|
-
showScrollbar(axis?: Axis): void;
|
154
|
-
hideScrollbar(axis?: Axis): void;
|
155
|
-
/**
|
156
|
-
* On scroll event handling
|
157
|
-
*/
|
158
|
-
onScroll: () => void;
|
159
|
-
scrollX: () => void;
|
160
|
-
scrollY: () => void;
|
161
|
-
_onMouseWheel: (args: any) => void;
|
162
|
-
_onStopScrolling: () => void;
|
163
|
-
onMouseEnter: () => void;
|
164
|
-
_onMouseEntered: () => void;
|
165
|
-
_onMouseMove: (e: any) => void;
|
166
|
-
onMouseMoveForAxis(axis?: Axis): void;
|
167
|
-
onMouseLeave: () => void;
|
168
|
-
onMouseLeaveForAxis(axis?: Axis): void;
|
169
|
-
_onWindowResize: () => void;
|
170
|
-
onPointerEvent: (e: any) => void;
|
171
|
-
/**
|
172
|
-
* on scrollbar handle drag movement starts
|
173
|
-
*/
|
174
|
-
onDragStart(e: any, axis?: Axis): void;
|
175
|
-
/**
|
176
|
-
* Drag scrollbar handle
|
177
|
-
*/
|
178
|
-
drag: (e: any) => void;
|
179
|
-
getPointerPosition: (dragPos: number, axis: Axis) => number;
|
180
|
-
scrollToAxisPosition: (scrollPos: number, axisValue: Axis) => boolean;
|
181
|
-
fixedScrollTo: (axisValue: Axis, resolvedValue: number) => void;
|
182
|
-
/**
|
183
|
-
* End scroll handle drag
|
184
|
-
*/
|
185
|
-
onEndDrag: (e: any) => void;
|
186
|
-
/**
|
187
|
-
* Handler to ignore click events during drag
|
188
|
-
*/
|
189
|
-
preventClick: (e: any) => void;
|
190
|
-
onTrackClick(e: any, axis?: Axis): void;
|
191
|
-
/**
|
192
|
-
* Getter for content element
|
193
|
-
*/
|
194
|
-
getContentElement(): HTMLElement;
|
195
|
-
/**
|
196
|
-
* Getter for original scrolling element
|
197
|
-
*/
|
198
|
-
getScrollElement(): HTMLElement;
|
199
|
-
removeListeners(): void;
|
200
|
-
/**
|
201
|
-
* Remove all listeners from DOM nodes
|
202
|
-
*/
|
203
|
-
unMount(): void;
|
204
|
-
/**
|
205
|
-
* Check if mouse is within bounds
|
206
|
-
*/
|
207
|
-
isWithinBounds(bbox: DOMRect): boolean;
|
208
|
-
/**
|
209
|
-
* Find element children matches query
|
210
|
-
*/
|
211
|
-
findChild(el: any, query: any): any;
|
212
|
-
}
|
213
|
-
export {};
|
@@ -1 +0,0 @@
|
|
1
|
-
export default function scrollbarWidth(): number;
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { Ref } from 'vue';
|
2
|
-
import BkSimpleBar from './bk-scrollbar';
|
3
|
-
import { VirtualRenderProps } from './props';
|
4
|
-
declare const _default: (target: Ref<HTMLElement>, props: VirtualRenderProps) => {
|
5
|
-
init: (scrollFn?: any, delegateXContent?: any, delegateYContent?: any) => void;
|
6
|
-
instance: BkSimpleBar;
|
7
|
-
scrollTo: (x: any, y: any) => void;
|
8
|
-
classNames: {
|
9
|
-
contentEl: string;
|
10
|
-
wrapper: string;
|
11
|
-
scrollbar: string;
|
12
|
-
track: string;
|
13
|
-
visible: string;
|
14
|
-
horizontal: string;
|
15
|
-
vertical: string;
|
16
|
-
hover: string;
|
17
|
-
dragging: string;
|
18
|
-
scrolling: string;
|
19
|
-
scrollable: string;
|
20
|
-
mouseEntered: string;
|
21
|
-
};
|
22
|
-
};
|
23
|
-
export default _default;
|