Mercurial
comparison .cms/lib/codemirror/addon/scroll/simplescrollbars.js @ 0:78edf6b517a0 draft
24.10
author | Coffee CMS <info@coffee-cms.ru> |
---|---|
date | Fri, 11 Oct 2024 22:40:23 +0000 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:78edf6b517a0 |
---|---|
1 // CodeMirror, copyright (c) by Marijn Haverbeke and others | |
2 // Distributed under an MIT license: https://codemirror.net/5/LICENSE | |
3 | |
4 (function(mod) { | |
5 if (typeof exports == "object" && typeof module == "object") // CommonJS | |
6 mod(require("../../lib/codemirror")); | |
7 else if (typeof define == "function" && define.amd) // AMD | |
8 define(["../../lib/codemirror"], mod); | |
9 else // Plain browser env | |
10 mod(CodeMirror); | |
11 })(function(CodeMirror) { | |
12 "use strict"; | |
13 | |
14 function Bar(cls, orientation, scroll) { | |
15 this.orientation = orientation; | |
16 this.scroll = scroll; | |
17 this.screen = this.total = this.size = 1; | |
18 this.pos = 0; | |
19 | |
20 this.node = document.createElement("div"); | |
21 this.node.className = cls + "-" + orientation; | |
22 this.inner = this.node.appendChild(document.createElement("div")); | |
23 | |
24 var self = this; | |
25 CodeMirror.on(this.inner, "mousedown", function(e) { | |
26 if (e.which != 1) return; | |
27 CodeMirror.e_preventDefault(e); | |
28 var axis = self.orientation == "horizontal" ? "pageX" : "pageY"; | |
29 var start = e[axis], startpos = self.pos; | |
30 function done() { | |
31 CodeMirror.off(document, "mousemove", move); | |
32 CodeMirror.off(document, "mouseup", done); | |
33 } | |
34 function move(e) { | |
35 if (e.which != 1) return done(); | |
36 self.moveTo(startpos + (e[axis] - start) * (self.total / self.size)); | |
37 } | |
38 CodeMirror.on(document, "mousemove", move); | |
39 CodeMirror.on(document, "mouseup", done); | |
40 }); | |
41 | |
42 CodeMirror.on(this.node, "click", function(e) { | |
43 CodeMirror.e_preventDefault(e); | |
44 var innerBox = self.inner.getBoundingClientRect(), where; | |
45 if (self.orientation == "horizontal") | |
46 where = e.clientX < innerBox.left ? -1 : e.clientX > innerBox.right ? 1 : 0; | |
47 else | |
48 where = e.clientY < innerBox.top ? -1 : e.clientY > innerBox.bottom ? 1 : 0; | |
49 self.moveTo(self.pos + where * self.screen); | |
50 }); | |
51 | |
52 function onWheel(e) { | |
53 var moved = CodeMirror.wheelEventPixels(e)[self.orientation == "horizontal" ? "x" : "y"]; | |
54 var oldPos = self.pos; | |
55 self.moveTo(self.pos + moved); | |
56 if (self.pos != oldPos) CodeMirror.e_preventDefault(e); | |
57 } | |
58 CodeMirror.on(this.node, "mousewheel", onWheel); | |
59 CodeMirror.on(this.node, "DOMMouseScroll", onWheel); | |
60 } | |
61 | |
62 Bar.prototype.setPos = function(pos, force) { | |
63 if (pos < 0) pos = 0; | |
64 if (pos > this.total - this.screen) pos = this.total - this.screen; | |
65 if (!force && pos == this.pos) return false; | |
66 this.pos = pos; | |
67 this.inner.style[this.orientation == "horizontal" ? "left" : "top"] = | |
68 (pos * (this.size / this.total)) + "px"; | |
69 return true | |
70 }; | |
71 | |
72 Bar.prototype.moveTo = function(pos) { | |
73 if (this.setPos(pos)) this.scroll(pos, this.orientation); | |
74 } | |
75 | |
76 var minButtonSize = 10; | |
77 | |
78 Bar.prototype.update = function(scrollSize, clientSize, barSize) { | |
79 var sizeChanged = this.screen != clientSize || this.total != scrollSize || this.size != barSize | |
80 if (sizeChanged) { | |
81 this.screen = clientSize; | |
82 this.total = scrollSize; | |
83 this.size = barSize; | |
84 } | |
85 | |
86 var buttonSize = this.screen * (this.size / this.total); | |
87 if (buttonSize < minButtonSize) { | |
88 this.size -= minButtonSize - buttonSize; | |
89 buttonSize = minButtonSize; | |
90 } | |
91 this.inner.style[this.orientation == "horizontal" ? "width" : "height"] = | |
92 buttonSize + "px"; | |
93 this.setPos(this.pos, sizeChanged); | |
94 }; | |
95 | |
96 function SimpleScrollbars(cls, place, scroll) { | |
97 this.addClass = cls; | |
98 this.horiz = new Bar(cls, "horizontal", scroll); | |
99 place(this.horiz.node); | |
100 this.vert = new Bar(cls, "vertical", scroll); | |
101 place(this.vert.node); | |
102 this.width = null; | |
103 } | |
104 | |
105 SimpleScrollbars.prototype.update = function(measure) { | |
106 if (this.width == null) { | |
107 var style = window.getComputedStyle ? window.getComputedStyle(this.horiz.node) : this.horiz.node.currentStyle; | |
108 if (style) this.width = parseInt(style.height); | |
109 } | |
110 var width = this.width || 0; | |
111 | |
112 var needsH = measure.scrollWidth > measure.clientWidth + 1; | |
113 var needsV = measure.scrollHeight > measure.clientHeight + 1; | |
114 this.vert.node.style.display = needsV ? "block" : "none"; | |
115 this.horiz.node.style.display = needsH ? "block" : "none"; | |
116 | |
117 if (needsV) { | |
118 this.vert.update(measure.scrollHeight, measure.clientHeight, | |
119 measure.viewHeight - (needsH ? width : 0)); | |
120 this.vert.node.style.bottom = needsH ? width + "px" : "0"; | |
121 } | |
122 if (needsH) { | |
123 this.horiz.update(measure.scrollWidth, measure.clientWidth, | |
124 measure.viewWidth - (needsV ? width : 0) - measure.barLeft); | |
125 this.horiz.node.style.right = needsV ? width + "px" : "0"; | |
126 this.horiz.node.style.left = measure.barLeft + "px"; | |
127 } | |
128 | |
129 return {right: needsV ? width : 0, bottom: needsH ? width : 0}; | |
130 }; | |
131 | |
132 SimpleScrollbars.prototype.setScrollTop = function(pos) { | |
133 this.vert.setPos(pos); | |
134 }; | |
135 | |
136 SimpleScrollbars.prototype.setScrollLeft = function(pos) { | |
137 this.horiz.setPos(pos); | |
138 }; | |
139 | |
140 SimpleScrollbars.prototype.clear = function() { | |
141 var parent = this.horiz.node.parentNode; | |
142 parent.removeChild(this.horiz.node); | |
143 parent.removeChild(this.vert.node); | |
144 }; | |
145 | |
146 CodeMirror.scrollbarModel.simple = function(place, scroll) { | |
147 return new SimpleScrollbars("CodeMirror-simplescroll", place, scroll); | |
148 }; | |
149 CodeMirror.scrollbarModel.overlay = function(place, scroll) { | |
150 return new SimpleScrollbars("CodeMirror-overlayscroll", place, scroll); | |
151 }; | |
152 }); |