@dao42/d42paas-front 0.7.6 → 0.7.10
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/DaoPaaS.es.js +534 -588
- package/dist/DaoPaaS.umd.js +401 -410
- package/package.json +1 -1
package/dist/DaoPaaS.es.js
CHANGED
|
@@ -16815,8 +16815,8 @@ var formatDistance$1 = formatDistance;
|
|
|
16815
16815
|
function buildFormatLongFn(args) {
|
|
16816
16816
|
return function() {
|
|
16817
16817
|
var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
|
|
16818
|
-
var
|
|
16819
|
-
var format2 = args.formats[
|
|
16818
|
+
var width = options.width ? String(options.width) : args.defaultWidth;
|
|
16819
|
+
var format2 = args.formats[width] || args.formats[args.defaultWidth];
|
|
16820
16820
|
return format2;
|
|
16821
16821
|
};
|
|
16822
16822
|
}
|
|
@@ -16872,8 +16872,8 @@ function buildLocalizeFn(args) {
|
|
|
16872
16872
|
var valuesArray;
|
|
16873
16873
|
if (context === "formatting" && args.formattingValues) {
|
|
16874
16874
|
var defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
|
|
16875
|
-
var
|
|
16876
|
-
valuesArray = args.formattingValues[
|
|
16875
|
+
var width = options.width ? String(options.width) : defaultWidth;
|
|
16876
|
+
valuesArray = args.formattingValues[width] || args.formattingValues[defaultWidth];
|
|
16877
16877
|
} else {
|
|
16878
16878
|
var _defaultWidth = args.defaultWidth;
|
|
16879
16879
|
var _width = options.width ? String(options.width) : args.defaultWidth;
|
|
@@ -17015,14 +17015,14 @@ var localize$2 = localize$1;
|
|
|
17015
17015
|
function buildMatchFn(args) {
|
|
17016
17016
|
return function(string3) {
|
|
17017
17017
|
var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
|
|
17018
|
-
var
|
|
17019
|
-
var matchPattern =
|
|
17018
|
+
var width = options.width;
|
|
17019
|
+
var matchPattern = width && args.matchPatterns[width] || args.matchPatterns[args.defaultMatchWidth];
|
|
17020
17020
|
var matchResult = string3.match(matchPattern);
|
|
17021
17021
|
if (!matchResult) {
|
|
17022
17022
|
return null;
|
|
17023
17023
|
}
|
|
17024
17024
|
var matchedString = matchResult[0];
|
|
17025
|
-
var parsePatterns =
|
|
17025
|
+
var parsePatterns = width && args.parsePatterns[width] || args.parsePatterns[args.defaultParseWidth];
|
|
17026
17026
|
var key = Array.isArray(parsePatterns) ? findIndex(parsePatterns, function(pattern2) {
|
|
17027
17027
|
return pattern2.test(matchedString);
|
|
17028
17028
|
}) : findKey(parsePatterns, function(pattern2) {
|
|
@@ -20365,7 +20365,7 @@ insertCss$1.exports.insertCss = insertCss;
|
|
|
20365
20365
|
}
|
|
20366
20366
|
var Icon3 = /* @__PURE__ */ _react["default"].forwardRef(function(props2, ref) {
|
|
20367
20367
|
var _classNames;
|
|
20368
|
-
var Component = props2.as, spin = props2.spin, pulse = props2.pulse, flip = props2.flip, fill2 = props2.fill, className = props2.className, rotate = props2.rotate, children = props2.children, viewBox = props2.viewBox,
|
|
20368
|
+
var Component = props2.as, spin = props2.spin, pulse = props2.pulse, flip = props2.flip, fill2 = props2.fill, className = props2.className, rotate = props2.rotate, children = props2.children, viewBox = props2.viewBox, width = props2.width, height = props2.height, style = props2.style, rest2 = (0, _objectWithoutPropertiesLoose2["default"])(props2, ["as", "spin", "pulse", "flip", "fill", "className", "rotate", "children", "viewBox", "width", "height", "style"]);
|
|
20369
20369
|
var _useClassNames = (0, _utils.useClassNames)(), componentClassName = _useClassNames[0], addPrefix = _useClassNames[1];
|
|
20370
20370
|
var classes = (0, _classnames2["default"])(className, componentClassName, (_classNames = {}, _classNames[addPrefix("spin")] = spin, _classNames[addPrefix("pulse")] = pulse, _classNames[addPrefix("flip-" + flip)] = !!flip, _classNames));
|
|
20371
20371
|
var rotateStyles = {
|
|
@@ -20374,8 +20374,8 @@ insertCss$1.exports.insertCss = insertCss;
|
|
|
20374
20374
|
};
|
|
20375
20375
|
(0, _utils.useInsertStyles)();
|
|
20376
20376
|
var svgProps = filterProps({
|
|
20377
|
-
width
|
|
20378
|
-
height
|
|
20377
|
+
width,
|
|
20378
|
+
height,
|
|
20379
20379
|
fill: fill2,
|
|
20380
20380
|
viewBox,
|
|
20381
20381
|
className: classes,
|
|
@@ -21709,11 +21709,11 @@ var ResizeObserverSize = function() {
|
|
|
21709
21709
|
return ResizeObserverSize2;
|
|
21710
21710
|
}();
|
|
21711
21711
|
var DOMRectReadOnly = function() {
|
|
21712
|
-
function DOMRectReadOnly2(x2, y2,
|
|
21712
|
+
function DOMRectReadOnly2(x2, y2, width, height) {
|
|
21713
21713
|
this.x = x2;
|
|
21714
21714
|
this.y = y2;
|
|
21715
|
-
this.width =
|
|
21716
|
-
this.height =
|
|
21715
|
+
this.width = width;
|
|
21716
|
+
this.height = height;
|
|
21717
21717
|
this.top = this.y;
|
|
21718
21718
|
this.left = this.x;
|
|
21719
21719
|
this.bottom = this.top + this.height;
|
|
@@ -21721,8 +21721,8 @@ var DOMRectReadOnly = function() {
|
|
|
21721
21721
|
return freeze$1(this);
|
|
21722
21722
|
}
|
|
21723
21723
|
DOMRectReadOnly2.prototype.toJSON = function() {
|
|
21724
|
-
var _a2 = this, x2 = _a2.x, y2 = _a2.y, top = _a2.top, right = _a2.right, bottom = _a2.bottom, left = _a2.left,
|
|
21725
|
-
return { x: x2, y: y2, top, right, bottom, left, width
|
|
21724
|
+
var _a2 = this, x2 = _a2.x, y2 = _a2.y, top = _a2.top, right = _a2.right, bottom = _a2.bottom, left = _a2.left, width = _a2.width, height = _a2.height;
|
|
21725
|
+
return { x: x2, y: y2, top, right, bottom, left, width, height };
|
|
21726
21726
|
};
|
|
21727
21727
|
DOMRectReadOnly2.fromRect = function(rectangle) {
|
|
21728
21728
|
return new DOMRectReadOnly2(rectangle.x, rectangle.y, rectangle.width, rectangle.height);
|
|
@@ -21734,8 +21734,8 @@ var isSVG = function(target) {
|
|
|
21734
21734
|
};
|
|
21735
21735
|
var isHidden = function(target) {
|
|
21736
21736
|
if (isSVG(target)) {
|
|
21737
|
-
var _a2 = target.getBBox(),
|
|
21738
|
-
return !
|
|
21737
|
+
var _a2 = target.getBBox(), width = _a2.width, height = _a2.height;
|
|
21738
|
+
return !width && !height;
|
|
21739
21739
|
}
|
|
21740
21740
|
var _b2 = target, offsetWidth = _b2.offsetWidth, offsetHeight = _b2.offsetHeight;
|
|
21741
21741
|
return !(offsetWidth || offsetHeight || target.getClientRects().length);
|
|
@@ -22637,25 +22637,25 @@ var AutoPlacement = {
|
|
|
22637
22637
|
bottom: "End"
|
|
22638
22638
|
};
|
|
22639
22639
|
function getContainerDimensions(containerNode) {
|
|
22640
|
-
var
|
|
22641
|
-
var
|
|
22640
|
+
var width;
|
|
22641
|
+
var height;
|
|
22642
22642
|
var scrollX;
|
|
22643
22643
|
var scrollY;
|
|
22644
22644
|
if (containerNode.tagName === "BODY") {
|
|
22645
|
-
|
|
22646
|
-
|
|
22645
|
+
width = window.innerWidth;
|
|
22646
|
+
height = window.innerHeight;
|
|
22647
22647
|
scrollY = scrollTop(ownerDocument(containerNode).documentElement) || scrollTop(containerNode);
|
|
22648
22648
|
scrollX = scrollLeft(ownerDocument(containerNode).documentElement) || scrollLeft(containerNode);
|
|
22649
22649
|
} else {
|
|
22650
22650
|
var _ref2 = getOffset(containerNode);
|
|
22651
|
-
|
|
22652
|
-
|
|
22651
|
+
width = _ref2.width;
|
|
22652
|
+
height = _ref2.height;
|
|
22653
22653
|
scrollY = scrollTop(containerNode);
|
|
22654
22654
|
scrollX = scrollLeft(containerNode);
|
|
22655
22655
|
}
|
|
22656
22656
|
return {
|
|
22657
|
-
width
|
|
22658
|
-
height
|
|
22657
|
+
width,
|
|
22658
|
+
height,
|
|
22659
22659
|
scrollX,
|
|
22660
22660
|
scrollY
|
|
22661
22661
|
};
|
|
@@ -22718,11 +22718,11 @@ var positionUtils = function(props2) {
|
|
|
22718
22718
|
return offset;
|
|
22719
22719
|
},
|
|
22720
22720
|
calcAutoPlacement: function calcAutoPlacement(targetOffset, container, overlay) {
|
|
22721
|
-
var _getContainerDimensio3 = getContainerDimensions(container),
|
|
22721
|
+
var _getContainerDimensio3 = getContainerDimensions(container), width = _getContainerDimensio3.width, height = _getContainerDimensio3.height, scrollX = _getContainerDimensio3.scrollX, scrollY = _getContainerDimensio3.scrollY;
|
|
22722
22722
|
var left = targetOffset.left - scrollX - overlay.width;
|
|
22723
22723
|
var top = targetOffset.top - scrollY - overlay.height;
|
|
22724
|
-
var right =
|
|
22725
|
-
var bottom =
|
|
22724
|
+
var right = width - targetOffset.left - targetOffset.width + scrollX - overlay.width;
|
|
22725
|
+
var bottom = height - targetOffset.top - targetOffset.height + scrollY - overlay.height;
|
|
22726
22726
|
var horizontal = [{
|
|
22727
22727
|
key: "left",
|
|
22728
22728
|
value: left
|
|
@@ -25744,14 +25744,14 @@ Drawer.propTypes = {
|
|
|
25744
25744
|
};
|
|
25745
25745
|
var Drawer$1 = Drawer;
|
|
25746
25746
|
var PlaceholderGraph = /* @__PURE__ */ React.forwardRef(function(props2, ref) {
|
|
25747
|
-
var _props$as = props2.as, Component = _props$as === void 0 ? "div" : _props$as, className = props2.className,
|
|
25747
|
+
var _props$as = props2.as, Component = _props$as === void 0 ? "div" : _props$as, className = props2.className, width = props2.width, _props$height = props2.height, height = _props$height === void 0 ? 200 : _props$height, style = props2.style, active = props2.active, _props$classPrefix = props2.classPrefix, classPrefix = _props$classPrefix === void 0 ? "placeholder" : _props$classPrefix, rest2 = _objectWithoutPropertiesLoose$4(props2, ["as", "className", "width", "height", "style", "active", "classPrefix"]);
|
|
25748
25748
|
var _useClassNames = useClassNames(classPrefix), merge2 = _useClassNames.merge, withClassPrefix = _useClassNames.withClassPrefix;
|
|
25749
25749
|
var classes = merge2(className, withClassPrefix("graph", {
|
|
25750
25750
|
active
|
|
25751
25751
|
}));
|
|
25752
25752
|
var styles2 = _extends$1({
|
|
25753
|
-
width:
|
|
25754
|
-
height
|
|
25753
|
+
width: width || "100%",
|
|
25754
|
+
height
|
|
25755
25755
|
}, style);
|
|
25756
25756
|
return /* @__PURE__ */ React.createElement(Component, _extends$1({}, rest2, {
|
|
25757
25757
|
ref,
|
|
@@ -28482,14 +28482,6 @@ const PlaygroundInit = (arg) => {
|
|
|
28482
28482
|
}
|
|
28483
28483
|
}
|
|
28484
28484
|
});
|
|
28485
|
-
io.on("terminal", (d2) => {
|
|
28486
|
-
const _d2 = JSON.parse(d2);
|
|
28487
|
-
setCRDTInfo2(_d2);
|
|
28488
|
-
setAsyncType("terminal");
|
|
28489
|
-
setReplaySource(__spreadProps(__spreadValues({}, _d2), {
|
|
28490
|
-
event: "terminal"
|
|
28491
|
-
}));
|
|
28492
|
-
});
|
|
28493
28485
|
io.on("saveFile", (d2) => {
|
|
28494
28486
|
JSON.parse(d2);
|
|
28495
28487
|
});
|
|
@@ -36768,12 +36760,12 @@ function RangeSlider({
|
|
|
36768
36760
|
}) => {
|
|
36769
36761
|
if (first3) {
|
|
36770
36762
|
const {
|
|
36771
|
-
width
|
|
36763
|
+
width,
|
|
36772
36764
|
left
|
|
36773
36765
|
} = ref.current.getBoundingClientRect();
|
|
36774
|
-
rangeWidth.current =
|
|
36766
|
+
rangeWidth.current = width - parseFloat(scrubberWidth);
|
|
36775
36767
|
const targetIsScrub = (event === null || event === void 0 ? void 0 : event.target) === scrubberRef.current;
|
|
36776
|
-
memo = targetIsScrub ? value : invertedRange((x2 - left) /
|
|
36768
|
+
memo = targetIsScrub ? value : invertedRange((x2 - left) / width, min, max);
|
|
36777
36769
|
}
|
|
36778
36770
|
const newValue = memo + invertedRange(mx / rangeWidth.current, 0, max - min);
|
|
36779
36771
|
onDrag(sanitizeStep$1(newValue, {
|
|
@@ -39451,9 +39443,9 @@ function useToggle(toggled) {
|
|
|
39451
39443
|
once: true
|
|
39452
39444
|
});
|
|
39453
39445
|
const {
|
|
39454
|
-
height
|
|
39446
|
+
height
|
|
39455
39447
|
} = contentRef.current.getBoundingClientRect();
|
|
39456
|
-
ref.style.height =
|
|
39448
|
+
ref.style.height = height + "px";
|
|
39457
39449
|
if (!toggled) {
|
|
39458
39450
|
ref.style.overflow = "hidden";
|
|
39459
39451
|
timeout2 = window.setTimeout(() => ref.style.height = "0px", 50);
|
|
@@ -39500,9 +39492,9 @@ function usePopin(margin = 3) {
|
|
|
39500
39492
|
left
|
|
39501
39493
|
} = popinRef.current.getBoundingClientRect();
|
|
39502
39494
|
const {
|
|
39503
|
-
height
|
|
39495
|
+
height
|
|
39504
39496
|
} = wrapperRef.current.getBoundingClientRect();
|
|
39505
|
-
const direction = bottom +
|
|
39497
|
+
const direction = bottom + height > window.innerHeight - 40 ? "up" : "down";
|
|
39506
39498
|
wrapperRef.current.style.position = "fixed";
|
|
39507
39499
|
wrapperRef.current.style.zIndex = "10000";
|
|
39508
39500
|
wrapperRef.current.style.left = left + "px";
|
|
@@ -39849,11 +39841,11 @@ function Joystick({
|
|
|
39849
39841
|
const {
|
|
39850
39842
|
top,
|
|
39851
39843
|
left,
|
|
39852
|
-
width
|
|
39853
|
-
height
|
|
39844
|
+
width,
|
|
39845
|
+
height
|
|
39854
39846
|
} = joystickeRef.current.getBoundingClientRect();
|
|
39855
|
-
playgroundRef.current.style.left = left +
|
|
39856
|
-
playgroundRef.current.style.top = top +
|
|
39847
|
+
playgroundRef.current.style.left = left + width / 2 + "px";
|
|
39848
|
+
playgroundRef.current.style.top = top + height / 2 + "px";
|
|
39857
39849
|
}
|
|
39858
39850
|
}, [joystickShown]);
|
|
39859
39851
|
const {
|
|
@@ -40309,12 +40301,12 @@ function IntervalSlider(_ref2) {
|
|
|
40309
40301
|
}) => {
|
|
40310
40302
|
if (first3) {
|
|
40311
40303
|
const {
|
|
40312
|
-
width
|
|
40304
|
+
width,
|
|
40313
40305
|
left
|
|
40314
40306
|
} = ref.current.getBoundingClientRect();
|
|
40315
|
-
rangeWidth.current =
|
|
40307
|
+
rangeWidth.current = width - parseFloat(scrubberWidth);
|
|
40316
40308
|
const targetIsScrub = (event === null || event === void 0 ? void 0 : event.target) === minScrubberRef.current || (event === null || event === void 0 ? void 0 : event.target) === maxScrubberRef.current;
|
|
40317
|
-
_memo.pos = invertedRange((x2 - left) /
|
|
40309
|
+
_memo.pos = invertedRange((x2 - left) / width, min, max);
|
|
40318
40310
|
const delta = Math.abs(_memo.pos - value.min) - Math.abs(_memo.pos - value.max);
|
|
40319
40311
|
_memo.key = delta < 0 || delta === 0 && _memo.pos <= value.min ? "min" : "max";
|
|
40320
40312
|
if (targetIsScrub)
|
|
@@ -40829,24 +40821,24 @@ const MonitorCanvas = react.exports.forwardRef(function({
|
|
|
40829
40821
|
if (!_canvas)
|
|
40830
40822
|
return;
|
|
40831
40823
|
const {
|
|
40832
|
-
width
|
|
40833
|
-
height
|
|
40824
|
+
width,
|
|
40825
|
+
height
|
|
40834
40826
|
} = _canvas;
|
|
40835
40827
|
const path = new Path2D();
|
|
40836
|
-
const interval2 =
|
|
40837
|
-
const verticalPadding =
|
|
40828
|
+
const interval2 = width / POINTS;
|
|
40829
|
+
const verticalPadding = height * 0.05;
|
|
40838
40830
|
for (let i2 = 0; i2 < points.current.length; i2++) {
|
|
40839
40831
|
const p2 = range$1(points.current[i2], min.current, max.current);
|
|
40840
40832
|
const x2 = interval2 * i2;
|
|
40841
|
-
const y2 =
|
|
40833
|
+
const y2 = height - p2 * (height - verticalPadding * 2) - verticalPadding;
|
|
40842
40834
|
path.lineTo(x2, y2);
|
|
40843
40835
|
}
|
|
40844
|
-
_ctx.clearRect(0, 0,
|
|
40836
|
+
_ctx.clearRect(0, 0, width, height);
|
|
40845
40837
|
const gradientPath = new Path2D(path);
|
|
40846
|
-
gradientPath.lineTo(interval2 * (points.current.length + 1),
|
|
40847
|
-
gradientPath.lineTo(0,
|
|
40838
|
+
gradientPath.lineTo(interval2 * (points.current.length + 1), height);
|
|
40839
|
+
gradientPath.lineTo(0, height);
|
|
40848
40840
|
gradientPath.lineTo(0, 0);
|
|
40849
|
-
const gradient = _ctx.createLinearGradient(0, 0, 0,
|
|
40841
|
+
const gradient = _ctx.createLinearGradient(0, 0, 0, height);
|
|
40850
40842
|
gradient.addColorStop(0, gradientTop);
|
|
40851
40843
|
gradient.addColorStop(1, gradientBottom);
|
|
40852
40844
|
_ctx.fillStyle = gradient;
|
|
@@ -44325,7 +44317,7 @@ class DaoPaaS {
|
|
|
44325
44317
|
get otstore() {
|
|
44326
44318
|
return oTStore.getState();
|
|
44327
44319
|
}
|
|
44328
|
-
get
|
|
44320
|
+
get socketIO() {
|
|
44329
44321
|
return useOT.getState().socket;
|
|
44330
44322
|
}
|
|
44331
44323
|
get playgroundStatus() {
|
|
@@ -44344,56 +44336,53 @@ class DaoPaaS {
|
|
|
44344
44336
|
if (this.mode === "tsdoc")
|
|
44345
44337
|
return;
|
|
44346
44338
|
const {
|
|
44347
|
-
setSocket
|
|
44348
|
-
socket: socket2
|
|
44339
|
+
setSocket
|
|
44349
44340
|
} = useOT.getState();
|
|
44350
44341
|
const initClassDIV = document.createElement("div");
|
|
44351
44342
|
initClassDIV.className = "init-class";
|
|
44352
44343
|
document.body.appendChild(initClassDIV);
|
|
44353
|
-
|
|
44354
|
-
|
|
44355
|
-
|
|
44356
|
-
|
|
44357
|
-
|
|
44358
|
-
|
|
44359
|
-
|
|
44360
|
-
|
|
44361
|
-
|
|
44362
|
-
|
|
44363
|
-
|
|
44364
|
-
|
|
44365
|
-
|
|
44366
|
-
|
|
44367
|
-
|
|
44368
|
-
|
|
44369
|
-
|
|
44370
|
-
|
|
44371
|
-
|
|
44372
|
-
})
|
|
44373
|
-
});
|
|
44374
|
-
const data = await response.json();
|
|
44375
|
-
setSocket(new sockerIO(__spreadProps(__spreadValues({}, args), {
|
|
44376
|
-
ioPath: `wss://${data.data}`
|
|
44377
|
-
})));
|
|
44378
|
-
if (!args.userId)
|
|
44379
|
-
throw "\u7F3A\u5C11userId";
|
|
44380
|
-
if (!args.playgroundId)
|
|
44381
|
-
throw "\u7F3A\u5C11playgroundId";
|
|
44382
|
-
if (!args.ticket)
|
|
44383
|
-
throw "\u7F3A\u5C11ticket";
|
|
44384
|
-
setUserInfo(__spreadProps(__spreadValues({}, userInfo), {
|
|
44385
|
-
uuid: args.userId,
|
|
44386
|
-
userId: args.userId
|
|
44387
|
-
}));
|
|
44388
|
-
PlaygroundInit(__spreadProps(__spreadValues(__spreadValues({}, this.userInfo), args), {
|
|
44389
|
-
io: this.io,
|
|
44390
|
-
callback: () => {
|
|
44391
|
-
if (this.components) {
|
|
44392
|
-
this.mapRender(this.components);
|
|
44393
|
-
}
|
|
44394
|
-
}
|
|
44395
|
-
}));
|
|
44344
|
+
const {
|
|
44345
|
+
setUserInfo,
|
|
44346
|
+
userInfo
|
|
44347
|
+
} = userStore.getState();
|
|
44348
|
+
const args = {
|
|
44349
|
+
ticket: this.ticket,
|
|
44350
|
+
playgroundId: this.playgroundId,
|
|
44351
|
+
userId: this.userId,
|
|
44352
|
+
username: this.username,
|
|
44353
|
+
tenantId: this.tenantId
|
|
44354
|
+
};
|
|
44355
|
+
const response = await fetch(`https://${this.env}.1024paas.com/jssdk/ticket`, {
|
|
44356
|
+
method: "POST",
|
|
44357
|
+
headers: {
|
|
44358
|
+
"Content-Type": "application/json"
|
|
44359
|
+
},
|
|
44360
|
+
body: JSON.stringify({
|
|
44361
|
+
ticket: this.ticket
|
|
44362
|
+
})
|
|
44396
44363
|
});
|
|
44364
|
+
const data = await response.json();
|
|
44365
|
+
setSocket(new sockerIO(__spreadProps(__spreadValues({}, args), {
|
|
44366
|
+
ioPath: `wss://${data.data}`
|
|
44367
|
+
})));
|
|
44368
|
+
if (!args.userId)
|
|
44369
|
+
throw "\u7F3A\u5C11userId";
|
|
44370
|
+
if (!args.playgroundId)
|
|
44371
|
+
throw "\u7F3A\u5C11playgroundId";
|
|
44372
|
+
if (!args.ticket)
|
|
44373
|
+
throw "\u7F3A\u5C11ticket";
|
|
44374
|
+
setUserInfo(__spreadProps(__spreadValues({}, userInfo), {
|
|
44375
|
+
uuid: args.userId,
|
|
44376
|
+
userId: args.userId
|
|
44377
|
+
}));
|
|
44378
|
+
PlaygroundInit(__spreadProps(__spreadValues(__spreadValues({}, this.userInfo), args), {
|
|
44379
|
+
io: useOT.getState().socket,
|
|
44380
|
+
callback: () => {
|
|
44381
|
+
if (this.components) {
|
|
44382
|
+
this.mapRender(this.components);
|
|
44383
|
+
}
|
|
44384
|
+
}
|
|
44385
|
+
}));
|
|
44397
44386
|
if (this.components) {
|
|
44398
44387
|
this.mapRender(this.components);
|
|
44399
44388
|
}
|
|
@@ -44424,19 +44413,19 @@ class DaoPaaS {
|
|
|
44424
44413
|
}
|
|
44425
44414
|
activePlayground() {
|
|
44426
44415
|
var _a2;
|
|
44427
|
-
(_a2 =
|
|
44416
|
+
(_a2 = useOT.getState().socket) == null ? void 0 : _a2.emit("active");
|
|
44428
44417
|
}
|
|
44429
44418
|
runPlayground() {
|
|
44430
44419
|
var _a2;
|
|
44431
|
-
(_a2 =
|
|
44420
|
+
(_a2 = useOT.getState().socket) == null ? void 0 : _a2.emit("run");
|
|
44432
44421
|
}
|
|
44433
44422
|
stopPlayground() {
|
|
44434
44423
|
var _a2;
|
|
44435
|
-
(_a2 =
|
|
44424
|
+
(_a2 = useOT.getState().socket) == null ? void 0 : _a2.emit("stop");
|
|
44436
44425
|
}
|
|
44437
44426
|
onUploadFile(payload) {
|
|
44438
44427
|
var _a2;
|
|
44439
|
-
(_a2 =
|
|
44428
|
+
(_a2 = useOT.getState().socket) == null ? void 0 : _a2.emit("upload", payload);
|
|
44440
44429
|
}
|
|
44441
44430
|
switchLspServer(arg) {
|
|
44442
44431
|
this.otstore.setGlobalData({
|
|
@@ -44444,12 +44433,14 @@ class DaoPaaS {
|
|
|
44444
44433
|
});
|
|
44445
44434
|
}
|
|
44446
44435
|
record(setBoolean) {
|
|
44447
|
-
|
|
44436
|
+
const {
|
|
44437
|
+
socket: socket2
|
|
44438
|
+
} = useOT.getState();
|
|
44448
44439
|
if (setBoolean === "undefined") {
|
|
44449
44440
|
this.otstore.setGlobalData({
|
|
44450
44441
|
isRecording: !!setBoolean
|
|
44451
44442
|
});
|
|
44452
|
-
|
|
44443
|
+
socket2 == null ? void 0 : socket2.emit("globalData", {
|
|
44453
44444
|
isRecording: !!setBoolean
|
|
44454
44445
|
});
|
|
44455
44446
|
return;
|
|
@@ -44457,7 +44448,7 @@ class DaoPaaS {
|
|
|
44457
44448
|
this.otstore.setGlobalData({
|
|
44458
44449
|
isRecording: !!setBoolean
|
|
44459
44450
|
});
|
|
44460
|
-
|
|
44451
|
+
socket2 == null ? void 0 : socket2.emit("globalData", {
|
|
44461
44452
|
isRecording: !!setBoolean
|
|
44462
44453
|
});
|
|
44463
44454
|
}
|
|
@@ -45186,8 +45177,8 @@ var DragAndDropProvider = function(props2) {
|
|
|
45186
45177
|
var treeViableDragPositions = buildMapForTrees(environment.treeIds, function(treeId2) {
|
|
45187
45178
|
return getViableDragPositions(treeId2, items, treeLinearItems[treeId2]);
|
|
45188
45179
|
});
|
|
45189
|
-
var
|
|
45190
|
-
setItemHeight(
|
|
45180
|
+
var height = (_b3 = (_a3 = document.querySelector('[data-rct-tree="' + treeId + '"] [data-rct-item-container="true"]')) === null || _a3 === void 0 ? void 0 : _a3.offsetHeight) !== null && _b3 !== void 0 ? _b3 : 5;
|
|
45181
|
+
setItemHeight(height);
|
|
45191
45182
|
setDraggingItems(items);
|
|
45192
45183
|
setLinearItems(treeLinearItems);
|
|
45193
45184
|
setViableDragPositions(treeViableDragPositions);
|
|
@@ -57099,13 +57090,13 @@ class SizeUtils {
|
|
|
57099
57090
|
}
|
|
57100
57091
|
}
|
|
57101
57092
|
class Dimension {
|
|
57102
|
-
constructor(
|
|
57103
|
-
this.width =
|
|
57104
|
-
this.height =
|
|
57093
|
+
constructor(width, height) {
|
|
57094
|
+
this.width = width;
|
|
57095
|
+
this.height = height;
|
|
57105
57096
|
}
|
|
57106
|
-
with(
|
|
57107
|
-
if (
|
|
57108
|
-
return new Dimension(
|
|
57097
|
+
with(width = this.width, height = this.height) {
|
|
57098
|
+
if (width !== this.width || height !== this.height) {
|
|
57099
|
+
return new Dimension(width, height);
|
|
57109
57100
|
} else {
|
|
57110
57101
|
return this;
|
|
57111
57102
|
}
|
|
@@ -57153,12 +57144,12 @@ function getTopLeftOffset(element) {
|
|
|
57153
57144
|
top
|
|
57154
57145
|
};
|
|
57155
57146
|
}
|
|
57156
|
-
function size(element,
|
|
57157
|
-
if (typeof
|
|
57158
|
-
element.style.width = `${
|
|
57147
|
+
function size(element, width, height) {
|
|
57148
|
+
if (typeof width === "number") {
|
|
57149
|
+
element.style.width = `${width}px`;
|
|
57159
57150
|
}
|
|
57160
|
-
if (typeof
|
|
57161
|
-
element.style.height = `${
|
|
57151
|
+
if (typeof height === "number") {
|
|
57152
|
+
element.style.height = `${height}px`;
|
|
57162
57153
|
}
|
|
57163
57154
|
}
|
|
57164
57155
|
function getDomNodePagePosition(domNode) {
|
|
@@ -67900,12 +67891,12 @@ function to4CharHex(n2) {
|
|
|
67900
67891
|
return n2.toString(16).toUpperCase().padStart(4, "0");
|
|
67901
67892
|
}
|
|
67902
67893
|
class Viewport {
|
|
67903
|
-
constructor(top, left,
|
|
67894
|
+
constructor(top, left, width, height) {
|
|
67904
67895
|
this._viewportBrand = void 0;
|
|
67905
67896
|
this.top = top | 0;
|
|
67906
67897
|
this.left = left | 0;
|
|
67907
|
-
this.width =
|
|
67908
|
-
this.height =
|
|
67898
|
+
this.width = width | 0;
|
|
67899
|
+
this.height = height | 0;
|
|
67909
67900
|
}
|
|
67910
67901
|
}
|
|
67911
67902
|
class MinimapLinesRenderingData {
|
|
@@ -69672,8 +69663,8 @@ class CommonEditorConfiguration extends Disposable {
|
|
|
69672
69663
|
}
|
|
69673
69664
|
return r2 ? r2 : 1;
|
|
69674
69665
|
}
|
|
69675
|
-
reserveHeight(
|
|
69676
|
-
this._reservedHeight =
|
|
69666
|
+
reserveHeight(height) {
|
|
69667
|
+
this._reservedHeight = height;
|
|
69677
69668
|
this._recomputeOptions();
|
|
69678
69669
|
}
|
|
69679
69670
|
}
|
|
@@ -73806,8 +73797,8 @@ class CharWidthRequest {
|
|
|
73806
73797
|
this.type = type;
|
|
73807
73798
|
this.width = 0;
|
|
73808
73799
|
}
|
|
73809
|
-
fulfill(
|
|
73810
|
-
this.width =
|
|
73800
|
+
fulfill(width) {
|
|
73801
|
+
this.width = width;
|
|
73811
73802
|
}
|
|
73812
73803
|
}
|
|
73813
73804
|
class DomCharWidthReader {
|
|
@@ -74244,18 +74235,18 @@ class FastDomNode {
|
|
|
74244
74235
|
this._maxWidth = maxWidth;
|
|
74245
74236
|
this.domNode.style.maxWidth = this._maxWidth + "px";
|
|
74246
74237
|
}
|
|
74247
|
-
setWidth(
|
|
74248
|
-
if (this._width ===
|
|
74238
|
+
setWidth(width) {
|
|
74239
|
+
if (this._width === width) {
|
|
74249
74240
|
return;
|
|
74250
74241
|
}
|
|
74251
|
-
this._width =
|
|
74242
|
+
this._width = width;
|
|
74252
74243
|
this.domNode.style.width = this._width + "px";
|
|
74253
74244
|
}
|
|
74254
|
-
setHeight(
|
|
74255
|
-
if (this._height ===
|
|
74245
|
+
setHeight(height) {
|
|
74246
|
+
if (this._height === height) {
|
|
74256
74247
|
return;
|
|
74257
74248
|
}
|
|
74258
|
-
this._height =
|
|
74249
|
+
this._height = height;
|
|
74259
74250
|
this.domNode.style.height = this._height + "px";
|
|
74260
74251
|
}
|
|
74261
74252
|
setTop(top) {
|
|
@@ -75514,11 +75505,11 @@ class ClientCoordinates {
|
|
|
75514
75505
|
}
|
|
75515
75506
|
}
|
|
75516
75507
|
class EditorPagePosition {
|
|
75517
|
-
constructor(x2, y2,
|
|
75508
|
+
constructor(x2, y2, width, height) {
|
|
75518
75509
|
this.x = x2;
|
|
75519
75510
|
this.y = y2;
|
|
75520
|
-
this.width =
|
|
75521
|
-
this.height =
|
|
75511
|
+
this.width = width;
|
|
75512
|
+
this.height = height;
|
|
75522
75513
|
this._editorPagePositionBrand = void 0;
|
|
75523
75514
|
}
|
|
75524
75515
|
}
|
|
@@ -75973,10 +75964,10 @@ class LineVisibleRanges {
|
|
|
75973
75964
|
}
|
|
75974
75965
|
}
|
|
75975
75966
|
class HorizontalRange {
|
|
75976
|
-
constructor(left,
|
|
75967
|
+
constructor(left, width) {
|
|
75977
75968
|
this._horizontalRangeBrand = void 0;
|
|
75978
75969
|
this.left = Math.round(left);
|
|
75979
|
-
this.width = Math.round(
|
|
75970
|
+
this.width = Math.round(width);
|
|
75980
75971
|
}
|
|
75981
75972
|
static from(ranges) {
|
|
75982
75973
|
const result = new Array(ranges.length);
|
|
@@ -75991,10 +75982,10 @@ class HorizontalRange {
|
|
|
75991
75982
|
}
|
|
75992
75983
|
}
|
|
75993
75984
|
class FloatHorizontalRange {
|
|
75994
|
-
constructor(left,
|
|
75985
|
+
constructor(left, width) {
|
|
75995
75986
|
this._floatHorizontalRangeBrand = void 0;
|
|
75996
75987
|
this.left = left;
|
|
75997
|
-
this.width =
|
|
75988
|
+
this.width = width;
|
|
75998
75989
|
}
|
|
75999
75990
|
toString() {
|
|
76000
75991
|
return `[${this.left},${this.width}]`;
|
|
@@ -82678,9 +82669,9 @@ function concat23Trees(items) {
|
|
|
82678
82669
|
return null;
|
|
82679
82670
|
}
|
|
82680
82671
|
const start = i2;
|
|
82681
|
-
const
|
|
82672
|
+
const height = items[start].listHeight;
|
|
82682
82673
|
i2++;
|
|
82683
|
-
while (i2 < items.length && items[i2].listHeight ===
|
|
82674
|
+
while (i2 < items.length && items[i2].listHeight === height) {
|
|
82684
82675
|
i2++;
|
|
82685
82676
|
}
|
|
82686
82677
|
if (i2 - start >= 2) {
|
|
@@ -87074,9 +87065,9 @@ class CharWidthReader {
|
|
|
87074
87065
|
const context = this._canvas.getContext("2d");
|
|
87075
87066
|
context.font = font;
|
|
87076
87067
|
const metrics = context.measureText(char2);
|
|
87077
|
-
const
|
|
87078
|
-
this._cache[cacheKey] =
|
|
87079
|
-
return
|
|
87068
|
+
const width = metrics.width;
|
|
87069
|
+
this._cache[cacheKey] = width;
|
|
87070
|
+
return width;
|
|
87080
87071
|
}
|
|
87081
87072
|
}
|
|
87082
87073
|
CharWidthReader._INSTANCE = null;
|
|
@@ -87132,9 +87123,9 @@ class MouseHandler extends ViewEventHandler {
|
|
|
87132
87123
|
}
|
|
87133
87124
|
onConfigurationChanged(e2) {
|
|
87134
87125
|
if (e2.hasChanged(130)) {
|
|
87135
|
-
const
|
|
87136
|
-
if (this._height !==
|
|
87137
|
-
this._height =
|
|
87126
|
+
const height = this._context.configuration.options.get(130).height;
|
|
87127
|
+
if (this._height !== height) {
|
|
87128
|
+
this._height = height;
|
|
87138
87129
|
this._mouseDownOperation.onHeightChanged();
|
|
87139
87130
|
}
|
|
87140
87131
|
}
|
|
@@ -88621,12 +88612,12 @@ class Margin extends ViewPart {
|
|
|
88621
88612
|
this._domNode.setContain("strict");
|
|
88622
88613
|
const adjustedScrollTop = ctx.scrollTop - ctx.bigNumbersDelta;
|
|
88623
88614
|
this._domNode.setTop(-adjustedScrollTop);
|
|
88624
|
-
const
|
|
88625
|
-
this._domNode.setHeight(
|
|
88615
|
+
const height = Math.min(ctx.scrollHeight, 1e6);
|
|
88616
|
+
this._domNode.setHeight(height);
|
|
88626
88617
|
this._domNode.setWidth(this._contentLeft);
|
|
88627
88618
|
this._glyphMarginBackgroundDomNode.setLeft(this._glyphMarginLeft);
|
|
88628
88619
|
this._glyphMarginBackgroundDomNode.setWidth(this._glyphMarginWidth);
|
|
88629
|
-
this._glyphMarginBackgroundDomNode.setHeight(
|
|
88620
|
+
this._glyphMarginBackgroundDomNode.setHeight(height);
|
|
88630
88621
|
}
|
|
88631
88622
|
}
|
|
88632
88623
|
Margin.CLASS_NAME = "glyph-margin";
|
|
@@ -88634,14 +88625,14 @@ Margin.OUTER_CLASS_NAME = "margin";
|
|
|
88634
88625
|
var mouseCursor = "";
|
|
88635
88626
|
const MOUSE_CURSOR_TEXT_CSS_CLASS_NAME = `monaco-mouse-cursor-text`;
|
|
88636
88627
|
class VisibleTextAreaData {
|
|
88637
|
-
constructor(top, left,
|
|
88628
|
+
constructor(top, left, width) {
|
|
88638
88629
|
this._visibleTextAreaBrand = void 0;
|
|
88639
88630
|
this.top = top;
|
|
88640
88631
|
this.left = left;
|
|
88641
|
-
this.width =
|
|
88632
|
+
this.width = width;
|
|
88642
88633
|
}
|
|
88643
|
-
setWidth(
|
|
88644
|
-
return new VisibleTextAreaData(this.top, this.left,
|
|
88634
|
+
setWidth(width) {
|
|
88635
|
+
return new VisibleTextAreaData(this.top, this.left, width);
|
|
88645
88636
|
}
|
|
88646
88637
|
}
|
|
88647
88638
|
const canUseZeroSizeTextarea = isFirefox;
|
|
@@ -89035,15 +89026,15 @@ class TextAreaHandler extends ViewPart {
|
|
|
89035
89026
|
} while (true);
|
|
89036
89027
|
return result;
|
|
89037
89028
|
}
|
|
89038
|
-
_renderInsideEditor(renderedPosition, top, left,
|
|
89029
|
+
_renderInsideEditor(renderedPosition, top, left, width, height) {
|
|
89039
89030
|
this._lastRenderPosition = renderedPosition;
|
|
89040
89031
|
const ta2 = this.textArea;
|
|
89041
89032
|
const tac = this.textAreaCover;
|
|
89042
89033
|
Configuration.applyFontInfo(ta2, this._fontInfo);
|
|
89043
89034
|
ta2.setTop(top);
|
|
89044
89035
|
ta2.setLeft(left);
|
|
89045
|
-
ta2.setWidth(
|
|
89046
|
-
ta2.setHeight(
|
|
89036
|
+
ta2.setWidth(width);
|
|
89037
|
+
ta2.setHeight(height);
|
|
89047
89038
|
tac.setTop(0);
|
|
89048
89039
|
tac.setLeft(0);
|
|
89049
89040
|
tac.setWidth(0);
|
|
@@ -94277,8 +94268,8 @@ class MarginViewOverlays extends ViewOverlays {
|
|
|
94277
94268
|
}
|
|
94278
94269
|
_viewOverlaysRender(ctx) {
|
|
94279
94270
|
super._viewOverlaysRender(ctx);
|
|
94280
|
-
const
|
|
94281
|
-
this.domNode.setHeight(
|
|
94271
|
+
const height = Math.min(ctx.scrollHeight, 1e6);
|
|
94272
|
+
this.domNode.setHeight(height);
|
|
94282
94273
|
this.domNode.setWidth(this._contentLeft);
|
|
94283
94274
|
}
|
|
94284
94275
|
}
|
|
@@ -94459,22 +94450,22 @@ class Widget$1 {
|
|
|
94459
94450
|
this._cachedDomNodeClientWidth = -1;
|
|
94460
94451
|
this._cachedDomNodeClientHeight = -1;
|
|
94461
94452
|
}
|
|
94462
|
-
_layoutBoxInViewport(topLeft, bottomLeft,
|
|
94453
|
+
_layoutBoxInViewport(topLeft, bottomLeft, width, height, ctx) {
|
|
94463
94454
|
const aboveLineTop = topLeft.top;
|
|
94464
94455
|
const heightAboveLine = aboveLineTop;
|
|
94465
94456
|
const underLineTop = bottomLeft.top + this._lineHeight;
|
|
94466
94457
|
const heightUnderLine = ctx.viewportHeight - underLineTop;
|
|
94467
|
-
const aboveTop = aboveLineTop -
|
|
94468
|
-
const fitsAbove = heightAboveLine >=
|
|
94458
|
+
const aboveTop = aboveLineTop - height;
|
|
94459
|
+
const fitsAbove = heightAboveLine >= height;
|
|
94469
94460
|
const belowTop = underLineTop;
|
|
94470
|
-
const fitsBelow = heightUnderLine >=
|
|
94461
|
+
const fitsBelow = heightUnderLine >= height;
|
|
94471
94462
|
let actualAboveLeft = topLeft.left;
|
|
94472
94463
|
let actualBelowLeft = bottomLeft.left;
|
|
94473
|
-
if (actualAboveLeft +
|
|
94474
|
-
actualAboveLeft = ctx.scrollLeft + ctx.viewportWidth -
|
|
94464
|
+
if (actualAboveLeft + width > ctx.scrollLeft + ctx.viewportWidth) {
|
|
94465
|
+
actualAboveLeft = ctx.scrollLeft + ctx.viewportWidth - width;
|
|
94475
94466
|
}
|
|
94476
|
-
if (actualBelowLeft +
|
|
94477
|
-
actualBelowLeft = ctx.scrollLeft + ctx.viewportWidth -
|
|
94467
|
+
if (actualBelowLeft + width > ctx.scrollLeft + ctx.viewportWidth) {
|
|
94468
|
+
actualBelowLeft = ctx.scrollLeft + ctx.viewportWidth - width;
|
|
94478
94469
|
}
|
|
94479
94470
|
if (actualAboveLeft < ctx.scrollLeft) {
|
|
94480
94471
|
actualAboveLeft = ctx.scrollLeft;
|
|
@@ -94491,12 +94482,12 @@ class Widget$1 {
|
|
|
94491
94482
|
belowLeft: actualBelowLeft
|
|
94492
94483
|
};
|
|
94493
94484
|
}
|
|
94494
|
-
_layoutHorizontalSegmentInPage(windowSize, domNodePosition, left,
|
|
94495
|
-
const MIN_LIMIT = Math.max(0, domNodePosition.left -
|
|
94496
|
-
const MAX_LIMIT = Math.min(domNodePosition.left + domNodePosition.width +
|
|
94485
|
+
_layoutHorizontalSegmentInPage(windowSize, domNodePosition, left, width) {
|
|
94486
|
+
const MIN_LIMIT = Math.max(0, domNodePosition.left - width);
|
|
94487
|
+
const MAX_LIMIT = Math.min(domNodePosition.left + domNodePosition.width + width, windowSize.width);
|
|
94497
94488
|
let absoluteLeft = domNodePosition.left + left - StandardWindow.scrollX;
|
|
94498
|
-
if (absoluteLeft +
|
|
94499
|
-
const delta = absoluteLeft - (MAX_LIMIT -
|
|
94489
|
+
if (absoluteLeft + width > MAX_LIMIT) {
|
|
94490
|
+
const delta = absoluteLeft - (MAX_LIMIT - width);
|
|
94500
94491
|
absoluteLeft -= delta;
|
|
94501
94492
|
left -= delta;
|
|
94502
94493
|
}
|
|
@@ -94507,19 +94498,19 @@ class Widget$1 {
|
|
|
94507
94498
|
}
|
|
94508
94499
|
return [left, absoluteLeft];
|
|
94509
94500
|
}
|
|
94510
|
-
_layoutBoxInPage(topLeft, bottomLeft,
|
|
94511
|
-
const aboveTop = topLeft.top -
|
|
94501
|
+
_layoutBoxInPage(topLeft, bottomLeft, width, height, ctx) {
|
|
94502
|
+
const aboveTop = topLeft.top - height;
|
|
94512
94503
|
const belowTop = bottomLeft.top + this._lineHeight;
|
|
94513
94504
|
const domNodePosition = getDomNodePagePosition(this._viewDomNode.domNode);
|
|
94514
94505
|
const absoluteAboveTop = domNodePosition.top + aboveTop - StandardWindow.scrollY;
|
|
94515
94506
|
const absoluteBelowTop = domNodePosition.top + belowTop - StandardWindow.scrollY;
|
|
94516
94507
|
const windowSize = getClientArea(document.body);
|
|
94517
|
-
const [aboveLeft, absoluteAboveLeft] = this._layoutHorizontalSegmentInPage(windowSize, domNodePosition, topLeft.left - ctx.scrollLeft + this._contentLeft,
|
|
94518
|
-
const [belowLeft, absoluteBelowLeft] = this._layoutHorizontalSegmentInPage(windowSize, domNodePosition, bottomLeft.left - ctx.scrollLeft + this._contentLeft,
|
|
94508
|
+
const [aboveLeft, absoluteAboveLeft] = this._layoutHorizontalSegmentInPage(windowSize, domNodePosition, topLeft.left - ctx.scrollLeft + this._contentLeft, width);
|
|
94509
|
+
const [belowLeft, absoluteBelowLeft] = this._layoutHorizontalSegmentInPage(windowSize, domNodePosition, bottomLeft.left - ctx.scrollLeft + this._contentLeft, width);
|
|
94519
94510
|
const TOP_PADDING = 22;
|
|
94520
94511
|
const BOTTOM_PADDING = 22;
|
|
94521
94512
|
const fitsAbove = absoluteAboveTop >= TOP_PADDING;
|
|
94522
|
-
const fitsBelow = absoluteBelowTop +
|
|
94513
|
+
const fitsBelow = absoluteBelowTop + height <= windowSize.height - BOTTOM_PADDING;
|
|
94523
94514
|
if (this._fixedOverflowWidgets) {
|
|
94524
94515
|
return {
|
|
94525
94516
|
fitsAbove,
|
|
@@ -95210,17 +95201,17 @@ class AbstractScrollbar extends Widget {
|
|
|
95210
95201
|
this.domNode.domNode.appendChild(arrow.bgDomNode);
|
|
95211
95202
|
this.domNode.domNode.appendChild(arrow.domNode);
|
|
95212
95203
|
}
|
|
95213
|
-
_createSlider(top, left,
|
|
95204
|
+
_createSlider(top, left, width, height) {
|
|
95214
95205
|
this.slider = createFastDomNode(document.createElement("div"));
|
|
95215
95206
|
this.slider.setClassName("slider");
|
|
95216
95207
|
this.slider.setPosition("absolute");
|
|
95217
95208
|
this.slider.setTop(top);
|
|
95218
95209
|
this.slider.setLeft(left);
|
|
95219
|
-
if (typeof
|
|
95220
|
-
this.slider.setWidth(
|
|
95210
|
+
if (typeof width === "number") {
|
|
95211
|
+
this.slider.setWidth(width);
|
|
95221
95212
|
}
|
|
95222
|
-
if (typeof
|
|
95223
|
-
this.slider.setHeight(
|
|
95213
|
+
if (typeof height === "number") {
|
|
95214
|
+
this.slider.setHeight(height);
|
|
95224
95215
|
}
|
|
95225
95216
|
this.slider.setLayerHinting(true);
|
|
95226
95217
|
this.slider.setContain("strict");
|
|
@@ -95653,38 +95644,38 @@ class VerticalScrollbar extends AbstractScrollbar {
|
|
|
95653
95644
|
}
|
|
95654
95645
|
}
|
|
95655
95646
|
class ScrollState {
|
|
95656
|
-
constructor(
|
|
95647
|
+
constructor(width, scrollWidth, scrollLeft2, height, scrollHeight, scrollTop2) {
|
|
95657
95648
|
this._scrollStateBrand = void 0;
|
|
95658
|
-
|
|
95649
|
+
width = width | 0;
|
|
95659
95650
|
scrollWidth = scrollWidth | 0;
|
|
95660
95651
|
scrollLeft2 = scrollLeft2 | 0;
|
|
95661
|
-
|
|
95652
|
+
height = height | 0;
|
|
95662
95653
|
scrollHeight = scrollHeight | 0;
|
|
95663
95654
|
scrollTop2 = scrollTop2 | 0;
|
|
95664
95655
|
this.rawScrollLeft = scrollLeft2;
|
|
95665
95656
|
this.rawScrollTop = scrollTop2;
|
|
95666
|
-
if (
|
|
95667
|
-
|
|
95657
|
+
if (width < 0) {
|
|
95658
|
+
width = 0;
|
|
95668
95659
|
}
|
|
95669
|
-
if (scrollLeft2 +
|
|
95670
|
-
scrollLeft2 = scrollWidth -
|
|
95660
|
+
if (scrollLeft2 + width > scrollWidth) {
|
|
95661
|
+
scrollLeft2 = scrollWidth - width;
|
|
95671
95662
|
}
|
|
95672
95663
|
if (scrollLeft2 < 0) {
|
|
95673
95664
|
scrollLeft2 = 0;
|
|
95674
95665
|
}
|
|
95675
|
-
if (
|
|
95676
|
-
|
|
95666
|
+
if (height < 0) {
|
|
95667
|
+
height = 0;
|
|
95677
95668
|
}
|
|
95678
|
-
if (scrollTop2 +
|
|
95679
|
-
scrollTop2 = scrollHeight -
|
|
95669
|
+
if (scrollTop2 + height > scrollHeight) {
|
|
95670
|
+
scrollTop2 = scrollHeight - height;
|
|
95680
95671
|
}
|
|
95681
95672
|
if (scrollTop2 < 0) {
|
|
95682
95673
|
scrollTop2 = 0;
|
|
95683
95674
|
}
|
|
95684
|
-
this.width =
|
|
95675
|
+
this.width = width;
|
|
95685
95676
|
this.scrollWidth = scrollWidth;
|
|
95686
95677
|
this.scrollLeft = scrollLeft2;
|
|
95687
|
-
this.height =
|
|
95678
|
+
this.height = height;
|
|
95688
95679
|
this.scrollHeight = scrollHeight;
|
|
95689
95680
|
this.scrollTop = scrollTop2;
|
|
95690
95681
|
}
|
|
@@ -96641,8 +96632,8 @@ class GlyphMarginOverlay extends DedupOverlay {
|
|
|
96641
96632
|
const toRender = this._render(visibleStartLineNumber, visibleEndLineNumber, this._getDecorations(ctx));
|
|
96642
96633
|
const lineHeight = this._lineHeight.toString();
|
|
96643
96634
|
const left = this._glyphMarginLeft.toString();
|
|
96644
|
-
const
|
|
96645
|
-
const common = '" style="left:' + left + "px;width:" +
|
|
96635
|
+
const width = this._glyphMarginWidth.toString();
|
|
96636
|
+
const common = '" style="left:' + left + "px;width:" + width + "px;height:" + lineHeight + 'px;"></div>';
|
|
96646
96637
|
const output = [];
|
|
96647
96638
|
for (let lineNumber = visibleStartLineNumber; lineNumber <= visibleEndLineNumber; lineNumber++) {
|
|
96648
96639
|
const lineIndex = lineNumber - visibleStartLineNumber;
|
|
@@ -96755,8 +96746,8 @@ class IndentGuidesOverlay extends DynamicViewOverlay {
|
|
|
96755
96746
|
break;
|
|
96756
96747
|
}
|
|
96757
96748
|
const className = guide.horizontalLine ? guide.horizontalLine.top ? "horizontal-top" : "horizontal-bottom" : "vertical";
|
|
96758
|
-
const
|
|
96759
|
-
result += `<div class="core-guide ${guide.className} ${className}" style="left:${left}px;height:${lineHeight}px;width:${
|
|
96749
|
+
const width = guide.horizontalLine ? ((_d2 = (_c2 = ctx.visibleRangeForPosition(new Position$5(lineNumber, guide.horizontalLine.endColumn))) === null || _c2 === void 0 ? void 0 : _c2.left) !== null && _d2 !== void 0 ? _d2 : left + this._spaceWidth) - left : this._spaceWidth;
|
|
96750
|
+
result += `<div class="core-guide ${guide.className} ${className}" style="left:${left}px;height:${lineHeight}px;width:${width}px"></div>`;
|
|
96760
96751
|
}
|
|
96761
96752
|
output[lineIndex] = result;
|
|
96762
96753
|
}
|
|
@@ -97482,8 +97473,8 @@ class LinesDecorationsOverlay extends DedupOverlay {
|
|
|
97482
97473
|
const visibleEndLineNumber = ctx.visibleRange.endLineNumber;
|
|
97483
97474
|
const toRender = this._render(visibleStartLineNumber, visibleEndLineNumber, this._getDecorations(ctx));
|
|
97484
97475
|
const left = this._decorationsLeft.toString();
|
|
97485
|
-
const
|
|
97486
|
-
const common = '" style="left:' + left + "px;width:" +
|
|
97476
|
+
const width = this._decorationsWidth.toString();
|
|
97477
|
+
const common = '" style="left:' + left + "px;width:" + width + 'px;"></div>';
|
|
97487
97478
|
const output = [];
|
|
97488
97479
|
for (let lineNumber = visibleStartLineNumber; lineNumber <= visibleEndLineNumber; lineNumber++) {
|
|
97489
97480
|
const lineIndex = lineNumber - visibleStartLineNumber;
|
|
@@ -97812,16 +97803,16 @@ class MinimapCharRendererFactory {
|
|
|
97812
97803
|
return new MinimapCharRenderer(charData, scale);
|
|
97813
97804
|
}
|
|
97814
97805
|
static _downsampleChar(source, sourceOffset, dest, destOffset, scale) {
|
|
97815
|
-
const
|
|
97816
|
-
const
|
|
97806
|
+
const width = 1 * scale;
|
|
97807
|
+
const height = 2 * scale;
|
|
97817
97808
|
let targetIndex = destOffset;
|
|
97818
97809
|
let brightest = 0;
|
|
97819
|
-
for (let y2 = 0; y2 <
|
|
97820
|
-
const sourceY1 = y2 /
|
|
97821
|
-
const sourceY2 = (y2 + 1) /
|
|
97822
|
-
for (let x2 = 0; x2 <
|
|
97823
|
-
const sourceX1 = x2 /
|
|
97824
|
-
const sourceX2 = (x2 + 1) /
|
|
97810
|
+
for (let y2 = 0; y2 < height; y2++) {
|
|
97811
|
+
const sourceY1 = y2 / height * 16;
|
|
97812
|
+
const sourceY2 = (y2 + 1) / height * 16;
|
|
97813
|
+
for (let x2 = 0; x2 < width; x2++) {
|
|
97814
|
+
const sourceX1 = x2 / width * 10;
|
|
97815
|
+
const sourceX2 = (x2 + 1) / width * 10;
|
|
97825
97816
|
let value = 0;
|
|
97826
97817
|
let samples = 0;
|
|
97827
97818
|
for (let sy = sourceY1; sy < sourceY2; sy++) {
|
|
@@ -98871,9 +98862,9 @@ class InnerMinimap extends Disposable {
|
|
|
98871
98862
|
}
|
|
98872
98863
|
}
|
|
98873
98864
|
}
|
|
98874
|
-
renderDecorationOnLine(canvasContext, lineOffsetMap, decorationRange, decorationColor, layout2, lineNumber,
|
|
98865
|
+
renderDecorationOnLine(canvasContext, lineOffsetMap, decorationRange, decorationColor, layout2, lineNumber, height, lineHeight, tabSize, charWidth, canvasInnerWidth) {
|
|
98875
98866
|
const y2 = (lineNumber - layout2.startLineNumber) * lineHeight;
|
|
98876
|
-
if (y2 +
|
|
98867
|
+
if (y2 + height < 0 || y2 > this._model.options.canvasInnerHeight) {
|
|
98877
98868
|
return;
|
|
98878
98869
|
}
|
|
98879
98870
|
const { startLineNumber, endLineNumber } = decorationRange;
|
|
@@ -98881,7 +98872,7 @@ class InnerMinimap extends Disposable {
|
|
|
98881
98872
|
const endColumn = endLineNumber === lineNumber ? decorationRange.endColumn : this._model.getLineMaxColumn(lineNumber);
|
|
98882
98873
|
const x1 = this.getXOffsetForPosition(lineOffsetMap, lineNumber, startColumn, tabSize, charWidth, canvasInnerWidth);
|
|
98883
98874
|
const x2 = this.getXOffsetForPosition(lineOffsetMap, lineNumber, endColumn, tabSize, charWidth, canvasInnerWidth);
|
|
98884
|
-
this.renderDecoration(canvasContext, decorationColor, x1, y2, x2 - x1,
|
|
98875
|
+
this.renderDecoration(canvasContext, decorationColor, x1, y2, x2 - x1, height);
|
|
98885
98876
|
}
|
|
98886
98877
|
getXOffsetForPosition(lineOffsetMap, lineNumber, column2, tabSize, charWidth, canvasInnerWidth) {
|
|
98887
98878
|
if (column2 === 1) {
|
|
@@ -98914,9 +98905,9 @@ class InnerMinimap extends Disposable {
|
|
|
98914
98905
|
}
|
|
98915
98906
|
return canvasInnerWidth;
|
|
98916
98907
|
}
|
|
98917
|
-
renderDecoration(canvasContext, decorationColor, x2, y2,
|
|
98908
|
+
renderDecoration(canvasContext, decorationColor, x2, y2, width, height) {
|
|
98918
98909
|
canvasContext.fillStyle = decorationColor && decorationColor.toString() || "";
|
|
98919
|
-
canvasContext.fillRect(x2, y2,
|
|
98910
|
+
canvasContext.fillRect(x2, y2, width, height);
|
|
98920
98911
|
}
|
|
98921
98912
|
renderLines(layout2) {
|
|
98922
98913
|
const startLineNumber = layout2.startLineNumber;
|
|
@@ -99310,7 +99301,7 @@ class Settings {
|
|
|
99310
99301
|
];
|
|
99311
99302
|
} else {
|
|
99312
99303
|
const offset = canvasLeftOffset;
|
|
99313
|
-
const
|
|
99304
|
+
const width = remainingWidth;
|
|
99314
99305
|
return [
|
|
99315
99306
|
[
|
|
99316
99307
|
0,
|
|
@@ -99324,13 +99315,13 @@ class Settings {
|
|
|
99324
99315
|
],
|
|
99325
99316
|
[
|
|
99326
99317
|
0,
|
|
99327
|
-
|
|
99328
|
-
|
|
99329
|
-
|
|
99330
|
-
|
|
99331
|
-
|
|
99332
|
-
|
|
99333
|
-
|
|
99318
|
+
width,
|
|
99319
|
+
width,
|
|
99320
|
+
width,
|
|
99321
|
+
width,
|
|
99322
|
+
width,
|
|
99323
|
+
width,
|
|
99324
|
+
width
|
|
99334
99325
|
]
|
|
99335
99326
|
];
|
|
99336
99327
|
}
|
|
@@ -99452,8 +99443,8 @@ class DecorationsOverviewRuler extends ViewPart {
|
|
|
99452
99443
|
const endLineNumber = decorationGroupData[3 * i2 + 2];
|
|
99453
99444
|
let y1 = viewLayout.getVerticalOffsetForLineNumber(startLineNumber) * heightRatio | 0;
|
|
99454
99445
|
let y2 = (viewLayout.getVerticalOffsetForLineNumber(endLineNumber) + lineHeight) * heightRatio | 0;
|
|
99455
|
-
const
|
|
99456
|
-
if (
|
|
99446
|
+
const height = y2 - y1;
|
|
99447
|
+
if (height < minDecorationHeight) {
|
|
99457
99448
|
let yCenter = (y1 + y2) / 2 | 0;
|
|
99458
99449
|
if (yCenter < halfMinDecorationHeight) {
|
|
99459
99450
|
yCenter = halfMinDecorationHeight;
|
|
@@ -99603,11 +99594,11 @@ class OverviewZoneManager {
|
|
|
99603
99594
|
getCanvasWidth() {
|
|
99604
99595
|
return this._domWidth * this._pixelRatio;
|
|
99605
99596
|
}
|
|
99606
|
-
setDOMWidth(
|
|
99607
|
-
if (this._domWidth ===
|
|
99597
|
+
setDOMWidth(width) {
|
|
99598
|
+
if (this._domWidth === width) {
|
|
99608
99599
|
return false;
|
|
99609
99600
|
}
|
|
99610
|
-
this._domWidth =
|
|
99601
|
+
this._domWidth = width;
|
|
99611
99602
|
this._colorZonesInvalid = true;
|
|
99612
99603
|
return true;
|
|
99613
99604
|
}
|
|
@@ -99617,11 +99608,11 @@ class OverviewZoneManager {
|
|
|
99617
99608
|
getCanvasHeight() {
|
|
99618
99609
|
return this._domHeight * this._pixelRatio;
|
|
99619
99610
|
}
|
|
99620
|
-
setDOMHeight(
|
|
99621
|
-
if (this._domHeight ===
|
|
99611
|
+
setDOMHeight(height) {
|
|
99612
|
+
if (this._domHeight === height) {
|
|
99622
99613
|
return false;
|
|
99623
99614
|
}
|
|
99624
|
-
this._domHeight =
|
|
99615
|
+
this._domHeight = height;
|
|
99625
99616
|
this._colorZonesInvalid = true;
|
|
99626
99617
|
return true;
|
|
99627
99618
|
}
|
|
@@ -99760,18 +99751,18 @@ class OverviewRuler extends ViewEventHandler {
|
|
|
99760
99751
|
if (this._zoneManager.getOuterHeight() === 0) {
|
|
99761
99752
|
return false;
|
|
99762
99753
|
}
|
|
99763
|
-
const
|
|
99764
|
-
const
|
|
99754
|
+
const width = this._zoneManager.getCanvasWidth();
|
|
99755
|
+
const height = this._zoneManager.getCanvasHeight();
|
|
99765
99756
|
const colorZones = this._zoneManager.resolveColorZones();
|
|
99766
99757
|
const id2Color = this._zoneManager.getId2Color();
|
|
99767
99758
|
const ctx = this._domNode.domNode.getContext("2d");
|
|
99768
|
-
ctx.clearRect(0, 0,
|
|
99759
|
+
ctx.clearRect(0, 0, width, height);
|
|
99769
99760
|
if (colorZones.length > 0) {
|
|
99770
|
-
this._renderOneLane(ctx, colorZones, id2Color,
|
|
99761
|
+
this._renderOneLane(ctx, colorZones, id2Color, width);
|
|
99771
99762
|
}
|
|
99772
99763
|
return true;
|
|
99773
99764
|
}
|
|
99774
|
-
_renderOneLane(ctx, colorZones, id2Color,
|
|
99765
|
+
_renderOneLane(ctx, colorZones, id2Color, width) {
|
|
99775
99766
|
let currentColorId = 0;
|
|
99776
99767
|
let currentFrom = 0;
|
|
99777
99768
|
let currentTo = 0;
|
|
@@ -99780,7 +99771,7 @@ class OverviewRuler extends ViewEventHandler {
|
|
|
99780
99771
|
const zoneFrom = zone.from;
|
|
99781
99772
|
const zoneTo = zone.to;
|
|
99782
99773
|
if (zoneColorId !== currentColorId) {
|
|
99783
|
-
ctx.fillRect(0, currentFrom,
|
|
99774
|
+
ctx.fillRect(0, currentFrom, width, currentTo - currentFrom);
|
|
99784
99775
|
currentColorId = zoneColorId;
|
|
99785
99776
|
ctx.fillStyle = id2Color[currentColorId];
|
|
99786
99777
|
currentFrom = zoneFrom;
|
|
@@ -99789,13 +99780,13 @@ class OverviewRuler extends ViewEventHandler {
|
|
|
99789
99780
|
if (currentTo >= zoneFrom) {
|
|
99790
99781
|
currentTo = Math.max(currentTo, zoneTo);
|
|
99791
99782
|
} else {
|
|
99792
|
-
ctx.fillRect(0, currentFrom,
|
|
99783
|
+
ctx.fillRect(0, currentFrom, width, currentTo - currentFrom);
|
|
99793
99784
|
currentFrom = zoneFrom;
|
|
99794
99785
|
currentTo = zoneTo;
|
|
99795
99786
|
}
|
|
99796
99787
|
}
|
|
99797
99788
|
}
|
|
99798
|
-
ctx.fillRect(0, currentFrom,
|
|
99789
|
+
ctx.fillRect(0, currentFrom, width, currentTo - currentFrom);
|
|
99799
99790
|
}
|
|
99800
99791
|
}
|
|
99801
99792
|
var rulers = "";
|
|
@@ -100099,8 +100090,8 @@ class SelectionsOverlay extends DynamicViewOverlay {
|
|
|
100099
100090
|
}
|
|
100100
100091
|
return linesVisibleRanges;
|
|
100101
100092
|
}
|
|
100102
|
-
_createSelectionPiece(top,
|
|
100103
|
-
return '<div class="cslr ' + className + '" style="top:' + top.toString() + "px;left:" + left.toString() + "px;width:" +
|
|
100093
|
+
_createSelectionPiece(top, height, className, left, width) {
|
|
100094
|
+
return '<div class="cslr ' + className + '" style="top:' + top.toString() + "px;left:" + left.toString() + "px;width:" + width.toString() + "px;height:" + height + 'px;"></div>';
|
|
100104
100095
|
}
|
|
100105
100096
|
_actualRenderOneSelection(output2, visibleStartLineNumber, hasMultipleSelections, visibleRanges) {
|
|
100106
100097
|
if (visibleRanges.length === 0) {
|
|
@@ -100229,11 +100220,11 @@ function abs(n2) {
|
|
|
100229
100220
|
}
|
|
100230
100221
|
var viewCursors = "";
|
|
100231
100222
|
class ViewCursorRenderData {
|
|
100232
|
-
constructor(top, left,
|
|
100223
|
+
constructor(top, left, width, height, textContent, textContentClassName) {
|
|
100233
100224
|
this.top = top;
|
|
100234
100225
|
this.left = left;
|
|
100235
|
-
this.width =
|
|
100236
|
-
this.height =
|
|
100226
|
+
this.width = width;
|
|
100227
|
+
this.height = height;
|
|
100237
100228
|
this.textContent = textContent;
|
|
100238
100229
|
this.textContentClassName = textContentClassName;
|
|
100239
100230
|
}
|
|
@@ -100298,23 +100289,23 @@ class ViewCursor {
|
|
|
100298
100289
|
if (!visibleRange || visibleRange.outsideRenderedLine) {
|
|
100299
100290
|
return null;
|
|
100300
100291
|
}
|
|
100301
|
-
let
|
|
100292
|
+
let width2;
|
|
100302
100293
|
if (this._cursorStyle === TextEditorCursorStyle$1.Line) {
|
|
100303
|
-
|
|
100304
|
-
if (
|
|
100294
|
+
width2 = computeScreenAwareSize(this._lineCursorWidth > 0 ? this._lineCursorWidth : 2);
|
|
100295
|
+
if (width2 > 2) {
|
|
100305
100296
|
const lineContent2 = this._context.model.getLineContent(this._position.lineNumber);
|
|
100306
100297
|
const nextCharLength$12 = nextCharLength(lineContent2, this._position.column - 1);
|
|
100307
100298
|
textContent = lineContent2.substr(this._position.column - 1, nextCharLength$12);
|
|
100308
100299
|
}
|
|
100309
100300
|
} else {
|
|
100310
|
-
|
|
100301
|
+
width2 = computeScreenAwareSize(1);
|
|
100311
100302
|
}
|
|
100312
100303
|
let left = visibleRange.left;
|
|
100313
|
-
if (
|
|
100304
|
+
if (width2 >= 2 && left >= 1) {
|
|
100314
100305
|
left -= 1;
|
|
100315
100306
|
}
|
|
100316
100307
|
const top2 = ctx.getVerticalOffsetForLineNumber(this._position.lineNumber) - ctx.bigNumbersDelta;
|
|
100317
|
-
return new ViewCursorRenderData(top2, left,
|
|
100308
|
+
return new ViewCursorRenderData(top2, left, width2, this._lineHeight, textContent, "");
|
|
100318
100309
|
}
|
|
100319
100310
|
const lineContent = this._context.model.getLineContent(this._position.lineNumber);
|
|
100320
100311
|
const nextCharLength$1 = nextCharLength(lineContent, this._position.column - 1);
|
|
@@ -100327,7 +100318,7 @@ class ViewCursor {
|
|
|
100327
100318
|
return null;
|
|
100328
100319
|
}
|
|
100329
100320
|
const range3 = firstVisibleRangeForCharacter.ranges[0];
|
|
100330
|
-
const
|
|
100321
|
+
const width = range3.width < 1 ? this._typicalHalfwidthCharacterWidth : range3.width;
|
|
100331
100322
|
let textContentClassName = "";
|
|
100332
100323
|
if (this._cursorStyle === TextEditorCursorStyle$1.Block) {
|
|
100333
100324
|
const lineData = this._context.model.getViewLineData(this._position.lineNumber);
|
|
@@ -100336,12 +100327,12 @@ class ViewCursor {
|
|
|
100336
100327
|
textContentClassName = lineData.tokens.getClassName(tokenIndex);
|
|
100337
100328
|
}
|
|
100338
100329
|
let top = ctx.getVerticalOffsetForLineNumber(this._position.lineNumber) - ctx.bigNumbersDelta;
|
|
100339
|
-
let
|
|
100330
|
+
let height = this._lineHeight;
|
|
100340
100331
|
if (this._cursorStyle === TextEditorCursorStyle$1.Underline || this._cursorStyle === TextEditorCursorStyle$1.UnderlineThin) {
|
|
100341
100332
|
top += this._lineHeight - 2;
|
|
100342
|
-
|
|
100333
|
+
height = 2;
|
|
100343
100334
|
}
|
|
100344
|
-
return new ViewCursorRenderData(top, range3.left,
|
|
100335
|
+
return new ViewCursorRenderData(top, range3.left, width, height, textContent, textContentClassName);
|
|
100345
100336
|
}
|
|
100346
100337
|
prepareRender(ctx) {
|
|
100347
100338
|
this._renderData = this._prepareRender(ctx);
|
|
@@ -100893,10 +100884,10 @@ class ViewZones extends ViewPart {
|
|
|
100893
100884
|
}
|
|
100894
100885
|
return 0;
|
|
100895
100886
|
}
|
|
100896
|
-
_safeCallOnComputedHeight(zone,
|
|
100887
|
+
_safeCallOnComputedHeight(zone, height) {
|
|
100897
100888
|
if (typeof zone.onComputedHeight === "function") {
|
|
100898
100889
|
try {
|
|
100899
|
-
zone.onComputedHeight(
|
|
100890
|
+
zone.onComputedHeight(height);
|
|
100900
100891
|
} catch (e2) {
|
|
100901
100892
|
onUnexpectedError(e2);
|
|
100902
100893
|
}
|
|
@@ -102954,11 +102945,11 @@ class PendingChanges {
|
|
|
102954
102945
|
}
|
|
102955
102946
|
}
|
|
102956
102947
|
class EditorWhitespace {
|
|
102957
|
-
constructor(id2, afterLineNumber, ordinal,
|
|
102948
|
+
constructor(id2, afterLineNumber, ordinal, height, minWidth) {
|
|
102958
102949
|
this.id = id2;
|
|
102959
102950
|
this.afterLineNumber = afterLineNumber;
|
|
102960
102951
|
this.ordinal = ordinal;
|
|
102961
|
-
this.height =
|
|
102952
|
+
this.height = height;
|
|
102962
102953
|
this.minWidth = minWidth;
|
|
102963
102954
|
this.prefixSum = 0;
|
|
102964
102955
|
}
|
|
@@ -103462,7 +103453,7 @@ class LinesLayout {
|
|
|
103462
103453
|
let result = [];
|
|
103463
103454
|
for (let i2 = startIndex; i2 <= endIndex; i2++) {
|
|
103464
103455
|
const top = this.getVerticalOffsetForWhitespaceIndex(i2);
|
|
103465
|
-
const
|
|
103456
|
+
const height = this.getHeightForWhitespaceIndex(i2);
|
|
103466
103457
|
if (top >= verticalOffset2) {
|
|
103467
103458
|
break;
|
|
103468
103459
|
}
|
|
@@ -103470,7 +103461,7 @@ class LinesLayout {
|
|
|
103470
103461
|
id: this.getIdForWhitespaceIndex(i2),
|
|
103471
103462
|
afterLineNumber: this.getAfterLineNumberForWhitespaceIndex(i2),
|
|
103472
103463
|
verticalOffset: top,
|
|
103473
|
-
height
|
|
103464
|
+
height
|
|
103474
103465
|
});
|
|
103475
103466
|
}
|
|
103476
103467
|
return result;
|
|
@@ -103502,29 +103493,29 @@ class LinesLayout {
|
|
|
103502
103493
|
LinesLayout.INSTANCE_COUNT = 0;
|
|
103503
103494
|
const SMOOTH_SCROLLING_TIME = 125;
|
|
103504
103495
|
class EditorScrollDimensions {
|
|
103505
|
-
constructor(
|
|
103506
|
-
|
|
103496
|
+
constructor(width, contentWidth, height, contentHeight) {
|
|
103497
|
+
width = width | 0;
|
|
103507
103498
|
contentWidth = contentWidth | 0;
|
|
103508
|
-
|
|
103499
|
+
height = height | 0;
|
|
103509
103500
|
contentHeight = contentHeight | 0;
|
|
103510
|
-
if (
|
|
103511
|
-
|
|
103501
|
+
if (width < 0) {
|
|
103502
|
+
width = 0;
|
|
103512
103503
|
}
|
|
103513
103504
|
if (contentWidth < 0) {
|
|
103514
103505
|
contentWidth = 0;
|
|
103515
103506
|
}
|
|
103516
|
-
if (
|
|
103517
|
-
|
|
103507
|
+
if (height < 0) {
|
|
103508
|
+
height = 0;
|
|
103518
103509
|
}
|
|
103519
103510
|
if (contentHeight < 0) {
|
|
103520
103511
|
contentHeight = 0;
|
|
103521
103512
|
}
|
|
103522
|
-
this.width =
|
|
103513
|
+
this.width = width;
|
|
103523
103514
|
this.contentWidth = contentWidth;
|
|
103524
|
-
this.scrollWidth = Math.max(
|
|
103525
|
-
this.height =
|
|
103515
|
+
this.scrollWidth = Math.max(width, contentWidth);
|
|
103516
|
+
this.height = height;
|
|
103526
103517
|
this.contentHeight = contentHeight;
|
|
103527
|
-
this.scrollHeight = Math.max(
|
|
103518
|
+
this.scrollHeight = Math.max(height, contentHeight);
|
|
103528
103519
|
}
|
|
103529
103520
|
equals(other) {
|
|
103530
103521
|
return this.width === other.width && this.contentWidth === other.contentWidth && this.height === other.height && this.contentHeight === other.contentHeight;
|
|
@@ -103620,11 +103611,11 @@ class ViewLayout extends Disposable {
|
|
|
103620
103611
|
}
|
|
103621
103612
|
if (e2.hasChanged(130)) {
|
|
103622
103613
|
const layoutInfo = options.get(130);
|
|
103623
|
-
const
|
|
103624
|
-
const
|
|
103614
|
+
const width = layoutInfo.contentWidth;
|
|
103615
|
+
const height = layoutInfo.height;
|
|
103625
103616
|
const scrollDimensions = this._scrollable.getScrollDimensions();
|
|
103626
103617
|
const contentWidth = scrollDimensions.contentWidth;
|
|
103627
|
-
this._scrollable.setScrollDimensions(new EditorScrollDimensions(
|
|
103618
|
+
this._scrollable.setScrollDimensions(new EditorScrollDimensions(width, scrollDimensions.contentWidth, height, this._getContentHeight(width, height, contentWidth)));
|
|
103628
103619
|
} else {
|
|
103629
103620
|
this._updateHeight();
|
|
103630
103621
|
}
|
|
@@ -103641,33 +103632,33 @@ class ViewLayout extends Disposable {
|
|
|
103641
103632
|
onLinesInserted(fromLineNumber, toLineNumber) {
|
|
103642
103633
|
this._linesLayout.onLinesInserted(fromLineNumber, toLineNumber);
|
|
103643
103634
|
}
|
|
103644
|
-
_getHorizontalScrollbarHeight(
|
|
103635
|
+
_getHorizontalScrollbarHeight(width, scrollWidth) {
|
|
103645
103636
|
const options = this._configuration.options;
|
|
103646
103637
|
const scrollbar = options.get(91);
|
|
103647
103638
|
if (scrollbar.horizontal === 2) {
|
|
103648
103639
|
return 0;
|
|
103649
103640
|
}
|
|
103650
|
-
if (
|
|
103641
|
+
if (width >= scrollWidth) {
|
|
103651
103642
|
return 0;
|
|
103652
103643
|
}
|
|
103653
103644
|
return scrollbar.horizontalScrollbarSize;
|
|
103654
103645
|
}
|
|
103655
|
-
_getContentHeight(
|
|
103646
|
+
_getContentHeight(width, height, contentWidth) {
|
|
103656
103647
|
const options = this._configuration.options;
|
|
103657
103648
|
let result = this._linesLayout.getLinesTotalHeight();
|
|
103658
103649
|
if (options.get(93)) {
|
|
103659
|
-
result += Math.max(0,
|
|
103650
|
+
result += Math.max(0, height - options.get(58) - options.get(74).bottom);
|
|
103660
103651
|
} else {
|
|
103661
|
-
result += this._getHorizontalScrollbarHeight(
|
|
103652
|
+
result += this._getHorizontalScrollbarHeight(width, contentWidth);
|
|
103662
103653
|
}
|
|
103663
103654
|
return result;
|
|
103664
103655
|
}
|
|
103665
103656
|
_updateHeight() {
|
|
103666
103657
|
const scrollDimensions = this._scrollable.getScrollDimensions();
|
|
103667
|
-
const
|
|
103668
|
-
const
|
|
103658
|
+
const width = scrollDimensions.width;
|
|
103659
|
+
const height = scrollDimensions.height;
|
|
103669
103660
|
const contentWidth = scrollDimensions.contentWidth;
|
|
103670
|
-
this._scrollable.setScrollDimensions(new EditorScrollDimensions(
|
|
103661
|
+
this._scrollable.setScrollDimensions(new EditorScrollDimensions(width, scrollDimensions.contentWidth, height, this._getContentHeight(width, height, contentWidth)));
|
|
103671
103662
|
}
|
|
103672
103663
|
getCurrentViewport() {
|
|
103673
103664
|
const scrollDimensions = this._scrollable.getScrollDimensions();
|
|
@@ -106611,7 +106602,7 @@ function createLineBreaks(requests, fontInfo, tabSize, firstLineBreakColumn, wra
|
|
|
106611
106602
|
const lineContent = LineInjectedText.applyInjectedText(requests[i2], injectedTextsPerLine[i2]);
|
|
106612
106603
|
let firstNonWhitespaceIndex$1 = 0;
|
|
106613
106604
|
let wrappedTextIndentLength = 0;
|
|
106614
|
-
let
|
|
106605
|
+
let width = overallWidth;
|
|
106615
106606
|
if (wrappingIndent !== 0) {
|
|
106616
106607
|
firstNonWhitespaceIndex$1 = firstNonWhitespaceIndex(lineContent);
|
|
106617
106608
|
if (firstNonWhitespaceIndex$1 === -1) {
|
|
@@ -106626,12 +106617,12 @@ function createLineBreaks(requests, fontInfo, tabSize, firstLineBreakColumn, wra
|
|
|
106626
106617
|
firstNonWhitespaceIndex$1 = 0;
|
|
106627
106618
|
wrappedTextIndentLength = 0;
|
|
106628
106619
|
} else {
|
|
106629
|
-
|
|
106620
|
+
width = overallWidth - indentWidth;
|
|
106630
106621
|
}
|
|
106631
106622
|
}
|
|
106632
106623
|
}
|
|
106633
106624
|
const renderLineContent = lineContent.substr(firstNonWhitespaceIndex$1);
|
|
106634
|
-
const tmp = renderLine(renderLineContent, wrappedTextIndentLength, tabSize,
|
|
106625
|
+
const tmp = renderLine(renderLineContent, wrappedTextIndentLength, tabSize, width, sb2, additionalIndentLength);
|
|
106635
106626
|
firstNonWhitespaceIndices[i2] = firstNonWhitespaceIndex$1;
|
|
106636
106627
|
wrappedTextIndentLengths[i2] = wrappedTextIndentLength;
|
|
106637
106628
|
renderLineContents[i2] = renderLineContent;
|
|
@@ -106682,7 +106673,7 @@ function createLineBreaks(requests, fontInfo, tabSize, firstLineBreakColumn, wra
|
|
|
106682
106673
|
document.body.removeChild(containerDomNode);
|
|
106683
106674
|
return result;
|
|
106684
106675
|
}
|
|
106685
|
-
function renderLine(lineContent, initialVisibleColumn, tabSize,
|
|
106676
|
+
function renderLine(lineContent, initialVisibleColumn, tabSize, width, sb2, wrappingIndentLength) {
|
|
106686
106677
|
if (wrappingIndentLength !== 0) {
|
|
106687
106678
|
let hangingOffset = String(wrappingIndentLength);
|
|
106688
106679
|
sb2.appendASCIIString('<div style="text-indent: -');
|
|
@@ -106693,7 +106684,7 @@ function renderLine(lineContent, initialVisibleColumn, tabSize, width2, sb2, wra
|
|
|
106693
106684
|
} else {
|
|
106694
106685
|
sb2.appendASCIIString('<div style="width:');
|
|
106695
106686
|
}
|
|
106696
|
-
sb2.appendASCIIString(String(
|
|
106687
|
+
sb2.appendASCIIString(String(width));
|
|
106697
106688
|
sb2.appendASCIIString('px;">');
|
|
106698
106689
|
const len = lineContent.length;
|
|
106699
106690
|
let visibleColumn = initialVisibleColumn;
|
|
@@ -109847,16 +109838,16 @@ let DiffReview = class DiffReview2 extends Disposable {
|
|
|
109847
109838
|
isVisible() {
|
|
109848
109839
|
return this._isVisible;
|
|
109849
109840
|
}
|
|
109850
|
-
layout(top,
|
|
109851
|
-
this._width =
|
|
109841
|
+
layout(top, width, height) {
|
|
109842
|
+
this._width = width;
|
|
109852
109843
|
this.shadow.setTop(top - 6);
|
|
109853
|
-
this.shadow.setWidth(
|
|
109844
|
+
this.shadow.setWidth(width);
|
|
109854
109845
|
this.shadow.setHeight(this._isVisible ? 6 : 0);
|
|
109855
109846
|
this.domNode.setTop(top);
|
|
109856
|
-
this.domNode.setWidth(
|
|
109857
|
-
this.domNode.setHeight(
|
|
109858
|
-
this._content.setHeight(
|
|
109859
|
-
this._content.setWidth(
|
|
109847
|
+
this.domNode.setWidth(width);
|
|
109848
|
+
this.domNode.setHeight(height);
|
|
109849
|
+
this._content.setHeight(height);
|
|
109850
|
+
this._content.setWidth(width);
|
|
109860
109851
|
if (this._isVisible) {
|
|
109861
109852
|
this.actionBarContainer.setAttribute("aria-hidden", "false");
|
|
109862
109853
|
this.actionBarContainer.setDisplay("block");
|
|
@@ -110087,7 +110078,7 @@ let DiffReview = class DiffReview2 extends Disposable {
|
|
|
110087
110078
|
this._content.domNode.appendChild(container);
|
|
110088
110079
|
this.scrollbar.scanDomNode();
|
|
110089
110080
|
}
|
|
110090
|
-
static _renderSection(dest, diffEntry, modLine, lineHeight,
|
|
110081
|
+
static _renderSection(dest, diffEntry, modLine, lineHeight, width, originalOptions, originalModel, originalModelOpts, modifiedOptions, modifiedModel, modifiedModelOpts, languageIdCodec) {
|
|
110091
110082
|
const type = diffEntry.getType();
|
|
110092
110083
|
let rowClassName = "diff-review-row";
|
|
110093
110084
|
let lineNumbersExtraClassName = "";
|
|
@@ -110118,7 +110109,7 @@ let DiffReview = class DiffReview2 extends Disposable {
|
|
|
110118
110109
|
const originalLine = originalLineStart === 0 ? 0 : originalLineStart + i2;
|
|
110119
110110
|
const modifiedLine = modifiedLineStart === 0 ? 0 : modifiedLineStart + i2;
|
|
110120
110111
|
const row = document.createElement("div");
|
|
110121
|
-
row.style.minWidth =
|
|
110112
|
+
row.style.minWidth = width + "px";
|
|
110122
110113
|
row.className = rowClassName;
|
|
110123
110114
|
row.setAttribute("role", "listitem");
|
|
110124
110115
|
if (modifiedLine !== 0) {
|
|
@@ -110396,10 +110387,10 @@ class InlineDiffMargin extends Disposable {
|
|
|
110396
110387
|
});
|
|
110397
110388
|
};
|
|
110398
110389
|
this._register(addStandardDisposableListener(this._diffActions, "mousedown", (e2) => {
|
|
110399
|
-
const { top, height
|
|
110390
|
+
const { top, height } = getDomNodePagePosition(this._diffActions);
|
|
110400
110391
|
let pad = Math.floor(lineHeight / 3);
|
|
110401
110392
|
e2.preventDefault();
|
|
110402
|
-
showContextMenu(e2.posx, top +
|
|
110393
|
+
showContextMenu(e2.posx, top + height + pad);
|
|
110403
110394
|
}));
|
|
110404
110395
|
this._register(editor2.onMouseMove((e2) => {
|
|
110405
110396
|
if (e2.target.type === 8 || e2.target.type === 5) {
|
|
@@ -110764,11 +110755,11 @@ let DiffEditorWidget = class DiffEditorWidget2 extends Disposable {
|
|
|
110764
110755
|
this._register(editor2.onDidFocusEditorWidget(() => isInDiffLeftEditorKey.set(true)));
|
|
110765
110756
|
this._register(editor2.onDidBlurEditorWidget(() => isInDiffLeftEditorKey.set(false)));
|
|
110766
110757
|
this._register(editor2.onDidContentSizeChange((e2) => {
|
|
110767
|
-
const
|
|
110768
|
-
const
|
|
110758
|
+
const width = this._originalEditor.getContentWidth() + this._modifiedEditor.getContentWidth() + DiffEditorWidget2.ONE_OVERVIEW_WIDTH;
|
|
110759
|
+
const height = Math.max(this._modifiedEditor.getContentHeight(), this._originalEditor.getContentHeight());
|
|
110769
110760
|
this._onDidContentSizeChange.fire({
|
|
110770
|
-
contentHeight:
|
|
110771
|
-
contentWidth:
|
|
110761
|
+
contentHeight: height,
|
|
110762
|
+
contentWidth: width,
|
|
110772
110763
|
contentHeightChanged: e2.contentHeightChanged,
|
|
110773
110764
|
contentWidthChanged: e2.contentWidthChanged
|
|
110774
110765
|
});
|
|
@@ -110825,11 +110816,11 @@ let DiffEditorWidget = class DiffEditorWidget2 extends Disposable {
|
|
|
110825
110816
|
this._register(editor2.onDidFocusEditorWidget(() => isInDiffRightEditorKey.set(true)));
|
|
110826
110817
|
this._register(editor2.onDidBlurEditorWidget(() => isInDiffRightEditorKey.set(false)));
|
|
110827
110818
|
this._register(editor2.onDidContentSizeChange((e2) => {
|
|
110828
|
-
const
|
|
110829
|
-
const
|
|
110819
|
+
const width = this._originalEditor.getContentWidth() + this._modifiedEditor.getContentWidth() + DiffEditorWidget2.ONE_OVERVIEW_WIDTH;
|
|
110820
|
+
const height = Math.max(this._modifiedEditor.getContentHeight(), this._originalEditor.getContentHeight());
|
|
110830
110821
|
this._onDidContentSizeChange.fire({
|
|
110831
|
-
contentHeight:
|
|
110832
|
-
contentWidth:
|
|
110822
|
+
contentHeight: height,
|
|
110823
|
+
contentWidth: width,
|
|
110833
110824
|
contentHeightChanged: e2.contentHeightChanged,
|
|
110834
110825
|
contentWidthChanged: e2.contentWidthChanged
|
|
110835
110826
|
});
|
|
@@ -111070,7 +111061,7 @@ let DiffEditorWidget = class DiffEditorWidget2 extends Disposable {
|
|
|
111070
111061
|
if (!this._originalOverviewRuler || !this._modifiedOverviewRuler) {
|
|
111071
111062
|
return;
|
|
111072
111063
|
}
|
|
111073
|
-
const
|
|
111064
|
+
const height = this._elementSizeObserver.getHeight();
|
|
111074
111065
|
const reviewHeight = this._getReviewHeight();
|
|
111075
111066
|
const freeSpace = DiffEditorWidget2.ENTIRE_DIFF_OVERVIEW_WIDTH - 2 * DiffEditorWidget2.ONE_OVERVIEW_WIDTH;
|
|
111076
111067
|
const layoutInfo = this._modifiedEditor.getLayoutInfo();
|
|
@@ -111079,13 +111070,13 @@ let DiffEditorWidget = class DiffEditorWidget2 extends Disposable {
|
|
|
111079
111070
|
top: 0,
|
|
111080
111071
|
width: DiffEditorWidget2.ONE_OVERVIEW_WIDTH,
|
|
111081
111072
|
right: freeSpace + DiffEditorWidget2.ONE_OVERVIEW_WIDTH,
|
|
111082
|
-
height:
|
|
111073
|
+
height: height - reviewHeight
|
|
111083
111074
|
});
|
|
111084
111075
|
this._modifiedOverviewRuler.setLayout({
|
|
111085
111076
|
top: 0,
|
|
111086
111077
|
right: 0,
|
|
111087
111078
|
width: DiffEditorWidget2.ONE_OVERVIEW_WIDTH,
|
|
111088
|
-
height:
|
|
111079
|
+
height: height - reviewHeight
|
|
111089
111080
|
});
|
|
111090
111081
|
}
|
|
111091
111082
|
}
|
|
@@ -111218,26 +111209,26 @@ let DiffEditorWidget = class DiffEditorWidget2 extends Disposable {
|
|
|
111218
111209
|
this._doLayout();
|
|
111219
111210
|
}
|
|
111220
111211
|
_doLayout() {
|
|
111221
|
-
const
|
|
111222
|
-
const
|
|
111212
|
+
const width = this._elementSizeObserver.getWidth();
|
|
111213
|
+
const height = this._elementSizeObserver.getHeight();
|
|
111223
111214
|
const reviewHeight = this._getReviewHeight();
|
|
111224
111215
|
const splitPoint = this._strategy.layout();
|
|
111225
111216
|
this._originalDomNode.style.width = splitPoint + "px";
|
|
111226
111217
|
this._originalDomNode.style.left = "0px";
|
|
111227
|
-
this._modifiedDomNode.style.width =
|
|
111218
|
+
this._modifiedDomNode.style.width = width - splitPoint + "px";
|
|
111228
111219
|
this._modifiedDomNode.style.left = splitPoint + "px";
|
|
111229
111220
|
this._overviewDomElement.style.top = "0px";
|
|
111230
|
-
this._overviewDomElement.style.height =
|
|
111221
|
+
this._overviewDomElement.style.height = height - reviewHeight + "px";
|
|
111231
111222
|
this._overviewDomElement.style.width = DiffEditorWidget2.ENTIRE_DIFF_OVERVIEW_WIDTH + "px";
|
|
111232
|
-
this._overviewDomElement.style.left =
|
|
111223
|
+
this._overviewDomElement.style.left = width - DiffEditorWidget2.ENTIRE_DIFF_OVERVIEW_WIDTH + "px";
|
|
111233
111224
|
this._overviewViewportDomElement.setWidth(DiffEditorWidget2.ENTIRE_DIFF_OVERVIEW_WIDTH);
|
|
111234
111225
|
this._overviewViewportDomElement.setHeight(30);
|
|
111235
|
-
this._originalEditor.layout({ width: splitPoint, height:
|
|
111236
|
-
this._modifiedEditor.layout({ width:
|
|
111226
|
+
this._originalEditor.layout({ width: splitPoint, height: height - reviewHeight });
|
|
111227
|
+
this._modifiedEditor.layout({ width: width - splitPoint - (this._options.renderOverviewRuler ? DiffEditorWidget2.ENTIRE_DIFF_OVERVIEW_WIDTH : 0), height: height - reviewHeight });
|
|
111237
111228
|
if (this._originalOverviewRuler || this._modifiedOverviewRuler) {
|
|
111238
111229
|
this._layoutOverviewRulers();
|
|
111239
111230
|
}
|
|
111240
|
-
this._reviewPane.layout(
|
|
111231
|
+
this._reviewPane.layout(height - reviewHeight, width, reviewHeight);
|
|
111241
111232
|
this._layoutOverviewViewport();
|
|
111242
111233
|
}
|
|
111243
111234
|
_layoutOverviewViewport() {
|
|
@@ -118563,9 +118554,9 @@ class ListView {
|
|
|
118563
118554
|
indexAfter(position2) {
|
|
118564
118555
|
return this.rangeMap.indexAfter(position2);
|
|
118565
118556
|
}
|
|
118566
|
-
layout(
|
|
118557
|
+
layout(height, width) {
|
|
118567
118558
|
let scrollDimensions = {
|
|
118568
|
-
height: typeof
|
|
118559
|
+
height: typeof height === "number" ? height : getContentHeight(this.domNode)
|
|
118569
118560
|
};
|
|
118570
118561
|
if (this.scrollableElementUpdateDisposable) {
|
|
118571
118562
|
this.scrollableElementUpdateDisposable.dispose();
|
|
@@ -118573,15 +118564,15 @@ class ListView {
|
|
|
118573
118564
|
scrollDimensions.scrollHeight = this.scrollHeight;
|
|
118574
118565
|
}
|
|
118575
118566
|
this.scrollableElement.setScrollDimensions(scrollDimensions);
|
|
118576
|
-
if (typeof
|
|
118577
|
-
this.renderWidth =
|
|
118567
|
+
if (typeof width !== "undefined") {
|
|
118568
|
+
this.renderWidth = width;
|
|
118578
118569
|
if (this.supportDynamicHeights) {
|
|
118579
118570
|
this._rerender(this.scrollTop, this.renderHeight);
|
|
118580
118571
|
}
|
|
118581
118572
|
}
|
|
118582
118573
|
if (this.horizontalScrolling) {
|
|
118583
118574
|
this.scrollableElement.setScrollDimensions({
|
|
118584
|
-
width: typeof
|
|
118575
|
+
width: typeof width === "number" ? width : getContentWidth(this.domNode)
|
|
118585
118576
|
});
|
|
118586
118577
|
}
|
|
118587
118578
|
}
|
|
@@ -119930,17 +119921,17 @@ class PipelineRenderer {
|
|
|
119930
119921
|
renderTemplate(container) {
|
|
119931
119922
|
return this.renderers.map((r2) => r2.renderTemplate(container));
|
|
119932
119923
|
}
|
|
119933
|
-
renderElement(element, index2, templateData,
|
|
119924
|
+
renderElement(element, index2, templateData, height) {
|
|
119934
119925
|
let i2 = 0;
|
|
119935
119926
|
for (const renderer of this.renderers) {
|
|
119936
|
-
renderer.renderElement(element, index2, templateData[i2++],
|
|
119927
|
+
renderer.renderElement(element, index2, templateData[i2++], height);
|
|
119937
119928
|
}
|
|
119938
119929
|
}
|
|
119939
|
-
disposeElement(element, index2, templateData,
|
|
119930
|
+
disposeElement(element, index2, templateData, height) {
|
|
119940
119931
|
let i2 = 0;
|
|
119941
119932
|
for (const renderer of this.renderers) {
|
|
119942
119933
|
if (renderer.disposeElement) {
|
|
119943
|
-
renderer.disposeElement(element, index2, templateData[i2],
|
|
119934
|
+
renderer.disposeElement(element, index2, templateData[i2], height);
|
|
119944
119935
|
}
|
|
119945
119936
|
i2 += 1;
|
|
119946
119937
|
}
|
|
@@ -120194,8 +120185,8 @@ class List {
|
|
|
120194
120185
|
domFocus() {
|
|
120195
120186
|
this.view.domNode.focus({ preventScroll: true });
|
|
120196
120187
|
}
|
|
120197
|
-
layout(
|
|
120198
|
-
this.view.layout(
|
|
120188
|
+
layout(height, width) {
|
|
120189
|
+
this.view.layout(height, width);
|
|
120199
120190
|
}
|
|
120200
120191
|
setSelection(indexes, browserEvent) {
|
|
120201
120192
|
for (const index2 of indexes) {
|
|
@@ -120463,7 +120454,7 @@ class PagedRenderer {
|
|
|
120463
120454
|
const data = this.renderer.renderTemplate(container);
|
|
120464
120455
|
return { data, disposable: Disposable.None };
|
|
120465
120456
|
}
|
|
120466
|
-
renderElement(index2, _2, data,
|
|
120457
|
+
renderElement(index2, _2, data, height) {
|
|
120467
120458
|
if (data.disposable) {
|
|
120468
120459
|
data.disposable.dispose();
|
|
120469
120460
|
}
|
|
@@ -120472,13 +120463,13 @@ class PagedRenderer {
|
|
|
120472
120463
|
}
|
|
120473
120464
|
const model = this.modelProvider();
|
|
120474
120465
|
if (model.isResolved(index2)) {
|
|
120475
|
-
return this.renderer.renderElement(model.get(index2), index2, data.data,
|
|
120466
|
+
return this.renderer.renderElement(model.get(index2), index2, data.data, height);
|
|
120476
120467
|
}
|
|
120477
120468
|
const cts = new CancellationTokenSource$1();
|
|
120478
120469
|
const promise = model.resolve(index2, cts.token);
|
|
120479
120470
|
data.disposable = { dispose: () => cts.cancel() };
|
|
120480
120471
|
this.renderer.renderPlaceholder(index2, data.data);
|
|
120481
|
-
promise.then((entry) => this.renderer.renderElement(entry, index2, data.data,
|
|
120472
|
+
promise.then((entry) => this.renderer.renderElement(entry, index2, data.data, height));
|
|
120482
120473
|
}
|
|
120483
120474
|
disposeTemplate(data) {
|
|
120484
120475
|
if (data.disposable) {
|
|
@@ -121223,21 +121214,21 @@ class TableListRenderer {
|
|
|
121223
121214
|
this.renderedTemplates.add(result);
|
|
121224
121215
|
return result;
|
|
121225
121216
|
}
|
|
121226
|
-
renderElement(element, index2, templateData,
|
|
121217
|
+
renderElement(element, index2, templateData, height) {
|
|
121227
121218
|
for (let i2 = 0; i2 < this.columns.length; i2++) {
|
|
121228
121219
|
const column2 = this.columns[i2];
|
|
121229
121220
|
const cell = column2.project(element);
|
|
121230
121221
|
const renderer = this.renderers[i2];
|
|
121231
|
-
renderer.renderElement(cell, index2, templateData.cellTemplateData[i2],
|
|
121222
|
+
renderer.renderElement(cell, index2, templateData.cellTemplateData[i2], height);
|
|
121232
121223
|
}
|
|
121233
121224
|
}
|
|
121234
|
-
disposeElement(element, index2, templateData,
|
|
121225
|
+
disposeElement(element, index2, templateData, height) {
|
|
121235
121226
|
for (let i2 = 0; i2 < this.columns.length; i2++) {
|
|
121236
121227
|
const renderer = this.renderers[i2];
|
|
121237
121228
|
if (renderer.disposeElement) {
|
|
121238
121229
|
const column2 = this.columns[i2];
|
|
121239
121230
|
const cell = column2.project(element);
|
|
121240
|
-
renderer.disposeElement(cell, index2, templateData.cellTemplateData[i2],
|
|
121231
|
+
renderer.disposeElement(cell, index2, templateData.cellTemplateData[i2], height);
|
|
121241
121232
|
}
|
|
121242
121233
|
}
|
|
121243
121234
|
}
|
|
@@ -122050,9 +122041,9 @@ class ComposedTreeDelegate {
|
|
|
122050
122041
|
hasDynamicHeight(element) {
|
|
122051
122042
|
return !!this.delegate.hasDynamicHeight && this.delegate.hasDynamicHeight(element.element);
|
|
122052
122043
|
}
|
|
122053
|
-
setDynamicHeight(element,
|
|
122044
|
+
setDynamicHeight(element, height) {
|
|
122054
122045
|
if (this.delegate.setDynamicHeight) {
|
|
122055
|
-
this.delegate.setDynamicHeight(element.element,
|
|
122046
|
+
this.delegate.setDynamicHeight(element.element, height);
|
|
122056
122047
|
}
|
|
122057
122048
|
}
|
|
122058
122049
|
}
|
|
@@ -122121,26 +122112,26 @@ class TreeRenderer {
|
|
|
122121
122112
|
const templateData = this.renderer.renderTemplate(contents);
|
|
122122
122113
|
return { container, indent, twistie, indentGuidesDisposable: Disposable.None, templateData };
|
|
122123
122114
|
}
|
|
122124
|
-
renderElement(node2, index2, templateData,
|
|
122125
|
-
if (typeof
|
|
122126
|
-
this.renderedNodes.set(node2, { templateData, height
|
|
122115
|
+
renderElement(node2, index2, templateData, height) {
|
|
122116
|
+
if (typeof height === "number") {
|
|
122117
|
+
this.renderedNodes.set(node2, { templateData, height });
|
|
122127
122118
|
this.renderedElements.set(node2.element, node2);
|
|
122128
122119
|
}
|
|
122129
122120
|
const indent = TreeRenderer.DefaultIndent + (node2.depth - 1) * this.indent;
|
|
122130
122121
|
templateData.twistie.style.paddingLeft = `${indent}px`;
|
|
122131
122122
|
templateData.indent.style.width = `${indent + this.indent - 16}px`;
|
|
122132
122123
|
this.renderTwistie(node2, templateData);
|
|
122133
|
-
if (typeof
|
|
122124
|
+
if (typeof height === "number") {
|
|
122134
122125
|
this.renderIndentGuides(node2, templateData);
|
|
122135
122126
|
}
|
|
122136
|
-
this.renderer.renderElement(node2, index2, templateData.templateData,
|
|
122127
|
+
this.renderer.renderElement(node2, index2, templateData.templateData, height);
|
|
122137
122128
|
}
|
|
122138
|
-
disposeElement(node2, index2, templateData,
|
|
122129
|
+
disposeElement(node2, index2, templateData, height) {
|
|
122139
122130
|
templateData.indentGuidesDisposable.dispose();
|
|
122140
122131
|
if (this.renderer.disposeElement) {
|
|
122141
|
-
this.renderer.disposeElement(node2, index2, templateData.templateData,
|
|
122132
|
+
this.renderer.disposeElement(node2, index2, templateData.templateData, height);
|
|
122142
122133
|
}
|
|
122143
|
-
if (typeof
|
|
122134
|
+
if (typeof height === "number") {
|
|
122144
122135
|
this.renderedNodes.delete(node2);
|
|
122145
122136
|
this.renderedElements.delete(node2.element);
|
|
122146
122137
|
}
|
|
@@ -122462,7 +122453,7 @@ class TypeFilterController {
|
|
|
122462
122453
|
const { left } = getDomNodePagePosition(container);
|
|
122463
122454
|
const containerWidth = container.clientWidth;
|
|
122464
122455
|
const midContainerWidth = containerWidth / 2;
|
|
122465
|
-
const
|
|
122456
|
+
const width = this.domNode.clientWidth;
|
|
122466
122457
|
const disposables2 = new DisposableStore();
|
|
122467
122458
|
let positionClassName = this.positionClassName;
|
|
122468
122459
|
const updatePosition = () => {
|
|
@@ -122473,7 +122464,7 @@ class TypeFilterController {
|
|
|
122473
122464
|
break;
|
|
122474
122465
|
case "ne":
|
|
122475
122466
|
this.domNode.style.top = `4px`;
|
|
122476
|
-
this.domNode.style.left = `${containerWidth -
|
|
122467
|
+
this.domNode.style.left = `${containerWidth - width - 6}px`;
|
|
122477
122468
|
break;
|
|
122478
122469
|
}
|
|
122479
122470
|
};
|
|
@@ -122898,8 +122889,8 @@ class AbstractTree {
|
|
|
122898
122889
|
domFocus() {
|
|
122899
122890
|
this.view.domFocus();
|
|
122900
122891
|
}
|
|
122901
|
-
layout(
|
|
122902
|
-
this.view.layout(
|
|
122892
|
+
layout(height, width) {
|
|
122893
|
+
this.view.layout(height, width);
|
|
122903
122894
|
}
|
|
122904
122895
|
style(styles2) {
|
|
122905
122896
|
const suffix = `.${this.view.domId}`;
|
|
@@ -123451,8 +123442,8 @@ function mapList(nodeMapper, list2) {
|
|
|
123451
123442
|
splice(start, deleteCount, toInsert) {
|
|
123452
123443
|
list2.splice(start, deleteCount, toInsert.map((node2) => nodeMapper.map(node2)));
|
|
123453
123444
|
},
|
|
123454
|
-
updateElementHeight(index2,
|
|
123455
|
-
list2.updateElementHeight(index2,
|
|
123445
|
+
updateElementHeight(index2, height) {
|
|
123446
|
+
list2.updateElementHeight(index2, height);
|
|
123456
123447
|
}
|
|
123457
123448
|
};
|
|
123458
123449
|
}
|
|
@@ -123600,24 +123591,24 @@ class CompressibleRenderer {
|
|
|
123600
123591
|
const data = this.renderer.renderTemplate(container);
|
|
123601
123592
|
return { compressedTreeNode: void 0, data };
|
|
123602
123593
|
}
|
|
123603
|
-
renderElement(node2, index2, templateData,
|
|
123594
|
+
renderElement(node2, index2, templateData, height) {
|
|
123604
123595
|
const compressedTreeNode = this.compressedTreeNodeProvider.getCompressedTreeNode(node2.element);
|
|
123605
123596
|
if (compressedTreeNode.element.elements.length === 1) {
|
|
123606
123597
|
templateData.compressedTreeNode = void 0;
|
|
123607
|
-
this.renderer.renderElement(node2, index2, templateData.data,
|
|
123598
|
+
this.renderer.renderElement(node2, index2, templateData.data, height);
|
|
123608
123599
|
} else {
|
|
123609
123600
|
templateData.compressedTreeNode = compressedTreeNode;
|
|
123610
|
-
this.renderer.renderCompressedElements(compressedTreeNode, index2, templateData.data,
|
|
123601
|
+
this.renderer.renderCompressedElements(compressedTreeNode, index2, templateData.data, height);
|
|
123611
123602
|
}
|
|
123612
123603
|
}
|
|
123613
|
-
disposeElement(node2, index2, templateData,
|
|
123604
|
+
disposeElement(node2, index2, templateData, height) {
|
|
123614
123605
|
if (templateData.compressedTreeNode) {
|
|
123615
123606
|
if (this.renderer.disposeCompressedElements) {
|
|
123616
|
-
this.renderer.disposeCompressedElements(templateData.compressedTreeNode, index2, templateData.data,
|
|
123607
|
+
this.renderer.disposeCompressedElements(templateData.compressedTreeNode, index2, templateData.data, height);
|
|
123617
123608
|
}
|
|
123618
123609
|
} else {
|
|
123619
123610
|
if (this.renderer.disposeElement) {
|
|
123620
|
-
this.renderer.disposeElement(node2, index2, templateData.data,
|
|
123611
|
+
this.renderer.disposeElement(node2, index2, templateData.data, height);
|
|
123621
123612
|
}
|
|
123622
123613
|
}
|
|
123623
123614
|
}
|
|
@@ -123759,8 +123750,8 @@ class AsyncDataTreeRenderer {
|
|
|
123759
123750
|
const templateData = this.renderer.renderTemplate(container);
|
|
123760
123751
|
return { templateData };
|
|
123761
123752
|
}
|
|
123762
|
-
renderElement(node2, index2, templateData,
|
|
123763
|
-
this.renderer.renderElement(this.nodeMapper.map(node2), index2, templateData.templateData,
|
|
123753
|
+
renderElement(node2, index2, templateData, height) {
|
|
123754
|
+
this.renderer.renderElement(this.nodeMapper.map(node2), index2, templateData.templateData, height);
|
|
123764
123755
|
}
|
|
123765
123756
|
renderTwistie(element, twistieElement) {
|
|
123766
123757
|
if (element.slow) {
|
|
@@ -123771,9 +123762,9 @@ class AsyncDataTreeRenderer {
|
|
|
123771
123762
|
return false;
|
|
123772
123763
|
}
|
|
123773
123764
|
}
|
|
123774
|
-
disposeElement(node2, index2, templateData,
|
|
123765
|
+
disposeElement(node2, index2, templateData, height) {
|
|
123775
123766
|
if (this.renderer.disposeElement) {
|
|
123776
|
-
this.renderer.disposeElement(this.nodeMapper.map(node2), index2, templateData.templateData,
|
|
123767
|
+
this.renderer.disposeElement(this.nodeMapper.map(node2), index2, templateData.templateData, height);
|
|
123777
123768
|
}
|
|
123778
123769
|
}
|
|
123779
123770
|
disposeTemplate(templateData) {
|
|
@@ -123957,8 +123948,8 @@ class AsyncDataTree {
|
|
|
123957
123948
|
domFocus() {
|
|
123958
123949
|
this.tree.domFocus();
|
|
123959
123950
|
}
|
|
123960
|
-
layout(
|
|
123961
|
-
this.tree.layout(
|
|
123951
|
+
layout(height, width) {
|
|
123952
|
+
this.tree.layout(height, width);
|
|
123962
123953
|
}
|
|
123963
123954
|
style(styles2) {
|
|
123964
123955
|
this.tree.style(styles2);
|
|
@@ -124348,11 +124339,11 @@ class CompressibleAsyncDataTreeRenderer {
|
|
|
124348
124339
|
const templateData = this.renderer.renderTemplate(container);
|
|
124349
124340
|
return { templateData };
|
|
124350
124341
|
}
|
|
124351
|
-
renderElement(node2, index2, templateData,
|
|
124352
|
-
this.renderer.renderElement(this.nodeMapper.map(node2), index2, templateData.templateData,
|
|
124342
|
+
renderElement(node2, index2, templateData, height) {
|
|
124343
|
+
this.renderer.renderElement(this.nodeMapper.map(node2), index2, templateData.templateData, height);
|
|
124353
124344
|
}
|
|
124354
|
-
renderCompressedElements(node2, index2, templateData,
|
|
124355
|
-
this.renderer.renderCompressedElements(this.compressibleNodeMapperProvider().map(node2), index2, templateData.templateData,
|
|
124345
|
+
renderCompressedElements(node2, index2, templateData, height) {
|
|
124346
|
+
this.renderer.renderCompressedElements(this.compressibleNodeMapperProvider().map(node2), index2, templateData.templateData, height);
|
|
124356
124347
|
}
|
|
124357
124348
|
renderTwistie(element, twistieElement) {
|
|
124358
124349
|
if (element.slow) {
|
|
@@ -124363,14 +124354,14 @@ class CompressibleAsyncDataTreeRenderer {
|
|
|
124363
124354
|
return false;
|
|
124364
124355
|
}
|
|
124365
124356
|
}
|
|
124366
|
-
disposeElement(node2, index2, templateData,
|
|
124357
|
+
disposeElement(node2, index2, templateData, height) {
|
|
124367
124358
|
if (this.renderer.disposeElement) {
|
|
124368
|
-
this.renderer.disposeElement(this.nodeMapper.map(node2), index2, templateData.templateData,
|
|
124359
|
+
this.renderer.disposeElement(this.nodeMapper.map(node2), index2, templateData.templateData, height);
|
|
124369
124360
|
}
|
|
124370
124361
|
}
|
|
124371
|
-
disposeCompressedElements(node2, index2, templateData,
|
|
124362
|
+
disposeCompressedElements(node2, index2, templateData, height) {
|
|
124372
124363
|
if (this.renderer.disposeCompressedElements) {
|
|
124373
|
-
this.renderer.disposeCompressedElements(this.compressibleNodeMapperProvider().map(node2), index2, templateData.templateData,
|
|
124364
|
+
this.renderer.disposeCompressedElements(this.compressibleNodeMapperProvider().map(node2), index2, templateData.templateData, height);
|
|
124374
124365
|
}
|
|
124375
124366
|
}
|
|
124376
124367
|
disposeTemplate(templateData) {
|
|
@@ -128240,7 +128231,7 @@ class InputBox extends Widget {
|
|
|
128240
128231
|
get width() {
|
|
128241
128232
|
return getTotalWidth(this.input);
|
|
128242
128233
|
}
|
|
128243
|
-
set width(
|
|
128234
|
+
set width(width) {
|
|
128244
128235
|
if (this.options.flexibleHeight && this.options.flexibleWidth) {
|
|
128245
128236
|
let horizontalPadding = 0;
|
|
128246
128237
|
if (this.mirror) {
|
|
@@ -128248,12 +128239,12 @@ class InputBox extends Widget {
|
|
|
128248
128239
|
const paddingRight = parseFloat(this.mirror.style.paddingRight || "") || 0;
|
|
128249
128240
|
horizontalPadding = paddingLeft + paddingRight;
|
|
128250
128241
|
}
|
|
128251
|
-
this.input.style.width =
|
|
128242
|
+
this.input.style.width = width - horizontalPadding + "px";
|
|
128252
128243
|
} else {
|
|
128253
|
-
this.input.style.width =
|
|
128244
|
+
this.input.style.width = width + "px";
|
|
128254
128245
|
}
|
|
128255
128246
|
if (this.mirror) {
|
|
128256
|
-
this.mirror.style.width =
|
|
128247
|
+
this.mirror.style.width = width + "px";
|
|
128257
128248
|
}
|
|
128258
128249
|
}
|
|
128259
128250
|
set paddingRight(paddingRight) {
|
|
@@ -128267,9 +128258,9 @@ class InputBox extends Widget {
|
|
|
128267
128258
|
return;
|
|
128268
128259
|
}
|
|
128269
128260
|
const scrollHeight = this.cachedContentHeight;
|
|
128270
|
-
const
|
|
128261
|
+
const height = this.cachedHeight;
|
|
128271
128262
|
const scrollTop2 = this.input.scrollTop;
|
|
128272
|
-
this.scrollableElement.setScrollDimensions({ scrollHeight, height
|
|
128263
|
+
this.scrollableElement.setScrollDimensions({ scrollHeight, height });
|
|
128273
128264
|
this.scrollableElement.setScrollPosition({ scrollTop: scrollTop2 });
|
|
128274
128265
|
}
|
|
128275
128266
|
showMessage(message, force) {
|
|
@@ -128790,15 +128781,15 @@ function parseHrefAndDimensions(href) {
|
|
|
128790
128781
|
if (parameters) {
|
|
128791
128782
|
const heightFromParams = /height=(\d+)/.exec(parameters);
|
|
128792
128783
|
const widthFromParams = /width=(\d+)/.exec(parameters);
|
|
128793
|
-
const
|
|
128794
|
-
const
|
|
128795
|
-
const widthIsFinite = isFinite(parseInt(
|
|
128796
|
-
const heightIsFinite = isFinite(parseInt(
|
|
128784
|
+
const height = heightFromParams ? heightFromParams[1] : "";
|
|
128785
|
+
const width = widthFromParams ? widthFromParams[1] : "";
|
|
128786
|
+
const widthIsFinite = isFinite(parseInt(width));
|
|
128787
|
+
const heightIsFinite = isFinite(parseInt(height));
|
|
128797
128788
|
if (widthIsFinite) {
|
|
128798
|
-
dimensions.push(`width="${
|
|
128789
|
+
dimensions.push(`width="${width}"`);
|
|
128799
128790
|
}
|
|
128800
128791
|
if (heightIsFinite) {
|
|
128801
|
-
dimensions.push(`height="${
|
|
128792
|
+
dimensions.push(`height="${height}"`);
|
|
128802
128793
|
}
|
|
128803
128794
|
}
|
|
128804
128795
|
return { href, dimensions };
|
|
@@ -131111,9 +131102,9 @@ class QuickInputController extends Disposable {
|
|
|
131111
131102
|
if (this.ui) {
|
|
131112
131103
|
this.ui.container.style.top = `${this.titleBarOffset}px`;
|
|
131113
131104
|
const style = this.ui.container.style;
|
|
131114
|
-
const
|
|
131115
|
-
style.width =
|
|
131116
|
-
style.marginLeft = "-" +
|
|
131105
|
+
const width = Math.min(this.dimension.width * 0.62, QuickInputController.MAX_WIDTH);
|
|
131106
|
+
style.width = width + "px";
|
|
131107
|
+
style.marginLeft = "-" + width / 2 + "px";
|
|
131117
131108
|
this.ui.inputBox.layout();
|
|
131118
131109
|
this.ui.list.layout(this.dimension && this.dimension.height * 0.4);
|
|
131119
131110
|
}
|
|
@@ -136764,7 +136755,7 @@ let LightBulbWidget = class LightBulbWidget2 extends Disposable {
|
|
|
136764
136755
|
}
|
|
136765
136756
|
this._editor.focus();
|
|
136766
136757
|
e2.preventDefault();
|
|
136767
|
-
const { top, height
|
|
136758
|
+
const { top, height } = getDomNodePagePosition(this._domNode);
|
|
136768
136759
|
const lineHeight = this._editor.getOption(58);
|
|
136769
136760
|
let pad = Math.floor(lineHeight / 3);
|
|
136770
136761
|
if (this.state.widgetPosition.position !== null && this.state.widgetPosition.position.lineNumber < this.state.editorPosition.lineNumber) {
|
|
@@ -136772,7 +136763,7 @@ let LightBulbWidget = class LightBulbWidget2 extends Disposable {
|
|
|
136772
136763
|
}
|
|
136773
136764
|
this._onClick.fire({
|
|
136774
136765
|
x: e2.posx,
|
|
136775
|
-
y: top +
|
|
136766
|
+
y: top + height + pad,
|
|
136776
136767
|
actions: this.state.actions,
|
|
136777
136768
|
trigger: this.state.trigger
|
|
136778
136769
|
});
|
|
@@ -137836,11 +137827,11 @@ class CodeLensViewZone {
|
|
|
137836
137827
|
this.suppressMouseDown = true;
|
|
137837
137828
|
this.domNode = document.createElement("div");
|
|
137838
137829
|
}
|
|
137839
|
-
onComputedHeight(
|
|
137830
|
+
onComputedHeight(height) {
|
|
137840
137831
|
if (this._lastHeight === void 0) {
|
|
137841
|
-
this._lastHeight =
|
|
137842
|
-
} else if (this._lastHeight !==
|
|
137843
|
-
this._lastHeight =
|
|
137832
|
+
this._lastHeight = height;
|
|
137833
|
+
} else if (this._lastHeight !== height) {
|
|
137834
|
+
this._lastHeight = height;
|
|
137844
137835
|
this._onHeight();
|
|
137845
137836
|
}
|
|
137846
137837
|
}
|
|
@@ -138005,8 +137996,8 @@ class CodeLensWidget {
|
|
|
138005
137996
|
}, (id2) => this._decorationIds[i2] = id2);
|
|
138006
137997
|
});
|
|
138007
137998
|
}
|
|
138008
|
-
updateHeight(
|
|
138009
|
-
this._viewZone.heightInPx =
|
|
137999
|
+
updateHeight(height, viewZoneChangeAccessor) {
|
|
138000
|
+
this._viewZone.heightInPx = height;
|
|
138010
138001
|
viewZoneChangeAccessor.layoutZone(this._viewZoneId);
|
|
138011
138002
|
if (this._contentWidget) {
|
|
138012
138003
|
this._editor.layoutContentWidget(this._contentWidget);
|
|
@@ -138926,8 +138917,8 @@ class ViewZoneDelegate {
|
|
|
138926
138917
|
onDomNodeTop(top) {
|
|
138927
138918
|
this._onDomNodeTop(top);
|
|
138928
138919
|
}
|
|
138929
|
-
onComputedHeight(
|
|
138930
|
-
this._onComputedHeight(
|
|
138920
|
+
onComputedHeight(height) {
|
|
138921
|
+
this._onComputedHeight(height);
|
|
138931
138922
|
}
|
|
138932
138923
|
}
|
|
138933
138924
|
class OverlayWidgetDelegate {
|
|
@@ -139003,10 +138994,10 @@ class ZoneWidget {
|
|
|
139003
138994
|
this.domNode.setAttribute("role", "presentation");
|
|
139004
138995
|
}
|
|
139005
138996
|
this._disposables.add(this.editor.onDidLayoutChange((info) => {
|
|
139006
|
-
const
|
|
139007
|
-
this.domNode.style.width =
|
|
138997
|
+
const width = this._getWidth(info);
|
|
138998
|
+
this.domNode.style.width = width + "px";
|
|
139008
138999
|
this.domNode.style.left = this._getLeft(info) + "px";
|
|
139009
|
-
this._onWidth(
|
|
139000
|
+
this._onWidth(width);
|
|
139010
139001
|
}));
|
|
139011
139002
|
}
|
|
139012
139003
|
dispose() {
|
|
@@ -139074,10 +139065,10 @@ class ZoneWidget {
|
|
|
139074
139065
|
_onViewZoneTop(top) {
|
|
139075
139066
|
this.domNode.style.top = top + "px";
|
|
139076
139067
|
}
|
|
139077
|
-
_onViewZoneHeight(
|
|
139078
|
-
this.domNode.style.height = `${
|
|
139068
|
+
_onViewZoneHeight(height) {
|
|
139069
|
+
this.domNode.style.height = `${height}px`;
|
|
139079
139070
|
if (this.container) {
|
|
139080
|
-
let containerHeight =
|
|
139071
|
+
let containerHeight = height - this._decoratingElementsHeight();
|
|
139081
139072
|
this.container.style.height = `${containerHeight}px`;
|
|
139082
139073
|
const layoutInfo = this.editor.getLayoutInfo();
|
|
139083
139074
|
this._doLayout(containerHeight, this._getWidth(layoutInfo));
|
|
@@ -139141,8 +139132,8 @@ class ZoneWidget {
|
|
|
139141
139132
|
_showImpl(where, heightInLines) {
|
|
139142
139133
|
const position2 = where.getStartPosition();
|
|
139143
139134
|
const layoutInfo = this.editor.getLayoutInfo();
|
|
139144
|
-
const
|
|
139145
|
-
this.domNode.style.width = `${
|
|
139135
|
+
const width = this._getWidth(layoutInfo);
|
|
139136
|
+
this.domNode.style.width = `${width}px`;
|
|
139146
139137
|
this.domNode.style.left = this._getLeft(layoutInfo) + "px";
|
|
139147
139138
|
const viewZoneDomNode = document.createElement("div");
|
|
139148
139139
|
viewZoneDomNode.style.overflow = "hidden";
|
|
@@ -139168,15 +139159,15 @@ class ZoneWidget {
|
|
|
139168
139159
|
this._overlayWidget = null;
|
|
139169
139160
|
}
|
|
139170
139161
|
this.domNode.style.top = "-1000px";
|
|
139171
|
-
this._viewZone = new ViewZoneDelegate(viewZoneDomNode, position2.lineNumber, position2.column, heightInLines, (top) => this._onViewZoneTop(top), (
|
|
139162
|
+
this._viewZone = new ViewZoneDelegate(viewZoneDomNode, position2.lineNumber, position2.column, heightInLines, (top) => this._onViewZoneTop(top), (height) => this._onViewZoneHeight(height));
|
|
139172
139163
|
this._viewZone.id = accessor.addZone(this._viewZone);
|
|
139173
139164
|
this._overlayWidget = new OverlayWidgetDelegate(WIDGET_ID + this._viewZone.id, this.domNode);
|
|
139174
139165
|
this.editor.addOverlayWidget(this._overlayWidget);
|
|
139175
139166
|
});
|
|
139176
139167
|
if (this.container && this.options.showFrame) {
|
|
139177
|
-
const
|
|
139178
|
-
this.container.style.borderTopWidth =
|
|
139179
|
-
this.container.style.borderBottomWidth =
|
|
139168
|
+
const width2 = this.options.frameWidth ? this.options.frameWidth : frameThickness;
|
|
139169
|
+
this.container.style.borderTopWidth = width2 + "px";
|
|
139170
|
+
this.container.style.borderBottomWidth = width2 + "px";
|
|
139180
139171
|
}
|
|
139181
139172
|
let containerHeight = heightInLines * lineHeight - this._decoratingElementsHeight();
|
|
139182
139173
|
if (this.container) {
|
|
@@ -139184,7 +139175,7 @@ class ZoneWidget {
|
|
|
139184
139175
|
this.container.style.height = containerHeight + "px";
|
|
139185
139176
|
this.container.style.overflow = "hidden";
|
|
139186
139177
|
}
|
|
139187
|
-
this._doLayout(containerHeight,
|
|
139178
|
+
this._doLayout(containerHeight, width);
|
|
139188
139179
|
if (!this.options.keepEditorSelection) {
|
|
139189
139180
|
this.editor.setSelection(where);
|
|
139190
139181
|
}
|
|
@@ -140790,8 +140781,8 @@ let ReferenceWidget = class ReferenceWidget2 extends PeekViewWidget {
|
|
|
140790
140781
|
element: this._previewContainer,
|
|
140791
140782
|
minimumSize: 200,
|
|
140792
140783
|
maximumSize: Number.MAX_VALUE,
|
|
140793
|
-
layout: (
|
|
140794
|
-
this._preview.layout({ height: this._dim.height, width
|
|
140784
|
+
layout: (width) => {
|
|
140785
|
+
this._preview.layout({ height: this._dim.height, width });
|
|
140795
140786
|
}
|
|
140796
140787
|
}, Sizing.Distribute);
|
|
140797
140788
|
this._splitView.addView({
|
|
@@ -140799,10 +140790,10 @@ let ReferenceWidget = class ReferenceWidget2 extends PeekViewWidget {
|
|
|
140799
140790
|
element: this._treeContainer,
|
|
140800
140791
|
minimumSize: 100,
|
|
140801
140792
|
maximumSize: Number.MAX_VALUE,
|
|
140802
|
-
layout: (
|
|
140793
|
+
layout: (width) => {
|
|
140803
140794
|
this._treeContainer.style.height = `${this._dim.height}px`;
|
|
140804
|
-
this._treeContainer.style.width = `${
|
|
140805
|
-
this._tree.layout(this._dim.height,
|
|
140795
|
+
this._treeContainer.style.width = `${width}px`;
|
|
140796
|
+
this._tree.layout(this._dim.height, width);
|
|
140806
140797
|
}
|
|
140807
140798
|
}, Sizing.Distribute);
|
|
140808
140799
|
this._disposables.add(this._splitView.onDidSashChange(() => {
|
|
@@ -140829,9 +140820,9 @@ let ReferenceWidget = class ReferenceWidget2 extends PeekViewWidget {
|
|
|
140829
140820
|
});
|
|
140830
140821
|
hide(this._treeContainer);
|
|
140831
140822
|
}
|
|
140832
|
-
_onWidth(
|
|
140823
|
+
_onWidth(width) {
|
|
140833
140824
|
if (this._dim) {
|
|
140834
|
-
this._doLayoutBody(this._dim.height,
|
|
140825
|
+
this._doLayoutBody(this._dim.height, width);
|
|
140835
140826
|
}
|
|
140836
140827
|
}
|
|
140837
140828
|
_doLayoutBody(heightInPixel, widthInPixel) {
|
|
@@ -147056,10 +147047,10 @@ class MessageWidget {
|
|
|
147056
147047
|
const scrollHeight = fontInfo.lineHeight * this._lines;
|
|
147057
147048
|
this._scrollable.setScrollDimensions({ scrollWidth, scrollHeight });
|
|
147058
147049
|
}
|
|
147059
|
-
layout(
|
|
147060
|
-
this._scrollable.getDomNode().style.height = `${
|
|
147061
|
-
this._scrollable.getDomNode().style.width = `${
|
|
147062
|
-
this._scrollable.setScrollDimensions({ width
|
|
147050
|
+
layout(height, width) {
|
|
147051
|
+
this._scrollable.getDomNode().style.height = `${height}px`;
|
|
147052
|
+
this._scrollable.getDomNode().style.width = `${width}px`;
|
|
147053
|
+
this._scrollable.setScrollDimensions({ width, height });
|
|
147063
147054
|
}
|
|
147064
147055
|
getHeightInLines() {
|
|
147065
147056
|
return Math.min(17, this._lines);
|
|
@@ -152262,15 +152253,15 @@ class ResizableHTMLElement {
|
|
|
152262
152253
|
this._southSash.state = south ? 3 : 0;
|
|
152263
152254
|
this._westSash.state = west ? 3 : 0;
|
|
152264
152255
|
}
|
|
152265
|
-
layout(
|
|
152256
|
+
layout(height = this.size.height, width = this.size.width) {
|
|
152266
152257
|
const { height: minHeight, width: minWidth } = this._minSize;
|
|
152267
152258
|
const { height: maxHeight, width: maxWidth } = this._maxSize;
|
|
152268
|
-
|
|
152269
|
-
|
|
152270
|
-
const newSize = new Dimension(
|
|
152259
|
+
height = Math.max(minHeight, Math.min(maxHeight, height));
|
|
152260
|
+
width = Math.max(minWidth, Math.min(maxWidth, width));
|
|
152261
|
+
const newSize = new Dimension(width, height);
|
|
152271
152262
|
if (!Dimension.equals(newSize, this._size)) {
|
|
152272
|
-
this.domNode.style.height =
|
|
152273
|
-
this.domNode.style.width =
|
|
152263
|
+
this.domNode.style.height = height + "px";
|
|
152264
|
+
this.domNode.style.width = width + "px";
|
|
152274
152265
|
this._size = newSize;
|
|
152275
152266
|
this._northSash.layout();
|
|
152276
152267
|
this._eastSash.layout();
|
|
@@ -152470,11 +152461,11 @@ let SuggestDetailsWidget = class SuggestDetailsWidget2 {
|
|
|
152470
152461
|
get size() {
|
|
152471
152462
|
return this._size;
|
|
152472
152463
|
}
|
|
152473
|
-
layout(
|
|
152474
|
-
const newSize = new Dimension(
|
|
152464
|
+
layout(width, height) {
|
|
152465
|
+
const newSize = new Dimension(width, height);
|
|
152475
152466
|
if (!Dimension.equals(newSize, this._size)) {
|
|
152476
152467
|
this._size = newSize;
|
|
152477
|
-
size(this.domNode,
|
|
152468
|
+
size(this.domNode, width, height);
|
|
152478
152469
|
}
|
|
152479
152470
|
this._scrollbar.scanDomNode();
|
|
152480
152471
|
}
|
|
@@ -152496,8 +152487,8 @@ let SuggestDetailsWidget = class SuggestDetailsWidget2 {
|
|
|
152496
152487
|
pageUp() {
|
|
152497
152488
|
this.scrollUp(80);
|
|
152498
152489
|
}
|
|
152499
|
-
set borderWidth(
|
|
152500
|
-
this._borderWidth =
|
|
152490
|
+
set borderWidth(width) {
|
|
152491
|
+
this._borderWidth = width;
|
|
152501
152492
|
}
|
|
152502
152493
|
get borderWidth() {
|
|
152503
152494
|
return this._borderWidth;
|
|
@@ -152607,18 +152598,18 @@ class SuggestDetailsOverlay {
|
|
|
152607
152598
|
const defaultMinSize = new Dimension(220, 2 * info.lineHeight);
|
|
152608
152599
|
const defaultTop = anchorBox.top;
|
|
152609
152600
|
const eastPlacement = function() {
|
|
152610
|
-
const
|
|
152601
|
+
const width = bodyBox.width - (anchorBox.left + anchorBox.width + info.borderWidth + info.horizontalPadding);
|
|
152611
152602
|
const left = -info.borderWidth + anchorBox.left + anchorBox.width;
|
|
152612
|
-
const maxSizeTop = new Dimension(
|
|
152603
|
+
const maxSizeTop = new Dimension(width, bodyBox.height - anchorBox.top - info.borderHeight - info.verticalPadding);
|
|
152613
152604
|
const maxSizeBottom = maxSizeTop.with(void 0, anchorBox.top + anchorBox.height - info.borderHeight - info.verticalPadding);
|
|
152614
|
-
return { top: defaultTop, left, fit:
|
|
152605
|
+
return { top: defaultTop, left, fit: width - size2.width, maxSizeTop, maxSizeBottom, minSize: defaultMinSize.with(Math.min(width, defaultMinSize.width)) };
|
|
152615
152606
|
}();
|
|
152616
152607
|
const westPlacement = function() {
|
|
152617
|
-
const
|
|
152608
|
+
const width = anchorBox.left - info.borderWidth - info.horizontalPadding;
|
|
152618
152609
|
const left = Math.max(info.horizontalPadding, anchorBox.left - size2.width - info.borderWidth);
|
|
152619
|
-
const maxSizeTop = new Dimension(
|
|
152610
|
+
const maxSizeTop = new Dimension(width, bodyBox.height - anchorBox.top - info.borderHeight - info.verticalPadding);
|
|
152620
152611
|
const maxSizeBottom = maxSizeTop.with(void 0, anchorBox.top + anchorBox.height - info.borderHeight - info.verticalPadding);
|
|
152621
|
-
return { top: defaultTop, left, fit:
|
|
152612
|
+
return { top: defaultTop, left, fit: width - size2.width, maxSizeTop, maxSizeBottom, minSize: defaultMinSize.with(Math.min(width, defaultMinSize.width)) };
|
|
152622
152613
|
}();
|
|
152623
152614
|
const southPacement = function() {
|
|
152624
152615
|
const left = anchorBox.left;
|
|
@@ -152630,14 +152621,14 @@ class SuggestDetailsOverlay {
|
|
|
152630
152621
|
const placement = (_a2 = placements.find((p2) => p2.fit >= 0)) !== null && _a2 !== void 0 ? _a2 : placements.sort((a, b2) => b2.fit - a.fit)[0];
|
|
152631
152622
|
const bottom = anchorBox.top + anchorBox.height - info.borderHeight;
|
|
152632
152623
|
let alignAtTop;
|
|
152633
|
-
let
|
|
152624
|
+
let height = size2.height;
|
|
152634
152625
|
const maxHeight = Math.max(placement.maxSizeTop.height, placement.maxSizeBottom.height);
|
|
152635
|
-
if (
|
|
152636
|
-
|
|
152626
|
+
if (height > maxHeight) {
|
|
152627
|
+
height = maxHeight;
|
|
152637
152628
|
}
|
|
152638
152629
|
let maxSize;
|
|
152639
152630
|
if (preferAlignAtTop) {
|
|
152640
|
-
if (
|
|
152631
|
+
if (height <= placement.maxSizeTop.height) {
|
|
152641
152632
|
alignAtTop = true;
|
|
152642
152633
|
maxSize = placement.maxSizeTop;
|
|
152643
152634
|
} else {
|
|
@@ -152645,7 +152636,7 @@ class SuggestDetailsOverlay {
|
|
|
152645
152636
|
maxSize = placement.maxSizeBottom;
|
|
152646
152637
|
}
|
|
152647
152638
|
} else {
|
|
152648
|
-
if (
|
|
152639
|
+
if (height <= placement.maxSizeBottom.height) {
|
|
152649
152640
|
alignAtTop = false;
|
|
152650
152641
|
maxSize = placement.maxSizeBottom;
|
|
152651
152642
|
} else {
|
|
@@ -152653,12 +152644,12 @@ class SuggestDetailsOverlay {
|
|
|
152653
152644
|
maxSize = placement.maxSizeTop;
|
|
152654
152645
|
}
|
|
152655
152646
|
}
|
|
152656
|
-
this._applyTopLeft({ left: placement.left, top: alignAtTop ? placement.top : bottom -
|
|
152647
|
+
this._applyTopLeft({ left: placement.left, top: alignAtTop ? placement.top : bottom - height });
|
|
152657
152648
|
this.getDomNode().style.position = "fixed";
|
|
152658
152649
|
this._resizable.enableSashes(!alignAtTop, placement === eastPlacement, alignAtTop, placement !== eastPlacement);
|
|
152659
152650
|
this._resizable.minSize = placement.minSize;
|
|
152660
152651
|
this._resizable.maxSize = maxSize;
|
|
152661
|
-
this._resizable.layout(
|
|
152652
|
+
this._resizable.layout(height, Math.min(maxSize.width, size2.width));
|
|
152662
152653
|
this.widget.layout(this._resizable.size.width, this._resizable.size.height);
|
|
152663
152654
|
}
|
|
152664
152655
|
_applyTopLeft(topLeft) {
|
|
@@ -153036,14 +153027,14 @@ let SuggestWidget = class SuggestWidget2 {
|
|
|
153036
153027
|
if (state2) {
|
|
153037
153028
|
const { itemHeight, defaultSize } = this.getLayoutInfo();
|
|
153038
153029
|
const threshold = Math.round(itemHeight / 2);
|
|
153039
|
-
let { width
|
|
153040
|
-
if (!state2.persistHeight || Math.abs(state2.currentSize.height -
|
|
153041
|
-
|
|
153030
|
+
let { width, height } = this.element.size;
|
|
153031
|
+
if (!state2.persistHeight || Math.abs(state2.currentSize.height - height) <= threshold) {
|
|
153032
|
+
height = (_b2 = (_a2 = state2.persistedSize) === null || _a2 === void 0 ? void 0 : _a2.height) !== null && _b2 !== void 0 ? _b2 : defaultSize.height;
|
|
153042
153033
|
}
|
|
153043
|
-
if (!state2.persistWidth || Math.abs(state2.currentSize.width -
|
|
153044
|
-
|
|
153034
|
+
if (!state2.persistWidth || Math.abs(state2.currentSize.width - width) <= threshold) {
|
|
153035
|
+
width = (_d2 = (_c2 = state2.persistedSize) === null || _c2 === void 0 ? void 0 : _c2.width) !== null && _d2 !== void 0 ? _d2 : defaultSize.width;
|
|
153045
153036
|
}
|
|
153046
|
-
this._persistedSize.store(new Dimension(
|
|
153037
|
+
this._persistedSize.store(new Dimension(width, height));
|
|
153047
153038
|
}
|
|
153048
153039
|
this._contentWidget.unlockPreference();
|
|
153049
153040
|
state2 = void 0;
|
|
@@ -153493,21 +153484,21 @@ let SuggestWidget = class SuggestWidget2 {
|
|
|
153493
153484
|
if (!size2) {
|
|
153494
153485
|
size2 = info.defaultSize;
|
|
153495
153486
|
}
|
|
153496
|
-
let
|
|
153497
|
-
let
|
|
153487
|
+
let height = size2.height;
|
|
153488
|
+
let width = size2.width;
|
|
153498
153489
|
this._status.element.style.lineHeight = `${info.itemHeight}px`;
|
|
153499
153490
|
if (this._state === 2 || this._state === 1) {
|
|
153500
|
-
|
|
153501
|
-
|
|
153491
|
+
height = info.itemHeight + info.borderHeight;
|
|
153492
|
+
width = info.defaultSize.width / 2;
|
|
153502
153493
|
this.element.enableSashes(false, false, false, false);
|
|
153503
|
-
this.element.minSize = this.element.maxSize = new Dimension(
|
|
153494
|
+
this.element.minSize = this.element.maxSize = new Dimension(width, height);
|
|
153504
153495
|
this._contentWidget.setPreference(2);
|
|
153505
153496
|
} else {
|
|
153506
153497
|
const maxWidth = bodyBox.width - info.borderHeight - 2 * info.horizontalPadding;
|
|
153507
|
-
if (
|
|
153508
|
-
|
|
153498
|
+
if (width > maxWidth) {
|
|
153499
|
+
width = maxWidth;
|
|
153509
153500
|
}
|
|
153510
|
-
const preferredWidth = this._completionModel ? this._completionModel.stats.pLabelLen * info.typicalHalfwidthCharacterWidth :
|
|
153501
|
+
const preferredWidth = this._completionModel ? this._completionModel.stats.pLabelLen * info.typicalHalfwidthCharacterWidth : width;
|
|
153511
153502
|
const fullHeight = info.statusBarHeight + this._list.contentHeight + info.borderHeight;
|
|
153512
153503
|
const minHeight = info.itemHeight + info.statusBarHeight;
|
|
153513
153504
|
const editorBox = getDomNodePagePosition(this.editor.getDomNode());
|
|
@@ -153517,17 +153508,17 @@ let SuggestWidget = class SuggestWidget2 {
|
|
|
153517
153508
|
const availableSpaceAbove = editorBox.top + cursorBox.top - info.verticalPadding;
|
|
153518
153509
|
const maxHeightAbove = Math.min(availableSpaceAbove, fullHeight);
|
|
153519
153510
|
let maxHeight = Math.min(Math.max(maxHeightAbove, maxHeightBelow) + info.borderHeight, fullHeight);
|
|
153520
|
-
if (
|
|
153521
|
-
|
|
153511
|
+
if (height === ((_a2 = this._cappedHeight) === null || _a2 === void 0 ? void 0 : _a2.capped)) {
|
|
153512
|
+
height = this._cappedHeight.wanted;
|
|
153522
153513
|
}
|
|
153523
|
-
if (
|
|
153524
|
-
|
|
153514
|
+
if (height < minHeight) {
|
|
153515
|
+
height = minHeight;
|
|
153525
153516
|
}
|
|
153526
|
-
if (
|
|
153527
|
-
|
|
153517
|
+
if (height > maxHeight) {
|
|
153518
|
+
height = maxHeight;
|
|
153528
153519
|
}
|
|
153529
153520
|
const forceRenderingAboveRequiredSpace = 150;
|
|
153530
|
-
if (
|
|
153521
|
+
if (height > maxHeightBelow || this._forceRenderingAbove && availableSpaceAbove > forceRenderingAboveRequiredSpace) {
|
|
153531
153522
|
this._contentWidget.setPreference(1);
|
|
153532
153523
|
this.element.enableSashes(true, true, false, false);
|
|
153533
153524
|
maxHeight = maxHeightAbove;
|
|
@@ -153539,18 +153530,18 @@ let SuggestWidget = class SuggestWidget2 {
|
|
|
153539
153530
|
this.element.preferredSize = new Dimension(preferredWidth, info.defaultSize.height);
|
|
153540
153531
|
this.element.maxSize = new Dimension(maxWidth, maxHeight);
|
|
153541
153532
|
this.element.minSize = new Dimension(220, minHeight);
|
|
153542
|
-
this._cappedHeight =
|
|
153533
|
+
this._cappedHeight = height === fullHeight ? { wanted: (_c2 = (_b2 = this._cappedHeight) === null || _b2 === void 0 ? void 0 : _b2.wanted) !== null && _c2 !== void 0 ? _c2 : size2.height, capped: height } : void 0;
|
|
153543
153534
|
}
|
|
153544
|
-
this._resize(
|
|
153535
|
+
this._resize(width, height);
|
|
153545
153536
|
}
|
|
153546
|
-
_resize(
|
|
153537
|
+
_resize(width, height) {
|
|
153547
153538
|
const { width: maxWidth, height: maxHeight } = this.element.maxSize;
|
|
153548
|
-
|
|
153549
|
-
|
|
153539
|
+
width = Math.min(maxWidth, width);
|
|
153540
|
+
height = Math.min(maxHeight, height);
|
|
153550
153541
|
const { statusBarHeight } = this.getLayoutInfo();
|
|
153551
|
-
this._list.layout(
|
|
153552
|
-
this._listElement.style.height = `${
|
|
153553
|
-
this.element.layout(
|
|
153542
|
+
this._list.layout(height - statusBarHeight, width);
|
|
153543
|
+
this._listElement.style.height = `${height - statusBarHeight}px`;
|
|
153544
|
+
this.element.layout(height, width);
|
|
153554
153545
|
this._contentWidget.layout();
|
|
153555
153546
|
this._positionDetails();
|
|
153556
153547
|
}
|
|
@@ -153649,9 +153640,9 @@ class SuggestContentWidget {
|
|
|
153649
153640
|
};
|
|
153650
153641
|
}
|
|
153651
153642
|
beforeRender() {
|
|
153652
|
-
const { height
|
|
153643
|
+
const { height, width } = this._widget.element.size;
|
|
153653
153644
|
const { borderWidth, horizontalPadding } = this._widget.getLayoutInfo();
|
|
153654
|
-
return new Dimension(
|
|
153645
|
+
return new Dimension(width + 2 * borderWidth + horizontalPadding, height + 2 * borderWidth);
|
|
153655
153646
|
}
|
|
153656
153647
|
afterRender(position2) {
|
|
153657
153648
|
this._widget._afterRender(position2);
|
|
@@ -156653,11 +156644,11 @@ let ModesContentHoverWidget = class ModesContentHoverWidget2 extends Widget {
|
|
|
156653
156644
|
this._hover.onContentsChanged();
|
|
156654
156645
|
}
|
|
156655
156646
|
layout() {
|
|
156656
|
-
const
|
|
156647
|
+
const height = Math.max(this._editor.getLayoutInfo().height / 4, 250);
|
|
156657
156648
|
const { fontSize, lineHeight } = this._editor.getOption(43);
|
|
156658
156649
|
this._hover.contentsDomNode.style.fontSize = `${fontSize}px`;
|
|
156659
156650
|
this._hover.contentsDomNode.style.lineHeight = `${lineHeight / fontSize}`;
|
|
156660
|
-
this._hover.contentsDomNode.style.maxHeight = `${
|
|
156651
|
+
this._hover.contentsDomNode.style.maxHeight = `${height}px`;
|
|
156661
156652
|
this._hover.contentsDomNode.style.maxWidth = `${Math.max(this._editor.getLayoutInfo().width * 0.66, 500)}px`;
|
|
156662
156653
|
}
|
|
156663
156654
|
onModelDecorationsChanged() {
|
|
@@ -158435,8 +158426,8 @@ class FindDecorations {
|
|
|
158435
158426
|
if (findMatches.length > 1e3) {
|
|
158436
158427
|
findMatchesOptions = FindDecorations._FIND_MATCH_NO_OVERVIEW_DECORATION;
|
|
158437
158428
|
const lineCount = this._editor.getModel().getLineCount();
|
|
158438
|
-
const
|
|
158439
|
-
const approxPixelsPerLine =
|
|
158429
|
+
const height = this._editor.getLayoutInfo().height;
|
|
158430
|
+
const approxPixelsPerLine = height / lineCount;
|
|
158440
158431
|
const mergeLinesDelta = Math.max(2, Math.ceil(3 / approxPixelsPerLine));
|
|
158441
158432
|
let prevStartLineNumber = findMatches[0].range.startLineNumber;
|
|
158442
158433
|
let prevEndLineNumber = findMatches[0].range.endLineNumber;
|
|
@@ -161403,15 +161394,15 @@ class FindWidget extends Widget {
|
|
|
161403
161394
|
}));
|
|
161404
161395
|
this._register(this._resizeSash.onDidChange((evt) => {
|
|
161405
161396
|
this._resized = true;
|
|
161406
|
-
let
|
|
161407
|
-
if (
|
|
161397
|
+
let width = originalWidth + evt.startX - evt.currentX;
|
|
161398
|
+
if (width < FIND_WIDGET_INITIAL_WIDTH) {
|
|
161408
161399
|
return;
|
|
161409
161400
|
}
|
|
161410
161401
|
const maxWidth = parseFloat(getComputedStyle$1(this._domNode).maxWidth) || 0;
|
|
161411
|
-
if (
|
|
161402
|
+
if (width > maxWidth) {
|
|
161412
161403
|
return;
|
|
161413
161404
|
}
|
|
161414
|
-
this._domNode.style.width = `${
|
|
161405
|
+
this._domNode.style.width = `${width}px`;
|
|
161415
161406
|
if (this._isReplaceVisible) {
|
|
161416
161407
|
this._replaceInput.width = getTotalWidth(this._findInput.domNode);
|
|
161417
161408
|
}
|
|
@@ -161423,13 +161414,13 @@ class FindWidget extends Widget {
|
|
|
161423
161414
|
if (currentWidth < FIND_WIDGET_INITIAL_WIDTH) {
|
|
161424
161415
|
return;
|
|
161425
161416
|
}
|
|
161426
|
-
let
|
|
161417
|
+
let width = FIND_WIDGET_INITIAL_WIDTH;
|
|
161427
161418
|
if (!this._resized || currentWidth === FIND_WIDGET_INITIAL_WIDTH) {
|
|
161428
161419
|
const layoutInfo = this._codeEditor.getLayoutInfo();
|
|
161429
|
-
|
|
161420
|
+
width = layoutInfo.width - 28 - layoutInfo.minimap.minimapWidth - 15;
|
|
161430
161421
|
this._resized = true;
|
|
161431
161422
|
}
|
|
161432
|
-
this._domNode.style.width = `${
|
|
161423
|
+
this._domNode.style.width = `${width}px`;
|
|
161433
161424
|
if (this._isReplaceVisible) {
|
|
161434
161425
|
this._replaceInput.width = getTotalWidth(this._findInput.domNode);
|
|
161435
161426
|
}
|
|
@@ -169755,8 +169746,8 @@ let ParameterHintsWidget = class ParameterHintsWidget2 extends Disposable {
|
|
|
169755
169746
|
if (!this.domNodes) {
|
|
169756
169747
|
return;
|
|
169757
169748
|
}
|
|
169758
|
-
const
|
|
169759
|
-
const maxHeight = `${
|
|
169749
|
+
const height = Math.max(this.editor.getLayoutInfo().height / 4, 250);
|
|
169750
|
+
const maxHeight = `${height}px`;
|
|
169760
169751
|
this.domNodes.element.style.maxHeight = maxHeight;
|
|
169761
169752
|
const wrapper = this.domNodes.element.getElementsByClassName("phwrapper");
|
|
169762
169753
|
if (wrapper.length) {
|
|
@@ -174352,7 +174343,7 @@ const EditorLayout = newStyled.div`
|
|
|
174352
174343
|
}
|
|
174353
174344
|
|
|
174354
174345
|
.active {
|
|
174355
|
-
background: #
|
|
174346
|
+
background: #005391;
|
|
174356
174347
|
box-shadow: 0px 1px 0px 0 #333;
|
|
174357
174348
|
/* border-left: 1px solid rgb(42 96 231);
|
|
174358
174349
|
border-right: 1px solid rgb(42 96 231); */
|
|
@@ -190302,6 +190293,9 @@ const Editor = ({
|
|
|
190302
190293
|
}, [userList]);
|
|
190303
190294
|
react.exports.useEffect(() => {
|
|
190304
190295
|
console.log(CRDTInfo2);
|
|
190296
|
+
console.log(docFile);
|
|
190297
|
+
if (/\/$/.test(docFile == null ? void 0 : docFile.path))
|
|
190298
|
+
return;
|
|
190305
190299
|
updateModel(file);
|
|
190306
190300
|
}, [docFile]);
|
|
190307
190301
|
return /* @__PURE__ */ jsx(FollowLayout, {
|
|
@@ -190317,7 +190311,7 @@ const Editor = ({
|
|
|
190317
190311
|
onClick: () => {
|
|
190318
190312
|
switchModel(f2.model);
|
|
190319
190313
|
},
|
|
190320
|
-
children: f2.label.
|
|
190314
|
+
children: f2.label.split("/").slice(-1)[0]
|
|
190321
190315
|
}, index2))
|
|
190322
190316
|
}) : null, /* @__PURE__ */ jsx(ContentLayout, {
|
|
190323
190317
|
ref: divEl,
|
|
@@ -197706,6 +197700,7 @@ const TerminalComponent = (_h2) => {
|
|
|
197706
197700
|
const {
|
|
197707
197701
|
CRDTInfo: CRDTInfo2
|
|
197708
197702
|
} = oTStore((state2) => state2);
|
|
197703
|
+
const socket2 = useOT((state2) => state2.socket);
|
|
197709
197704
|
const initTerminalText = (terminal2, text2) => {
|
|
197710
197705
|
terminal2.write("\r\n");
|
|
197711
197706
|
terminal2.clear();
|
|
@@ -197789,6 +197784,41 @@ const TerminalComponent = (_h2) => {
|
|
|
197789
197784
|
}
|
|
197790
197785
|
}
|
|
197791
197786
|
}, [CRDTInfo2.terminal]);
|
|
197787
|
+
react.exports.useEffect(() => {
|
|
197788
|
+
socket2 == null ? void 0 : socket2.on("terminal", (d2) => {
|
|
197789
|
+
var _a2, _b2, _c2, _d2;
|
|
197790
|
+
const CRDTInfo22 = JSON.parse(d2);
|
|
197791
|
+
const crdt = CRDTInfo22.terminal;
|
|
197792
|
+
if (terminal && crdt) {
|
|
197793
|
+
if (((_a2 = crdt == null ? void 0 : crdt.doc) == null ? void 0 : _a2.action) === "Get") {
|
|
197794
|
+
initTerminalText(terminal, ((_b2 = crdt == null ? void 0 : crdt.doc) == null ? void 0 : _b2.value) || "");
|
|
197795
|
+
return;
|
|
197796
|
+
}
|
|
197797
|
+
writeText(terminal, ((_c2 = crdt == null ? void 0 : crdt.doc) == null ? void 0 : _c2.value) || "");
|
|
197798
|
+
const helperContainer = (_d2 = terminal == null ? void 0 : terminal._core) == null ? void 0 : _d2._helperContainer;
|
|
197799
|
+
const childNode = helperContainer == null ? void 0 : helperContainer.firstChild;
|
|
197800
|
+
userLabel.style.top = childNode.style.top;
|
|
197801
|
+
userLabel.style.left = childNode.style.left;
|
|
197802
|
+
helperContainer == null ? void 0 : helperContainer.appendChild(userLabel);
|
|
197803
|
+
const timer = setTimeout(() => {
|
|
197804
|
+
helperContainer == null ? void 0 : helperContainer.removeChild(userLabel);
|
|
197805
|
+
terminal.setOption("theme", __spreadProps(__spreadValues({}, terminal.getOption("theme")), {
|
|
197806
|
+
cursor: "#ffffff"
|
|
197807
|
+
}));
|
|
197808
|
+
}, 6e3);
|
|
197809
|
+
return () => {
|
|
197810
|
+
try {
|
|
197811
|
+
helperContainer == null ? void 0 : helperContainer.removeChild(userLabel);
|
|
197812
|
+
} catch (_2) {
|
|
197813
|
+
}
|
|
197814
|
+
terminal.setOption("theme", __spreadProps(__spreadValues({}, terminal.getOption("theme")), {
|
|
197815
|
+
cursor: "#ffffff"
|
|
197816
|
+
}));
|
|
197817
|
+
clearTimeout(timer);
|
|
197818
|
+
};
|
|
197819
|
+
}
|
|
197820
|
+
});
|
|
197821
|
+
}, [socket2]);
|
|
197792
197822
|
return /* @__PURE__ */ jsx(FollowLayout, {
|
|
197793
197823
|
name: "terminal",
|
|
197794
197824
|
children: /* @__PURE__ */ jsx("div", {
|
|
@@ -198149,7 +198179,7 @@ function SkeletonTheme(_n) {
|
|
|
198149
198179
|
return React.createElement(SkeletonThemeContext.Provider, { value: styleOptions }, children);
|
|
198150
198180
|
}
|
|
198151
198181
|
const defaultEnableAnimation = true;
|
|
198152
|
-
function styleOptionsToCssProperties({ baseColor, highlightColor, width
|
|
198182
|
+
function styleOptionsToCssProperties({ baseColor, highlightColor, width, height, borderRadius, circle, direction, duration, enableAnimation = defaultEnableAnimation }) {
|
|
198153
198183
|
const style = {};
|
|
198154
198184
|
if (direction === "rtl")
|
|
198155
198185
|
style["--animation-direction"] = "reverse";
|
|
@@ -198157,10 +198187,10 @@ function styleOptionsToCssProperties({ baseColor, highlightColor, width: width2,
|
|
|
198157
198187
|
style["--animation-duration"] = `${duration}s`;
|
|
198158
198188
|
if (!enableAnimation)
|
|
198159
198189
|
style["--pseudo-element-display"] = "none";
|
|
198160
|
-
if (typeof
|
|
198161
|
-
style.width =
|
|
198162
|
-
if (typeof
|
|
198163
|
-
style.height =
|
|
198190
|
+
if (typeof width === "string" || typeof width === "number")
|
|
198191
|
+
style.width = width;
|
|
198192
|
+
if (typeof height === "string" || typeof height === "number")
|
|
198193
|
+
style.height = height;
|
|
198164
198194
|
if (typeof borderRadius === "string" || typeof borderRadius === "number")
|
|
198165
198195
|
style.borderRadius = borderRadius;
|
|
198166
198196
|
if (circle)
|
|
@@ -198358,90 +198388,6 @@ const ToolBar = (_r) => {
|
|
|
198358
198388
|
})]
|
|
198359
198389
|
});
|
|
198360
198390
|
};
|
|
198361
|
-
const width = "20";
|
|
198362
|
-
const height = "20";
|
|
198363
|
-
const MultiPlayerCursorLayout = newStyled.svg`
|
|
198364
|
-
position: fixed;
|
|
198365
|
-
left: 0;
|
|
198366
|
-
top: 0;
|
|
198367
|
-
|
|
198368
|
-
width: ${(props2) => props2.width}px;
|
|
198369
|
-
height: ${(props2) => props2.height}px;
|
|
198370
|
-
z-index: 9;
|
|
198371
|
-
transition: all 0.3s;
|
|
198372
|
-
`;
|
|
198373
|
-
const MultiPlayerCursor = () => {
|
|
198374
|
-
const [users, setUsers] = react.exports.useState(null);
|
|
198375
|
-
const CRDTInfo2 = oTStore((state2) => state2.CRDTInfo);
|
|
198376
|
-
const throttled = lodash$2.exports.throttle((a) => {
|
|
198377
|
-
var _a2, _b2;
|
|
198378
|
-
(_b2 = (_a2 = useOT.getState()) == null ? void 0 : _a2.socket) == null ? void 0 : _b2.emit("extraSync", JSON.stringify(a));
|
|
198379
|
-
}, 300);
|
|
198380
|
-
react.exports.useEffect(() => {
|
|
198381
|
-
const {
|
|
198382
|
-
userList
|
|
198383
|
-
} = userListStore.getState();
|
|
198384
|
-
setUsers(userList.map((_user) => {
|
|
198385
|
-
if (_user.uuid === CRDTInfo2.userInfo.uuid) {
|
|
198386
|
-
_user.cursor = CRDTInfo2.extend;
|
|
198387
|
-
}
|
|
198388
|
-
return _user;
|
|
198389
|
-
}));
|
|
198390
|
-
}, [CRDTInfo2]);
|
|
198391
|
-
react.exports.useEffect(() => {
|
|
198392
|
-
const {
|
|
198393
|
-
userInfo
|
|
198394
|
-
} = userStore.getState();
|
|
198395
|
-
window.addEventListener("mousemove", (evt) => {
|
|
198396
|
-
const {
|
|
198397
|
-
globalData
|
|
198398
|
-
} = oTStore.getState();
|
|
198399
|
-
if (!globalData.syncCursor)
|
|
198400
|
-
return;
|
|
198401
|
-
const crdt = {
|
|
198402
|
-
timestamp: Date.now(),
|
|
198403
|
-
userInfo: lodash$2.exports.pick(userInfo, "uuid", "role"),
|
|
198404
|
-
extend: {
|
|
198405
|
-
type: "mousemove",
|
|
198406
|
-
left: evt.clientX.toFixed(3),
|
|
198407
|
-
top: evt.clientY.toFixed(3),
|
|
198408
|
-
width: window.innerWidth,
|
|
198409
|
-
height: window.innerHeight
|
|
198410
|
-
}
|
|
198411
|
-
};
|
|
198412
|
-
throttled(crdt);
|
|
198413
|
-
}, false);
|
|
198414
|
-
}, []);
|
|
198415
|
-
return /* @__PURE__ */ jsx(Fragment, {
|
|
198416
|
-
children: oTStore.getState().globalData.syncCursor && (users == null ? void 0 : users.map((item, index2) => {
|
|
198417
|
-
var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
|
|
198418
|
-
return !IsMe(item) ? /* @__PURE__ */ jsxs(MultiPlayerCursorLayout, {
|
|
198419
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
198420
|
-
width,
|
|
198421
|
-
height,
|
|
198422
|
-
viewBox: "0 0 1024 1024",
|
|
198423
|
-
className: `multi-player ${Number((_a2 = item.cursor) == null ? void 0 : _a2.top) * window.innerHeight / ((_b2 = item.cursor) == null ? void 0 : _b2.height)}///${(_c2 = item.cursor) == null ? void 0 : _c2.top}`,
|
|
198424
|
-
version: "1.1",
|
|
198425
|
-
"p-id": "4512",
|
|
198426
|
-
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
198427
|
-
color: item.color,
|
|
198428
|
-
style: {
|
|
198429
|
-
left: `${Number((_d2 = item.cursor) == null ? void 0 : _d2.left) * window.innerWidth / ((_e2 = item.cursor) == null ? void 0 : _e2.width)}px`,
|
|
198430
|
-
top: `${Number((_f2 = item.cursor) == null ? void 0 : _f2.top) * window.innerHeight / ((_g2 = item.cursor) == null ? void 0 : _g2.height)}px`
|
|
198431
|
-
},
|
|
198432
|
-
children: [/* @__PURE__ */ jsx("defs", {
|
|
198433
|
-
children: /* @__PURE__ */ jsx("style", {
|
|
198434
|
-
type: "text/css"
|
|
198435
|
-
})
|
|
198436
|
-
}), /* @__PURE__ */ jsx("path", {
|
|
198437
|
-
d: "M370.048 97.706667L815.786667 403.285333c90.410667 61.994667 66.176 201.472-39.808 229.376l-167.893334 44.202667 123.648 214.101333a32 32 0 1 1-55.466666 32l-123.605334-214.101333-122.24 123.306667c-77.141333 77.824-210.048 29.013333-218.538666-80.213334l-41.813334-538.88C161.706667 105.941333 281.344 36.864 370.048 97.706667z m-36.181333 52.736C290.986667 121.088 233.813333 152.32 233.642667 202.709333l0.213333 5.461334 41.813333 538.88c4.138667 52.693333 66.048 77.226667 105.045334 44.032l4.266666-3.925334 121.002667-122.112a192 192 0 0 1 76.544-47.274666l10.922667-3.242667 166.272-43.733333c51.072-13.44 64.170667-78.762667 24.490666-111.232l-4.608-3.413334L333.866667 150.4z",
|
|
198438
|
-
fill: item.color,
|
|
198439
|
-
"p-id": "4513"
|
|
198440
|
-
})]
|
|
198441
|
-
}, index2) : null;
|
|
198442
|
-
}))
|
|
198443
|
-
});
|
|
198444
|
-
};
|
|
198445
198391
|
var LanguageIcon;
|
|
198446
198392
|
(function(LanguageIcon2) {
|
|
198447
198393
|
LanguageIcon2["js"] = "javascript";
|
|
@@ -198571,7 +198517,7 @@ const Index = (props2) => {
|
|
|
198571
198517
|
return /* @__PURE__ */ jsx(Fragment, {
|
|
198572
198518
|
children: /* @__PURE__ */ jsxs(MainLayout, {
|
|
198573
198519
|
className: "flex flex-col",
|
|
198574
|
-
children: [/* @__PURE__ */ jsx(
|
|
198520
|
+
children: [/* @__PURE__ */ jsx(HeaderComponent, {}), /* @__PURE__ */ jsxs(ContainerLayout, {
|
|
198575
198521
|
className: "flex flex-1 mt-2.5 flex-row",
|
|
198576
198522
|
children: [/* @__PURE__ */ jsx("section", {
|
|
198577
198523
|
className: "flex flex-row",
|