Mercurial

comparison .cms/lib/codemirror/addon/scroll/simplescrollbars.js @ 0:78edf6b517a0 draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 });