bkui-vue 1.0.3-beta.62.dialog.1 → 1.0.3-beta.63

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.
Files changed (88) hide show
  1. package/dist/index.cjs.js +69 -69
  2. package/dist/index.esm.js +17802 -18626
  3. package/dist/index.umd.js +69 -69
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/checkbox/index.js +4 -4
  7. package/lib/components.d.ts +0 -1
  8. package/lib/components.js +0 -1
  9. package/lib/dialog/dialog.css +77 -139
  10. package/lib/dialog/dialog.d.ts +121 -41
  11. package/lib/dialog/dialog.less +65 -10
  12. package/lib/dialog/dialog.variable.css +77 -139
  13. package/lib/dialog/index.d.ts +272 -105
  14. package/lib/dialog/index.js +100 -91
  15. package/lib/dialog/props.d.ts +48 -8
  16. package/lib/info-box/index.d.ts +2 -2
  17. package/lib/info-box/index.js +173 -312
  18. package/lib/info-box/info-box.css +7 -63
  19. package/lib/info-box/info-box.d.ts +16 -17
  20. package/lib/info-box/info-box.less +14 -76
  21. package/lib/info-box/info-box.variable.css +7 -63
  22. package/lib/modal/index.d.ts +325 -45
  23. package/lib/modal/index.js +666 -187
  24. package/lib/modal/modal.css +31 -131
  25. package/lib/modal/modal.d.ts +126 -16
  26. package/lib/modal/modal.less +28 -84
  27. package/lib/modal/modal.variable.css +31 -131
  28. package/lib/modal/props.mixin.d.ts +53 -2
  29. package/lib/radio/index.js +5 -5
  30. package/lib/select/index.d.ts +33 -0
  31. package/lib/select/index.js +4 -2
  32. package/lib/select/select.css +19 -5
  33. package/lib/select/select.d.ts +11 -0
  34. package/lib/select/select.less +26 -6
  35. package/lib/select/select.variable.css +19 -5
  36. package/lib/select/selectTagInput.d.ts +7 -0
  37. package/lib/shared/index.d.ts +1 -0
  38. package/lib/shared/index.js +48 -1
  39. package/lib/shared/mask.d.ts +11 -0
  40. package/lib/sideslider/index.d.ts +222 -31
  41. package/lib/sideslider/index.js +36 -49
  42. package/lib/sideslider/sideslider.css +42 -4
  43. package/lib/sideslider/sideslider.d.ts +105 -14
  44. package/lib/sideslider/sideslider.less +58 -13
  45. package/lib/sideslider/sideslider.variable.css +42 -4
  46. package/lib/table/const.d.ts +1 -1
  47. package/lib/table/index.d.ts +0 -23
  48. package/lib/table/index.js +43 -176
  49. package/lib/table/plugins/use-fixed-column.d.ts +1 -1
  50. package/lib/table/plugins/use-pagination.d.ts +1 -3
  51. package/lib/table/props.d.ts +0 -8
  52. package/lib/table/table.css +42 -97
  53. package/lib/table/table.d.ts +0 -11
  54. package/lib/table/table.less +58 -43
  55. package/lib/table/table.variable.css +42 -97
  56. package/lib/table/use-attributes.d.ts +0 -1
  57. package/lib/table/use-render.d.ts +1 -1
  58. package/lib/table-column/index.js +2 -6
  59. package/lib/tree/index.d.ts +0 -23
  60. package/lib/tree/index.js +3 -9
  61. package/lib/tree/props.d.ts +0 -8
  62. package/lib/tree/tree.css +2 -75
  63. package/lib/tree/tree.d.ts +0 -11
  64. package/lib/tree/tree.variable.css +2 -75
  65. package/lib/virtual-render/index.d.ts +0 -4
  66. package/lib/virtual-render/index.js +52 -253
  67. package/lib/virtual-render/props.d.ts +0 -7
  68. package/lib/virtual-render/use-fix-top.d.ts +7 -2
  69. package/lib/virtual-render/v-virtual-render.d.ts +1 -2
  70. package/lib/virtual-render/virtual-render.css +2 -75
  71. package/lib/virtual-render/virtual-render.d.ts +0 -2
  72. package/lib/virtual-render/virtual-render.less +3 -3
  73. package/lib/virtual-render/virtual-render.variable.css +2 -75
  74. package/package.json +1 -1
  75. package/lib/info-box/render-component.d.ts +0 -4
  76. package/lib/modal/mask.d.ts +0 -6
  77. package/lib/scrollbar/index.d.ts +0 -14
  78. package/lib/scrollbar/index.js +0 -18737
  79. package/lib/scrollbar/scrollbar-core/can-use-dom.d.ts +0 -2
  80. package/lib/scrollbar/scrollbar-core/helpers.d.ts +0 -5
  81. package/lib/scrollbar/scrollbar-core/index.d.ts +0 -236
  82. package/lib/scrollbar/scrollbar-core/mouse-wheel.d.ts +0 -5
  83. package/lib/scrollbar/scrollbar-core/scrollbar-width.d.ts +0 -1
  84. package/lib/scrollbar/scrollbar.css +0 -74
  85. package/lib/scrollbar/scrollbar.less +0 -93
  86. package/lib/scrollbar/scrollbar.variable.css +0 -203
  87. package/lib/table/plugins/use-shift-key.d.ts +0 -11
  88. package/lib/virtual-render/use-scrollbar.d.ts +0 -23
@@ -1,2 +0,0 @@
1
- declare const _default: () => boolean;
2
- export default _default;
@@ -1,5 +0,0 @@
1
- export declare function getElementWindow(element: Element): Window & typeof globalThis;
2
- export declare function getElementDocument(element: Element): Document;
3
- export declare function addClasses(el: HTMLElement | null, classes: string): void;
4
- export declare function removeClasses(el: HTMLElement | null, classes: string): void;
5
- export declare function classNamesToQuery(classNames: string): string;
@@ -1,236 +0,0 @@
1
- import * as helpers from './helpers';
2
- interface DebouncedFunc<T extends (...args: any[]) => any> {
3
- /**
4
- * Call the original function, but applying the debounce rules.
5
- *
6
- * If the debounced function can be run immediately, this calls it and returns its return
7
- * value.
8
- *
9
- * Otherwise, it returns the return value of the last invocation, or undefined if the debounced
10
- * function was not invoked yet.
11
- */
12
- (...args: Parameters<T>): ReturnType<T> | undefined;
13
- /**
14
- * Throw away any pending invocation of the debounced function.
15
- */
16
- cancel(): void;
17
- /**
18
- * If there is a pending invocation of the debounced function, invoke it immediately and return
19
- * its return value.
20
- *
21
- * Otherwise, return the value from the last invocation, or undefined if the debounced function
22
- * was never invoked.
23
- */
24
- flush(): ReturnType<T> | undefined;
25
- }
26
- interface Options {
27
- forceVisible: boolean | Axis;
28
- clickOnTrack: boolean;
29
- scrollbarMinSize: number;
30
- scrollbarMaxSize: number;
31
- classNames: Partial<ClassNames>;
32
- ariaLabel: string;
33
- scrollableNode: HTMLElement | null;
34
- contentNode: HTMLElement | null;
35
- delegateYContent: HTMLElement | null;
36
- delegateXContent: HTMLElement | null;
37
- wrapperNode: HTMLElement | null;
38
- autoHide: boolean;
39
- useSystemScrollXBehavior?: boolean;
40
- useSystemScrollYBehavior?: boolean;
41
- onScrollCallback?: (args: {
42
- x: number;
43
- y: number;
44
- }) => void;
45
- }
46
- export type SimpleBarOptions = Partial<Options>;
47
- type ClassNames = {
48
- contentEl: string;
49
- offset: string;
50
- mask: string;
51
- wrapper: string;
52
- placeholder: string;
53
- scrollbar: string;
54
- track: string;
55
- visible: string;
56
- horizontal: string;
57
- vertical: string;
58
- hover: string;
59
- dragging: string;
60
- scrolling: string;
61
- scrollable: string;
62
- mouseEntered: string;
63
- };
64
- type Axis = 'x' | 'y';
65
- type AxisProps = {
66
- scrollOffsetAttr: 'scrollLeft' | 'scrollTop';
67
- sizeAttr: 'width' | 'height';
68
- scrollSizeAttr: 'scrollWidth' | 'scrollHeight';
69
- offsetSizeAttr: 'offsetWidth' | 'offsetHeight';
70
- offsetAttr: 'left' | 'top';
71
- overflowAttr: 'overflowX' | 'overflowY';
72
- dragOffset: number;
73
- isOverflowing: boolean;
74
- forceVisible: boolean;
75
- track: {
76
- size: any;
77
- el: HTMLElement | null;
78
- rect: DOMRect | null;
79
- isVisible: boolean;
80
- };
81
- scrollbar: {
82
- size: any;
83
- el: HTMLElement | null;
84
- rect: DOMRect | null;
85
- isVisible: boolean;
86
- };
87
- };
88
- type RtlHelpers = {
89
- isScrollOriginAtZero: boolean;
90
- isScrollingToNegative: boolean;
91
- } | null;
92
- type DefaultOptions = Options & typeof BkScrollbarCore.defaultOptions;
93
- type MouseWheelInstance = {
94
- addWheelEvent: (target: HTMLElement) => void;
95
- removeWheelEvent: (target: HTMLElement) => void;
96
- };
97
- export default class BkScrollbarCore {
98
- static rtlHelpers: RtlHelpers;
99
- static defaultOptions: Options;
100
- /**
101
- * Static functions
102
- */
103
- static helpers: typeof helpers;
104
- /**
105
- * Helper to fix browsers inconsistency on RTL:
106
- * - Firefox inverts the scrollbar initial position
107
- * - IE11 inverts both scrollbar position and scrolling offset
108
- */
109
- static getRtlHelpers(): {
110
- isScrollOriginAtZero: boolean;
111
- isScrollingToNegative: boolean;
112
- };
113
- static getOffset(el: Element): {
114
- top: number;
115
- left: number;
116
- };
117
- el: HTMLElement;
118
- options: DefaultOptions;
119
- classNames: ClassNames;
120
- axis: {
121
- x: AxisProps;
122
- y: AxisProps;
123
- };
124
- draggedAxis?: Axis;
125
- removePreventClickId: null | number;
126
- minScrollbarWidth: number;
127
- stopScrollDelay: number;
128
- isScrolling: boolean;
129
- isMouseEntering: boolean;
130
- isDragging: boolean;
131
- scrollXTicking: boolean;
132
- scrollYTicking: boolean;
133
- wrapperEl: HTMLElement | null;
134
- contentEl: HTMLElement | null;
135
- delegateXContent: HTMLElement | null;
136
- delegateYContent: HTMLElement | null;
137
- rtlHelpers: RtlHelpers;
138
- scrollbarWidth: number;
139
- resizeObserver: ResizeObserver | null;
140
- mutationObserver: MutationObserver | null;
141
- elStyles: CSSStyleDeclaration | null;
142
- isRtl: boolean | null;
143
- mouseX: number;
144
- mouseY: number;
145
- mouseWheelInstance: MouseWheelInstance;
146
- wheelOffset: number;
147
- mouseWeelTimer: any;
148
- /**
149
- * 最外层滚动容器滚动实际位置缓存器
150
- */
151
- wrapperScrollValue: {
152
- scrollTop: number;
153
- scrollLeft: number;
154
- };
155
- /**
156
- * 模拟滚动条内部缩略滚动器滚动位置缓存器
157
- */
158
- wrapperScrollMap: {};
159
- onMouseMove: DebouncedFunc<any> | (() => void);
160
- onWindowResize: DebouncedFunc<any> | (() => void);
161
- onStopScrolling: DebouncedFunc<any> | (() => void);
162
- onMouseEntered: DebouncedFunc<any> | (() => void);
163
- onMouseWheel: DebouncedFunc<any> | (() => void);
164
- constructor(element: HTMLElement, options?: Partial<Options>);
165
- getScrollbarWidth(): number;
166
- init(): void;
167
- initDOM(): void;
168
- initListeners(): void;
169
- recalculate(): void;
170
- /**
171
- * Calculate scrollbar size
172
- */
173
- getScrollbarSize(axis?: Axis): any;
174
- positionScrollbar(axis?: Axis): void;
175
- toggleTrackVisibility(axis?: Axis): void;
176
- showScrollbar(axis?: Axis): void;
177
- hideScrollbar(axis?: Axis): void;
178
- /**
179
- * On scroll event handling
180
- */
181
- onScroll: () => void;
182
- scrollX: () => void;
183
- scrollY: () => void;
184
- onMouseEnter: () => void;
185
- onMouseMoveForAxis(axis?: Axis): void;
186
- onMouseLeave: () => void;
187
- onMouseLeaveForAxis(axis?: Axis): void;
188
- onPointerEvent: (e: any) => void;
189
- /**
190
- * on scrollbar handle drag movement starts
191
- */
192
- onDragStart(e: any, axis?: Axis): void;
193
- /**
194
- * Drag scrollbar handle
195
- */
196
- drag: (e: any) => void;
197
- getPointerPosition: (dragPos: number, axis: Axis) => number;
198
- scrollToAxisPosition: (scrollPos: number, axisValue: Axis) => boolean;
199
- fixedScrollTo: (axisValue: Axis, resolvedValue: number) => void;
200
- /**
201
- * End scroll handle drag
202
- */
203
- onEndDrag: (e: any) => void;
204
- /**
205
- * Handler to ignore click events during drag
206
- */
207
- preventClick: (e: any) => void;
208
- onTrackClick(e: any, axis?: Axis): void;
209
- /**
210
- * Getter for content element
211
- */
212
- getContentElement(): HTMLElement;
213
- /**
214
- * Getter for original scrolling element
215
- */
216
- getScrollElement(): HTMLElement;
217
- removeListeners(): void;
218
- /**
219
- * Remove all listeners from DOM nodes
220
- */
221
- unMount(): void;
222
- /**
223
- * Check if mouse is within bounds
224
- */
225
- isWithinBounds(bbox: DOMRect): boolean;
226
- /**
227
- * Find element children matches query
228
- */
229
- findChild(el: any, query: any): any;
230
- private mOnMouseWheel;
231
- private mOnStopScrolling;
232
- private mOnMouseEntered;
233
- private mOnMouseMove;
234
- private mOnWindowResize;
235
- }
236
- export {};
@@ -1,5 +0,0 @@
1
- declare const _default: (fn: any) => {
2
- addWheelEvent: (target: HTMLElement) => void;
3
- removeWheelEvent: (target: HTMLElement) => void;
4
- };
5
- export default _default;
@@ -1 +0,0 @@
1
- export default function scrollbarWidth(): number;
@@ -1,74 +0,0 @@
1
- .bk-scrollbar-wrapper {
2
- position: relative;
3
- overflow: hidden;
4
- }
5
- .bk-scrollbar-wrapper .bk-scrollbar-content-el {
6
- display: inline-flex;
7
- flex-direction: column;
8
- }
9
- .bk-scrollbar-wrapper .bk-scrollbar-track {
10
- z-index: 1;
11
- position: absolute;
12
- right: 0;
13
- bottom: 0;
14
- pointer-events: none;
15
- overflow: hidden;
16
- }
17
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
18
- background-color: #F0F1F5;
19
- cursor: pointer;
20
- }
21
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
22
- background-color: #979BA5;
23
- }
24
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
25
- top: 0;
26
- width: 8px;
27
- transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
28
- }
29
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
30
- left: 0;
31
- height: 8px;
32
- transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
33
- }
34
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
35
- right: auto;
36
- left: 0;
37
- top: 0;
38
- bottom: 0;
39
- min-height: 0;
40
- min-width: 8px;
41
- width: auto;
42
- }
43
- .bk-scrollbar-wrapper .bk-scrollbar-dragging {
44
- pointer-events: none;
45
- -webkit-touch-callout: none;
46
- -webkit-user-select: none;
47
- -khtml-user-select: none;
48
- -moz-user-select: none;
49
- -ms-user-select: none;
50
- user-select: none;
51
- }
52
- .bk-scrollbar-wrapper .bk-scrollbar {
53
- position: absolute;
54
- left: 0;
55
- right: 0;
56
- min-height: 8px;
57
- }
58
- .bk-scrollbar-wrapper .bk-scrollbar::before {
59
- position: absolute;
60
- content: '';
61
- background: #DCDEE5;
62
- border-radius: 6px;
63
- left: 1px;
64
- right: 1px;
65
- top: 1px;
66
- bottom: 1px;
67
- opacity: 0;
68
- transition: opacity 0.2s 0.9s linear;
69
- }
70
- .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
71
- opacity: 0.9;
72
- transition-delay: 0s;
73
- transition-duration: 0s;
74
- }
@@ -1,93 +0,0 @@
1
- @import '../styles/themes/themes.less';
2
-
3
- .@{bk-prefix}-scrollbar-wrapper {
4
- position: relative;
5
- overflow: hidden;
6
-
7
- .@{bk-prefix}-scrollbar-content-el {
8
- display: inline-flex;
9
- flex-direction: column;
10
- }
11
-
12
- .@{bk-prefix}-scrollbar-track {
13
- z-index: 1;
14
- position: absolute;
15
- right: 0;
16
- bottom: 0;
17
- pointer-events: none;
18
- overflow: hidden;
19
-
20
- &.@{bk-prefix}-scrollbar-hover {
21
- background-color: #F0F1F5;
22
- cursor: pointer;
23
-
24
- .@{bk-prefix}-scrollbar {
25
- &::before {
26
- background-color: #979BA5;
27
- }
28
- }
29
- }
30
-
31
- &.@{bk-prefix}-scrollbar-vertical {
32
- top: 0;
33
- width: 8px;
34
- transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
35
- }
36
-
37
- &.@{bk-prefix}-scrollbar-horizontal {
38
- left: 0;
39
- height: 8px;
40
- transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
41
-
42
- &.@{bk-prefix}-scrollbar {
43
- right: auto;
44
- left: 0;
45
- top: 0;
46
- bottom: 0;
47
- min-height: 0;
48
- min-width: 8px;
49
- width: auto;
50
- }
51
- }
52
- }
53
-
54
-
55
- .@{bk-prefix}-scrollbar-dragging {
56
- pointer-events: none;
57
- -webkit-touch-callout: none;
58
- -webkit-user-select: none;
59
- -khtml-user-select: none;
60
- -moz-user-select: none;
61
- -ms-user-select: none;
62
- user-select: none;
63
- }
64
-
65
-
66
- .@{bk-prefix}-scrollbar {
67
- position: absolute;
68
- left: 0;
69
- right: 0;
70
- min-height: 8px;
71
-
72
- &::before {
73
- position: absolute;
74
- content: '';
75
- background: #DCDEE5;
76
- border-radius: 6px;
77
- left: 1px;
78
- right: 1px;
79
- top: 1px;
80
- bottom: 1px;
81
- opacity: 0;
82
- transition: opacity 0.2s 0.9s linear;
83
- }
84
-
85
- &.@{bk-prefix}-scrollbar-visible {
86
- &::before {
87
- opacity: 0.9;
88
- transition-delay: 0s;
89
- transition-duration: 0s;
90
- }
91
- }
92
- }
93
- }
@@ -1,203 +0,0 @@
1
- :root {
2
- --bk-prefix: bk;
3
- --popover-max-height: 216px;
4
- --primary-color: #3a84ff;
5
- --success-color: #2dcb56;
6
- --warning-color: #ff9c01;
7
- --danger-color: #ea3636;
8
- --default-color: #63656e;
9
- --gray-color: #979ba5;
10
- --light-gray: #c4c6cc;
11
- --white-color: white;
12
- --whitesmoke-color: #fafbfd;
13
- --disable-color: #dcdee5;
14
- --disable-bg-color: #f9fafd;
15
- --border-color: #dcdee5;
16
- --font-size-base: 12px;
17
- --font-size-medium: 14px;
18
- --font-size-large: 16px;
19
- --line-height-base: 16px;
20
- --line-height-medium: 16px;
21
- --line-height-large: 18px;
22
- --component-size-small: 26px;
23
- --component-size-base: 32px;
24
- --component-size-large: 40px;
25
- --component-size-small-padding: 0 12px;
26
- --component-size-base-padding: 0 14px;
27
- --component-size-large-padding: 0 16px;
28
- --border-width-base: 1px;
29
- --border-style-base: solid;
30
- --border-radius-base: 2px;
31
- --border-style-color: var(--light-gray);
32
- --input-disabled-bg: #fafbfd;
33
- --input-disabled-border: var(--disable-color);
34
- --input-height-base: var(--component-size-base);
35
- --input-color: var(--default-color);
36
- --input-bg: white;
37
- --input-border-color: var(--light-gray);
38
- --input-broder-radius: 3px;
39
- --input-shadow-color: #a3c5fd;
40
- --input-horizontal-padding: 8px;
41
- --input-block-color: #f5f7fa;
42
- --input-block-hover-color: #eaebf0;
43
- --input-icon-size: var(--font-size-medium);
44
- --input-maxlength-color: #979ba5;
45
- --button-primary-hover-color: #5594fa;
46
- --button-danger-hover-color: #ff5656;
47
- --button-success-hover-color: #45e35f;
48
- --button-warning-hover-color: #ffb848;
49
- --button-default-hover-border-color: #979ba5;
50
- --button-primary-active-color: #2c77f4;
51
- --button-danger-active-color: #db2626;
52
- --button-success-active-color: #1ab943;
53
- --button-warning-active-color: #eb9000;
54
- --button-selected-bg-color: #e1ecff;
55
- --button-disabled-selected-bg-color: #f0f1f5;
56
- --radio-font-color: #63656e;
57
- --radio-active-color: #3a84ff;
58
- --radio-hover-border-color: #979ba5;
59
- --radio-disabled-border: #dcdee5;
60
- --radio-disabled-font-color: #c4c6cc;
61
- --radio-disabled-checked-bg: #a3c5fd;
62
- --radio-button-checked-bg: #e1ecff;
63
- --radio-button-disabled-checked-bg: #fafbfd;
64
- --checkbox-disabled-checked-bg: #a3c5fd;
65
- --fixed-navbar-background: #fff;
66
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
67
- --switch-default-color: #fff;
68
- --switch-grey-color: #c4c6cc;
69
- --breadcrumb-black-color: #979ba5;
70
- --breadcrumb-primary-hover-color: #0082ff;
71
- --breadcrumb-fn-main-color: #63656e;
72
- --link-default-hover-color: #979ba5;
73
- --link-primary-hover-color: #699df4;
74
- --link-success-hover-color: #45e35f;
75
- --link-warning-hover-color: #ffb848;
76
- --link-danger-hover-color: #ff5656;
77
- --link-default-disabled-color: #dcdee5;
78
- --link-primary-disabled-color: #a3c5fd;
79
- --link-success-disabled-color: #94f5a4;
80
- --link-warning-disabled-color: #ffd695;
81
- --link-danger-disabled-color: #fd9c9c;
82
- --message-color: var(--default-color);
83
- --message-primary-bg-color: #f0f8ff;
84
- --message-primary-border-color: #e1ecff;
85
- --message-primary-shadow-color: #e1e8f4;
86
- --message-warning-bg-color: #fff4e2;
87
- --message-warning-border-color: #ffe8c3;
88
- --message-warning-shadow-color: #ede6db;
89
- --message-success-bg-color: #f2fff4;
90
- --message-success-border-color: #dcffe2;
91
- --message-success-shadow-color: #cef0d7;
92
- --message-danger-bg-color: #ffeded;
93
- --message-danger-border-color: #ffdddd;
94
- --message-danger-shadow-color: #f6dada;
95
- --slider-default-bg: #dcdee5;
96
- --slider-disable-bar-bg: #979ba5;
97
- --menu-bg-color: #182132;
98
- --submenu-bg-color: #151d2c;
99
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
100
- --menu-color: #96a2b9;
101
- --menu-group-color: var(--default-color);
102
- --menu-width: 260px;
103
- --menu-collapse-width: 60px;
104
- --menu-active-color: white;
105
- --nav-header-bg-color: #182132;
106
- --nav-bg-color: #182132;
107
- --date-picker-disabled-bg: #fafbfd;
108
- --date-picker-dropdown-mb: 4px;
109
- --date-picker-dropdown-bg: #fff;
110
- --table-bg-color: var(--white-color);
111
- --table-border-color: #dcdee5;
112
- --table-head-bg-color: #fafbfd;
113
- --table-head-font-color: #313238;
114
- --table-body-font-color: #63656E;
115
- --table-row-hover-bg-color: #f5f7fa;
116
- --table-row-active-bg-color: #f0f1f5;
117
- --cascader-panel-border-color: #dcdee5;
118
- --cascader-panel-hover: #f5f7fa;
119
- --cascader-panel-active: #e1ecff;
120
- --cascader-panel-disabled-bg: #fff;
121
- --search-select-focus-border-color: var(--primary-color);
122
- --search-select-focus-color: #3c96ff;
123
- --search-select-font-color: var(--default-color);
124
- --search-select-placeholder-color: var(--light-gray);
125
- --search-select-message-color: var(--danger-color);
126
- --search-select-menu-border-color: var(--disable-color);
127
- --select-active-color: #e1ecff;
128
- --select-hover-color: #f5f7fa;
129
- }
130
- .bk-scrollbar-wrapper {
131
- position: relative;
132
- overflow: hidden;
133
- }
134
- .bk-scrollbar-wrapper .bk-scrollbar-content-el {
135
- display: inline-flex;
136
- flex-direction: column;
137
- }
138
- .bk-scrollbar-wrapper .bk-scrollbar-track {
139
- z-index: 1;
140
- position: absolute;
141
- right: 0;
142
- bottom: 0;
143
- pointer-events: none;
144
- overflow: hidden;
145
- }
146
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
147
- background-color: #F0F1F5;
148
- cursor: pointer;
149
- }
150
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
151
- background-color: #979BA5;
152
- }
153
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
154
- top: 0;
155
- width: 8px;
156
- transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
157
- }
158
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
159
- left: 0;
160
- height: 8px;
161
- transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
162
- }
163
- .bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
164
- right: auto;
165
- left: 0;
166
- top: 0;
167
- bottom: 0;
168
- min-height: 0;
169
- min-width: 8px;
170
- width: auto;
171
- }
172
- .bk-scrollbar-wrapper .bk-scrollbar-dragging {
173
- pointer-events: none;
174
- -webkit-touch-callout: none;
175
- -webkit-user-select: none;
176
- -khtml-user-select: none;
177
- -moz-user-select: none;
178
- -ms-user-select: none;
179
- user-select: none;
180
- }
181
- .bk-scrollbar-wrapper .bk-scrollbar {
182
- position: absolute;
183
- left: 0;
184
- right: 0;
185
- min-height: 8px;
186
- }
187
- .bk-scrollbar-wrapper .bk-scrollbar::before {
188
- position: absolute;
189
- content: '';
190
- background: #DCDEE5;
191
- border-radius: 6px;
192
- left: 1px;
193
- right: 1px;
194
- top: 1px;
195
- bottom: 1px;
196
- opacity: 0;
197
- transition: opacity 0.2s 0.9s linear;
198
- }
199
- .bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
200
- opacity: 0.9;
201
- transition-delay: 0s;
202
- transition-duration: 0s;
203
- }
@@ -1,11 +0,0 @@
1
- import { TablePropTypes } from '../props';
2
- declare const _default: (props: TablePropTypes) => {
3
- isShiftKeyDown: import("vue").Ref<boolean>;
4
- setStore: (row: any, index: number) => boolean;
5
- getStore: () => {
6
- start: any;
7
- end: any;
8
- };
9
- clearStore: () => void;
10
- };
11
- export default _default;
@@ -1,23 +0,0 @@
1
- import { Ref } from 'vue';
2
- import BkScrollbar from '../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: BkScrollbar;
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;