You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1670 lines
66 KiB
1670 lines
66 KiB
5 years ago
|
webpackJsonp([142],{
|
||
|
|
|
||
|
|
/***/ 1067:
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) {
|
||
|
|
return obj && obj.__esModule ? obj : {
|
||
|
|
default: obj
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _interopRequireDefault;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1269:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
__webpack_require__(27);
|
||
|
|
|
||
|
|
__webpack_require__(1357);
|
||
|
|
//# sourceMappingURL=css.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1357:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
// style-loader: Adds some css to the DOM by adding a <style> tag
|
||
|
|
|
||
|
|
// load the styles
|
||
|
|
var content = __webpack_require__(1358);
|
||
|
|
if(typeof content === 'string') content = [[module.i, content, '']];
|
||
|
|
// Prepare cssTransformation
|
||
|
|
var transform;
|
||
|
|
|
||
|
|
var options = {"hmr":false}
|
||
|
|
options.transform = transform
|
||
|
|
// add the styles to the DOM
|
||
|
|
var update = __webpack_require__(291)(content, options);
|
||
|
|
if(content.locals) module.exports = content.locals;
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1358:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
exports = module.exports = __webpack_require__(290)(true);
|
||
|
|
// imports
|
||
|
|
|
||
|
|
|
||
|
|
// module
|
||
|
|
exports.push([module.i, ".ant-popover{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.65);font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;-webkit-font-feature-settings:\"tnum\";font-feature-settings:\"tnum\";position:absolute;top:0;left:0;z-index:1030;font-weight:400;white-space:normal;text-align:left;cursor:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ant-popover:after{position:absolute;background:hsla(0,0%,100%,.01);content:\"\"}.ant-popover-hidden{display:none}.ant-popover-placement-top,.ant-popover-placement-topLeft,.ant-popover-placement-topRight{padding-bottom:10px}.ant-popover-placement-right,.ant-popover-placement-rightBottom,.ant-popover-placement-rightTop{padding-left:10px}.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight{padding-top:10px}.ant-popover-placement-left,.ant-popover-placement-leftBottom,.ant-popover-placement-leftTop{padding-right:10px}.ant-popover-inner{background-color:#fff;background-clip:padding-box;border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);-webkit-box-shadow:0 0 8px rgba(0,0,0,.15)\\9;box-shadow:0 0 8px rgba(0,0,0,.15)\\9}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.ant-popover-inner{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15)}}.ant-popover-title{min-width:177px;min-height:32px;margin:0;padding:5px 16px 4px;color:rgba(0,0,0,.85);font-weight:500;border-bottom:1px solid #e8e8e8}.ant-popover-inner-content{padding:12px 16px;color:rgba(0,0,0,.65)}.ant-popover-message{position:relative;padding:4px 0 12px;color:rgba(0,0,0,.65);font-size:14px}.ant-popover-message>.anticon{position:absolute;top:8px;color:#faad14;font-size:14px}.ant-popover-message-title{padding-left:22px}.ant-popover-buttons{margin-bottom:4px;text-align:right}.ant-popover-buttons button{margin-left:8px}.ant-popover-arrow{position:absolute;display:block;width:8.48528137px;height:8.48528137px;background:transparent;border-style:solid;border-width:4.24264069px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{bottom:6.2px;border-top-color:transparent;border-right-color:#fff;border-bottom-color:#fff;border-left-color:transparent;-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.07);box-shadow:3px 3px 7px rgba(0,0,0,.07)}.ant-popover-placement-top>.ant-popover-content>.ant-popover-arrow{left:50%;-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow{left:16px}.ant-popover-placement-topRight>.ant-popover-content>.ant-popover-arrow{right:16px}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{left:6px;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#fff;border-left-color:#fff;-webkit-box-shadow:-3px 3px 7px rgba(0,0,0,.07);box-shadow:-3px 3px 7px rgba(0,0,0,.07)}.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow{top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.ant-popover-placement-rightTop>.ant-popover-content>.ant-popover-arrow{top:12px}.ant-popover-placement-rightBottom>.ant-popover-content>.ant-popover-arrow{bottom:12px}.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomLeft>.ant-popover-content>.ant-popover-arrow,.ant-popover-placement-bottomRight>.ant-popover-content>.ant-popover-arrow{top:6px;border-top-color:#fff;border-righ
|
||
|
|
|
||
|
|
// exports
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1369:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
var _Object$defineProperty = __webpack_require__(1550);
|
||
|
|
|
||
|
|
function _defineProperty(obj, key, value) {
|
||
|
|
if (key in obj) {
|
||
|
|
_Object$defineProperty(obj, key, {
|
||
|
|
value: value,
|
||
|
|
enumerable: true,
|
||
|
|
configurable: true,
|
||
|
|
writable: true
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
obj[key] = value;
|
||
|
|
}
|
||
|
|
|
||
|
|
return obj;
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _defineProperty;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1370:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "monaco", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function get() {
|
||
|
|
return _monaco["default"];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "noop", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function get() {
|
||
|
|
return _noop["default"];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "deepMerge", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function get() {
|
||
|
|
return _deepMerge["default"];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var _monaco = _interopRequireDefault(__webpack_require__(1834));
|
||
|
|
|
||
|
|
var _noop = _interopRequireDefault(__webpack_require__(1838));
|
||
|
|
|
||
|
|
var _deepMerge = _interopRequireDefault(__webpack_require__(1839));
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1492:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var React = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _reactLifecyclesCompat = __webpack_require__(7);
|
||
|
|
|
||
|
|
var _tooltip = _interopRequireDefault(__webpack_require__(164));
|
||
|
|
|
||
|
|
var _icon = _interopRequireDefault(__webpack_require__(25));
|
||
|
|
|
||
|
|
var _button = _interopRequireDefault(__webpack_require__(73));
|
||
|
|
|
||
|
|
var _LocaleReceiver = _interopRequireDefault(__webpack_require__(70));
|
||
|
|
|
||
|
|
var _default2 = _interopRequireDefault(__webpack_require__(173));
|
||
|
|
|
||
|
|
var _configProvider = __webpack_require__(9);
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||
|
|
|
||
|
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
||
|
|
|
||
|
|
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
||
|
|
|
||
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||
|
|
|
||
|
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||
|
|
|
||
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||
|
|
|
||
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||
|
|
|
||
|
|
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||
|
|
|
||
|
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||
|
|
|
||
|
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||
|
|
|
||
|
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||
|
|
|
||
|
|
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||
|
|
|
||
|
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
||
|
|
var t = {};
|
||
|
|
|
||
|
|
for (var p in s) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
||
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
||
|
|
}
|
||
|
|
return t;
|
||
|
|
};
|
||
|
|
|
||
|
|
var Popconfirm =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function (_React$Component) {
|
||
|
|
_inherits(Popconfirm, _React$Component);
|
||
|
|
|
||
|
|
function Popconfirm(props) {
|
||
|
|
var _this;
|
||
|
|
|
||
|
|
_classCallCheck(this, Popconfirm);
|
||
|
|
|
||
|
|
_this = _possibleConstructorReturn(this, _getPrototypeOf(Popconfirm).call(this, props));
|
||
|
|
|
||
|
|
_this.onConfirm = function (e) {
|
||
|
|
_this.setVisible(false, e);
|
||
|
|
|
||
|
|
var onConfirm = _this.props.onConfirm;
|
||
|
|
|
||
|
|
if (onConfirm) {
|
||
|
|
onConfirm.call(_assertThisInitialized(_this), e);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.onCancel = function (e) {
|
||
|
|
_this.setVisible(false, e);
|
||
|
|
|
||
|
|
var onCancel = _this.props.onCancel;
|
||
|
|
|
||
|
|
if (onCancel) {
|
||
|
|
onCancel.call(_assertThisInitialized(_this), e);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.onVisibleChange = function (visible) {
|
||
|
|
var disabled = _this.props.disabled;
|
||
|
|
|
||
|
|
if (disabled) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
_this.setVisible(visible);
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.saveTooltip = function (node) {
|
||
|
|
_this.tooltip = node;
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.renderOverlay = function (prefixCls, popconfirmLocale) {
|
||
|
|
var _this$props = _this.props,
|
||
|
|
okButtonProps = _this$props.okButtonProps,
|
||
|
|
cancelButtonProps = _this$props.cancelButtonProps,
|
||
|
|
title = _this$props.title,
|
||
|
|
cancelText = _this$props.cancelText,
|
||
|
|
okText = _this$props.okText,
|
||
|
|
okType = _this$props.okType,
|
||
|
|
icon = _this$props.icon;
|
||
|
|
return React.createElement("div", null, React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-inner-content")
|
||
|
|
}, React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-message")
|
||
|
|
}, icon, React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-message-title")
|
||
|
|
}, title)), React.createElement("div", {
|
||
|
|
className: "".concat(prefixCls, "-buttons")
|
||
|
|
}, React.createElement(_button["default"], _extends({
|
||
|
|
onClick: _this.onCancel,
|
||
|
|
size: "small"
|
||
|
|
}, cancelButtonProps), cancelText || popconfirmLocale.cancelText), React.createElement(_button["default"], _extends({
|
||
|
|
onClick: _this.onConfirm,
|
||
|
|
type: okType,
|
||
|
|
size: "small"
|
||
|
|
}, okButtonProps), okText || popconfirmLocale.okText))));
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.renderConfirm = function (_ref) {
|
||
|
|
var getPrefixCls = _ref.getPrefixCls;
|
||
|
|
|
||
|
|
var _a = _this.props,
|
||
|
|
customizePrefixCls = _a.prefixCls,
|
||
|
|
placement = _a.placement,
|
||
|
|
restProps = __rest(_a, ["prefixCls", "placement"]);
|
||
|
|
|
||
|
|
var prefixCls = getPrefixCls('popover', customizePrefixCls);
|
||
|
|
var overlay = React.createElement(_LocaleReceiver["default"], {
|
||
|
|
componentName: "Popconfirm",
|
||
|
|
defaultLocale: _default2["default"].Popconfirm
|
||
|
|
}, function (popconfirmLocale) {
|
||
|
|
return _this.renderOverlay(prefixCls, popconfirmLocale);
|
||
|
|
});
|
||
|
|
return React.createElement(_tooltip["default"], _extends({}, restProps, {
|
||
|
|
prefixCls: prefixCls,
|
||
|
|
placement: placement,
|
||
|
|
onVisibleChange: _this.onVisibleChange,
|
||
|
|
visible: _this.state.visible,
|
||
|
|
overlay: overlay,
|
||
|
|
ref: _this.saveTooltip
|
||
|
|
}));
|
||
|
|
};
|
||
|
|
|
||
|
|
_this.state = {
|
||
|
|
visible: props.visible
|
||
|
|
};
|
||
|
|
return _this;
|
||
|
|
}
|
||
|
|
|
||
|
|
_createClass(Popconfirm, [{
|
||
|
|
key: "getPopupDomNode",
|
||
|
|
value: function getPopupDomNode() {
|
||
|
|
return this.tooltip.getPopupDomNode();
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "setVisible",
|
||
|
|
value: function setVisible(visible, e) {
|
||
|
|
var props = this.props;
|
||
|
|
|
||
|
|
if (!('visible' in props)) {
|
||
|
|
this.setState({
|
||
|
|
visible: visible
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
var onVisibleChange = props.onVisibleChange;
|
||
|
|
|
||
|
|
if (onVisibleChange) {
|
||
|
|
onVisibleChange(visible, e);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "render",
|
||
|
|
value: function render() {
|
||
|
|
return React.createElement(_configProvider.ConfigConsumer, null, this.renderConfirm);
|
||
|
|
}
|
||
|
|
}], [{
|
||
|
|
key: "getDerivedStateFromProps",
|
||
|
|
value: function getDerivedStateFromProps(nextProps) {
|
||
|
|
if ('visible' in nextProps) {
|
||
|
|
return {
|
||
|
|
visible: nextProps.visible
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
if ('defaultVisible' in nextProps) {
|
||
|
|
return {
|
||
|
|
visible: nextProps.defaultVisible
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
|
||
|
|
return Popconfirm;
|
||
|
|
}(React.Component);
|
||
|
|
|
||
|
|
Popconfirm.defaultProps = {
|
||
|
|
transitionName: 'zoom-big',
|
||
|
|
placement: 'top',
|
||
|
|
trigger: 'click',
|
||
|
|
okType: 'primary',
|
||
|
|
icon: React.createElement(_icon["default"], {
|
||
|
|
type: "exclamation-circle",
|
||
|
|
theme: "filled"
|
||
|
|
}),
|
||
|
|
disabled: false
|
||
|
|
};
|
||
|
|
(0, _reactLifecyclesCompat.polyfill)(Popconfirm);
|
||
|
|
var _default = Popconfirm;
|
||
|
|
exports["default"] = _default;
|
||
|
|
//# sourceMappingURL=index.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1493:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
__webpack_require__(27);
|
||
|
|
|
||
|
|
__webpack_require__(1269);
|
||
|
|
|
||
|
|
__webpack_require__(87);
|
||
|
|
//# sourceMappingURL=css.js.map
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1549:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
var _Object$getOwnPropertyDescriptor = __webpack_require__(1821);
|
||
|
|
|
||
|
|
var _Object$defineProperty = __webpack_require__(1550);
|
||
|
|
|
||
|
|
function _interopRequireWildcard(obj) {
|
||
|
|
if (obj && obj.__esModule) {
|
||
|
|
return obj;
|
||
|
|
} else {
|
||
|
|
var newObj = {};
|
||
|
|
|
||
|
|
if (obj != null) {
|
||
|
|
for (var key in obj) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(obj, key)) {
|
||
|
|
var desc = _Object$defineProperty && _Object$getOwnPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : {};
|
||
|
|
|
||
|
|
if (desc.get || desc.set) {
|
||
|
|
_Object$defineProperty(newObj, key, desc);
|
||
|
|
} else {
|
||
|
|
newObj[key] = obj[key];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
newObj.default = obj;
|
||
|
|
return newObj;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _interopRequireWildcard;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1550:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
module.exports = __webpack_require__(343);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1586:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "DiffEditor", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function get() {
|
||
|
|
return _DiffEditor["default"];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "ControlledEditor", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function get() {
|
||
|
|
return _ControlledEditor["default"];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "monaco", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function get() {
|
||
|
|
return _utils.monaco;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _Editor = _interopRequireDefault(__webpack_require__(1819));
|
||
|
|
|
||
|
|
var _DiffEditor = _interopRequireDefault(__webpack_require__(1842));
|
||
|
|
|
||
|
|
var _ControlledEditor = _interopRequireDefault(__webpack_require__(1844));
|
||
|
|
|
||
|
|
var _utils = __webpack_require__(1370);
|
||
|
|
|
||
|
|
var _default = _Editor["default"];
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1647:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
var arrayWithHoles = __webpack_require__(1824);
|
||
|
|
|
||
|
|
var iterableToArrayLimit = __webpack_require__(1825);
|
||
|
|
|
||
|
|
var nonIterableRest = __webpack_require__(1829);
|
||
|
|
|
||
|
|
function _slicedToArray(arr, i) {
|
||
|
|
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || nonIterableRest();
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _slicedToArray;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1648:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _react = __webpack_require__(0);
|
||
|
|
|
||
|
|
var _MonacoContainer = _interopRequireDefault(__webpack_require__(1830));
|
||
|
|
|
||
|
|
var _default = (0, _react.memo)(_MonacoContainer["default"]);
|
||
|
|
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1649:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "useMount", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function get() {
|
||
|
|
return _useMount["default"];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
Object.defineProperty(exports, "useUpdate", {
|
||
|
|
enumerable: true,
|
||
|
|
get: function get() {
|
||
|
|
return _useUpdate["default"];
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
var _useMount = _interopRequireDefault(__webpack_require__(1840));
|
||
|
|
|
||
|
|
var _useUpdate = _interopRequireDefault(__webpack_require__(1841));
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1650:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
var themes = {
|
||
|
|
'night-dark': {
|
||
|
|
base: 'vs-dark',
|
||
|
|
inherit: true,
|
||
|
|
rules: [],
|
||
|
|
colors: {
|
||
|
|
'editor.background': '#202124'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var _default = themes;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1819:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _react = __webpack_require__(0);
|
||
|
|
|
||
|
|
var _Editor = _interopRequireDefault(__webpack_require__(1820));
|
||
|
|
|
||
|
|
var _default = (0, _react.memo)(_Editor["default"]);
|
||
|
|
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1820:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireWildcard = __webpack_require__(1549);
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(1369));
|
||
|
|
|
||
|
|
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(1647));
|
||
|
|
|
||
|
|
var _react = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
||
|
|
|
||
|
|
var _MonacoContainer = _interopRequireDefault(__webpack_require__(1648));
|
||
|
|
|
||
|
|
var _utils = __webpack_require__(1370);
|
||
|
|
|
||
|
|
var _hooks = __webpack_require__(1649);
|
||
|
|
|
||
|
|
var _themes = _interopRequireDefault(__webpack_require__(1650));
|
||
|
|
|
||
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||
|
|
|
||
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||
|
|
|
||
|
|
var Editor = function Editor(_ref) {
|
||
|
|
var value = _ref.value,
|
||
|
|
language = _ref.language,
|
||
|
|
editorDidMount = _ref.editorDidMount,
|
||
|
|
theme = _ref.theme,
|
||
|
|
line = _ref.line,
|
||
|
|
width = _ref.width,
|
||
|
|
height = _ref.height,
|
||
|
|
loading = _ref.loading,
|
||
|
|
options = _ref.options,
|
||
|
|
_isControlledMode = _ref._isControlledMode;
|
||
|
|
|
||
|
|
var _useState = (0, _react.useState)(false),
|
||
|
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
||
|
|
isEditorReady = _useState2[0],
|
||
|
|
setIsEditorReady = _useState2[1];
|
||
|
|
|
||
|
|
var _useState3 = (0, _react.useState)(true),
|
||
|
|
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
||
|
|
isMonacoMounting = _useState4[0],
|
||
|
|
setIsMonacoMounting = _useState4[1];
|
||
|
|
|
||
|
|
var editorRef = (0, _react.useRef)();
|
||
|
|
var monacoRef = (0, _react.useRef)();
|
||
|
|
var containerRef = (0, _react.useRef)();
|
||
|
|
(0, _hooks.useMount)(function (_) {
|
||
|
|
_utils.monaco.init().then(function (monaco) {
|
||
|
|
return (monacoRef.current = monaco) && setIsMonacoMounting(false);
|
||
|
|
})["catch"](function (error) {
|
||
|
|
return console.error('An error occurred during initialization of Monaco: ', error);
|
||
|
|
});
|
||
|
|
|
||
|
|
return removeEditor;
|
||
|
|
});
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
if (options.readOnly) {
|
||
|
|
editorRef.current.setValue(value);
|
||
|
|
} else {
|
||
|
|
editorRef.current.executeEdits('', [{
|
||
|
|
range: editorRef.current.getModel().getFullModelRange(),
|
||
|
|
text: value
|
||
|
|
}]);
|
||
|
|
|
||
|
|
if (_isControlledMode) {
|
||
|
|
var model = editorRef.current.getModel();
|
||
|
|
model.forceTokenization(model.getLineCount());
|
||
|
|
}
|
||
|
|
|
||
|
|
editorRef.current.pushUndoStop();
|
||
|
|
}
|
||
|
|
}, [value], isEditorReady);
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
// set last value by .setValue method before changing the language
|
||
|
|
editorRef.current.setValue(value);
|
||
|
|
monacoRef.current.editor.setModelLanguage(editorRef.current.getModel(), language);
|
||
|
|
}, [language], isEditorReady);
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
editorRef.current.setScrollPosition({
|
||
|
|
scrollTop: line
|
||
|
|
});
|
||
|
|
}, [line], isEditorReady);
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
monacoRef.current.editor.setTheme(theme);
|
||
|
|
}, [theme], isEditorReady);
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
editorRef.current.updateOptions(options);
|
||
|
|
}, [options], isEditorReady);
|
||
|
|
var createEditor = (0, _react.useCallback)(function (_) {
|
||
|
|
editorRef.current = monacoRef.current.editor.create(containerRef.current, _objectSpread({
|
||
|
|
value: value,
|
||
|
|
language: language,
|
||
|
|
automaticLayout: true
|
||
|
|
}, options));
|
||
|
|
editorDidMount(editorRef.current.getValue.bind(editorRef.current), editorRef.current);
|
||
|
|
monacoRef.current.editor.defineTheme('dark', _themes["default"]['night-dark']);
|
||
|
|
monacoRef.current.editor.setTheme(theme);
|
||
|
|
setIsEditorReady(true);
|
||
|
|
}, [editorDidMount, language, options, theme, value]);
|
||
|
|
(0, _react.useEffect)(function (_) {
|
||
|
|
!isMonacoMounting && !isEditorReady && createEditor();
|
||
|
|
}, [isMonacoMounting, isEditorReady, createEditor]);
|
||
|
|
|
||
|
|
var removeEditor = function removeEditor(_) {
|
||
|
|
return editorRef.current && editorRef.current.dispose();
|
||
|
|
};
|
||
|
|
|
||
|
|
return _react["default"].createElement(_MonacoContainer["default"], {
|
||
|
|
width: width,
|
||
|
|
height: height,
|
||
|
|
isEditorReady: isEditorReady,
|
||
|
|
loading: loading,
|
||
|
|
_ref: containerRef
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
Editor.propTypes = {
|
||
|
|
value: _propTypes["default"].string,
|
||
|
|
language: _propTypes["default"].string,
|
||
|
|
editorDidMount: _propTypes["default"].func,
|
||
|
|
theme: _propTypes["default"].string,
|
||
|
|
line: _propTypes["default"].number,
|
||
|
|
width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
||
|
|
height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
||
|
|
loading: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
|
||
|
|
options: _propTypes["default"].object,
|
||
|
|
_isControlledMode: _propTypes["default"].bool
|
||
|
|
};
|
||
|
|
Editor.defaultProps = {
|
||
|
|
editorDidMount: _utils.noop,
|
||
|
|
theme: 'light',
|
||
|
|
width: '100%',
|
||
|
|
height: '100%',
|
||
|
|
loading: 'Loading...',
|
||
|
|
options: {},
|
||
|
|
_isControlledMode: false
|
||
|
|
};
|
||
|
|
var _default = Editor;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1821:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
module.exports = __webpack_require__(1822);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1822:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
__webpack_require__(1823);
|
||
|
|
var $Object = __webpack_require__(19).Object;
|
||
|
|
module.exports = function getOwnPropertyDescriptor(it, key) {
|
||
|
|
return $Object.getOwnPropertyDescriptor(it, key);
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1823:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
// 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)
|
||
|
|
var toIObject = __webpack_require__(60);
|
||
|
|
var $getOwnPropertyDescriptor = __webpack_require__(191).f;
|
||
|
|
|
||
|
|
__webpack_require__(192)('getOwnPropertyDescriptor', function () {
|
||
|
|
return function getOwnPropertyDescriptor(it, key) {
|
||
|
|
return $getOwnPropertyDescriptor(toIObject(it), key);
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1824:
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
function _arrayWithHoles(arr) {
|
||
|
|
if (Array.isArray(arr)) return arr;
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _arrayWithHoles;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1825:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
var _getIterator = __webpack_require__(1826);
|
||
|
|
|
||
|
|
function _iterableToArrayLimit(arr, i) {
|
||
|
|
var _arr = [];
|
||
|
|
var _n = true;
|
||
|
|
var _d = false;
|
||
|
|
var _e = undefined;
|
||
|
|
|
||
|
|
try {
|
||
|
|
for (var _i = _getIterator(arr), _s; !(_n = (_s = _i.next()).done); _n = true) {
|
||
|
|
_arr.push(_s.value);
|
||
|
|
|
||
|
|
if (i && _arr.length === i) break;
|
||
|
|
}
|
||
|
|
} catch (err) {
|
||
|
|
_d = true;
|
||
|
|
_e = err;
|
||
|
|
} finally {
|
||
|
|
try {
|
||
|
|
if (!_n && _i["return"] != null) _i["return"]();
|
||
|
|
} finally {
|
||
|
|
if (_d) throw _e;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return _arr;
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _iterableToArrayLimit;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1826:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
module.exports = __webpack_require__(1827);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1827:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
__webpack_require__(190);
|
||
|
|
__webpack_require__(174);
|
||
|
|
module.exports = __webpack_require__(1828);
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1828:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
var anObject = __webpack_require__(52);
|
||
|
|
var get = __webpack_require__(311);
|
||
|
|
module.exports = __webpack_require__(19).getIterator = function (it) {
|
||
|
|
var iterFn = get(it);
|
||
|
|
if (typeof iterFn != 'function') throw TypeError(it + ' is not iterable!');
|
||
|
|
return anObject(iterFn.call(it));
|
||
|
|
};
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1829:
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
function _nonIterableRest() {
|
||
|
|
throw new TypeError("Invalid attempt to destructure non-iterable instance");
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _nonIterableRest;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1830:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(1369));
|
||
|
|
|
||
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
||
|
|
|
||
|
|
var _Loading = _interopRequireDefault(__webpack_require__(1831));
|
||
|
|
|
||
|
|
var _styles = _interopRequireDefault(__webpack_require__(1833));
|
||
|
|
|
||
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||
|
|
|
||
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||
|
|
|
||
|
|
// ** forwardref render functions do not support proptypes or defaultprops **
|
||
|
|
// one of the reasons why we use a separate prop for passing ref instead of using forwardref
|
||
|
|
var MonacoContainer = function MonacoContainer(_ref2) {
|
||
|
|
var width = _ref2.width,
|
||
|
|
height = _ref2.height,
|
||
|
|
isEditorReady = _ref2.isEditorReady,
|
||
|
|
loading = _ref2.loading,
|
||
|
|
_ref = _ref2._ref;
|
||
|
|
return _react["default"].createElement("section", {
|
||
|
|
style: _objectSpread({}, _styles["default"].wrapper, {
|
||
|
|
width: width,
|
||
|
|
height: height
|
||
|
|
})
|
||
|
|
}, !isEditorReady && _react["default"].createElement(_Loading["default"], {
|
||
|
|
content: loading
|
||
|
|
}), _react["default"].createElement("div", {
|
||
|
|
ref: _ref,
|
||
|
|
style: _objectSpread({}, _styles["default"].fullWidth, {}, !isEditorReady && _styles["default"].hide)
|
||
|
|
}));
|
||
|
|
};
|
||
|
|
|
||
|
|
MonacoContainer.propTypes = {
|
||
|
|
width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]).isRequired,
|
||
|
|
height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]).isRequired,
|
||
|
|
loading: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]).isRequired,
|
||
|
|
isEditorReady: _propTypes["default"].bool.isRequired
|
||
|
|
};
|
||
|
|
var _default = MonacoContainer;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1831:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _Loading = _interopRequireDefault(__webpack_require__(1832));
|
||
|
|
|
||
|
|
var _default = _Loading["default"];
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1832:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _react = _interopRequireDefault(__webpack_require__(0));
|
||
|
|
|
||
|
|
var loadingStyles = {
|
||
|
|
display: 'flex',
|
||
|
|
height: '100%',
|
||
|
|
width: '100%',
|
||
|
|
justifyContent: 'center',
|
||
|
|
alignItems: 'center'
|
||
|
|
};
|
||
|
|
|
||
|
|
function Loading(_ref) {
|
||
|
|
var content = _ref.content;
|
||
|
|
return _react["default"].createElement("div", {
|
||
|
|
style: loadingStyles
|
||
|
|
}, content);
|
||
|
|
}
|
||
|
|
|
||
|
|
var _default = Loading;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1833:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
var styles = {
|
||
|
|
wrapper: {
|
||
|
|
display: 'flex',
|
||
|
|
position: 'relative',
|
||
|
|
textAlign: 'initial'
|
||
|
|
},
|
||
|
|
fullWidth: {
|
||
|
|
width: '100%'
|
||
|
|
},
|
||
|
|
hide: {
|
||
|
|
display: 'none'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var _default = styles;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1834:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _classCallCheck2 = _interopRequireDefault(__webpack_require__(1835));
|
||
|
|
|
||
|
|
var _createClass2 = _interopRequireDefault(__webpack_require__(1836));
|
||
|
|
|
||
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(1369));
|
||
|
|
|
||
|
|
var _config2 = _interopRequireDefault(__webpack_require__(1837));
|
||
|
|
|
||
|
|
var _utils = __webpack_require__(1370);
|
||
|
|
|
||
|
|
var Monaco =
|
||
|
|
/*#__PURE__*/
|
||
|
|
function () {
|
||
|
|
function Monaco() {
|
||
|
|
var _this = this;
|
||
|
|
|
||
|
|
var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||
|
|
(0, _classCallCheck2["default"])(this, Monaco);
|
||
|
|
(0, _defineProperty2["default"])(this, "handleMainScriptLoad", function (_) {
|
||
|
|
document.removeEventListener('monaco_init', _this.handleMainScriptLoad);
|
||
|
|
|
||
|
|
_this.resolve(window.monaco);
|
||
|
|
});
|
||
|
|
(0, _defineProperty2["default"])(this, "isInitialized", false);
|
||
|
|
(0, _defineProperty2["default"])(this, "wrapperPromise", new Promise(function (res, rej) {
|
||
|
|
_this.resolve = res;
|
||
|
|
_this.reject = rej;
|
||
|
|
}));
|
||
|
|
this.__config = config;
|
||
|
|
}
|
||
|
|
|
||
|
|
(0, _createClass2["default"])(Monaco, [{
|
||
|
|
key: "config",
|
||
|
|
value: function config(_config) {
|
||
|
|
if (_config) {
|
||
|
|
this.__config = (0, _utils.deepMerge)(this.__config, _config);
|
||
|
|
}
|
||
|
|
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "injectScripts",
|
||
|
|
value: function injectScripts(script) {
|
||
|
|
document.body.appendChild(script);
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "createScript",
|
||
|
|
value: function createScript(src) {
|
||
|
|
var script = document.createElement('script');
|
||
|
|
return src && (script.src = src), script;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "createMonacoLoaderScript",
|
||
|
|
value: function createMonacoLoaderScript(mainScript) {
|
||
|
|
var _this2 = this;
|
||
|
|
|
||
|
|
var loaderScript = this.createScript(this.__config.urls.monacoLoader);
|
||
|
|
|
||
|
|
loaderScript.onload = function (_) {
|
||
|
|
return _this2.injectScripts(mainScript);
|
||
|
|
};
|
||
|
|
|
||
|
|
loaderScript.onerror = this.reject;
|
||
|
|
return loaderScript;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "createMainScript",
|
||
|
|
value: function createMainScript() {
|
||
|
|
var mainScript = this.createScript();
|
||
|
|
mainScript.innerHTML = "\n require.config({ paths: { 'vs': '".concat(this.__config.urls.monacoBase, "' } });\n require(['vs/editor/editor.main'], function() {\n document.dispatchEvent(new Event('monaco_init'));\n });\n ");
|
||
|
|
mainScript.onerror = this.reject;
|
||
|
|
return mainScript;
|
||
|
|
}
|
||
|
|
}, {
|
||
|
|
key: "init",
|
||
|
|
value: function init() {
|
||
|
|
if (!this.isInitialized) {
|
||
|
|
if (window.monaco && window.monaco.editor) {
|
||
|
|
return new Promise(function (res, rej) {
|
||
|
|
return res(window.monaco);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
document.addEventListener('monaco_init', this.handleMainScriptLoad);
|
||
|
|
var mainScript = this.createMainScript();
|
||
|
|
var loaderScript = this.createMonacoLoaderScript(mainScript);
|
||
|
|
this.injectScripts(loaderScript);
|
||
|
|
}
|
||
|
|
|
||
|
|
this.isInitialized = true;
|
||
|
|
return this.wrapperPromise;
|
||
|
|
}
|
||
|
|
}]);
|
||
|
|
return Monaco;
|
||
|
|
}();
|
||
|
|
|
||
|
|
var _default = new Monaco(_config2["default"]);
|
||
|
|
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1835:
|
||
|
|
/***/ (function(module, exports) {
|
||
|
|
|
||
|
|
function _classCallCheck(instance, Constructor) {
|
||
|
|
if (!(instance instanceof Constructor)) {
|
||
|
|
throw new TypeError("Cannot call a class as a function");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _classCallCheck;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1836:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
var _Object$defineProperty = __webpack_require__(1550);
|
||
|
|
|
||
|
|
function _defineProperties(target, props) {
|
||
|
|
for (var i = 0; i < props.length; i++) {
|
||
|
|
var descriptor = props[i];
|
||
|
|
descriptor.enumerable = descriptor.enumerable || false;
|
||
|
|
descriptor.configurable = true;
|
||
|
|
if ("value" in descriptor) descriptor.writable = true;
|
||
|
|
|
||
|
|
_Object$defineProperty(target, descriptor.key, descriptor);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function _createClass(Constructor, protoProps, staticProps) {
|
||
|
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
||
|
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
||
|
|
return Constructor;
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _createClass;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1837:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
var config = {
|
||
|
|
urls: {
|
||
|
|
monacoLoader: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.18.1/min/vs/loader.js',
|
||
|
|
monacoBase: 'https://cdn.jsdelivr.net/npm/monaco-editor@0.18.1/min/vs'
|
||
|
|
}
|
||
|
|
};
|
||
|
|
var _default = config;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1838:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var noop = function noop(_) {};
|
||
|
|
|
||
|
|
var _default = noop;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1839:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(1369));
|
||
|
|
|
||
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||
|
|
|
||
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||
|
|
|
||
|
|
var merge = function merge(target, source) {
|
||
|
|
Object.keys(source).forEach(function (key) {
|
||
|
|
if (source[key] instanceof Object) Object.assign(source[key], merge(target[key], source[key]));
|
||
|
|
});
|
||
|
|
return _objectSpread({}, target, {}, source);
|
||
|
|
};
|
||
|
|
|
||
|
|
var _default = merge;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1840:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _react = __webpack_require__(0);
|
||
|
|
|
||
|
|
var useMount = function useMount(effect) {
|
||
|
|
return (0, _react.useEffect)(effect, []);
|
||
|
|
};
|
||
|
|
|
||
|
|
var _default = useMount;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1841:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _react = __webpack_require__(0);
|
||
|
|
|
||
|
|
var useUpdate = function useUpdate(effect, deps) {
|
||
|
|
var applyChanges = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
||
|
|
var isInitialMount = (0, _react.useRef)(true);
|
||
|
|
(0, _react.useEffect)(isInitialMount.current || !applyChanges ? function (_) {
|
||
|
|
isInitialMount.current = false;
|
||
|
|
} : effect, deps);
|
||
|
|
};
|
||
|
|
|
||
|
|
var _default = useUpdate;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1842:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _react = __webpack_require__(0);
|
||
|
|
|
||
|
|
var _DiffEditor = _interopRequireDefault(__webpack_require__(1843));
|
||
|
|
|
||
|
|
var _default = (0, _react.memo)(_DiffEditor["default"]);
|
||
|
|
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1843:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireWildcard = __webpack_require__(1549);
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(1369));
|
||
|
|
|
||
|
|
var _slicedToArray2 = _interopRequireDefault(__webpack_require__(1647));
|
||
|
|
|
||
|
|
var _react = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
||
|
|
|
||
|
|
var _MonacoContainer = _interopRequireDefault(__webpack_require__(1648));
|
||
|
|
|
||
|
|
var _utils = __webpack_require__(1370);
|
||
|
|
|
||
|
|
var _hooks = __webpack_require__(1649);
|
||
|
|
|
||
|
|
var _themes = _interopRequireDefault(__webpack_require__(1650));
|
||
|
|
|
||
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||
|
|
|
||
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||
|
|
|
||
|
|
var DiffEditor = function DiffEditor(_ref) {
|
||
|
|
var original = _ref.original,
|
||
|
|
modified = _ref.modified,
|
||
|
|
language = _ref.language,
|
||
|
|
originalLanguage = _ref.originalLanguage,
|
||
|
|
modifiedLanguage = _ref.modifiedLanguage,
|
||
|
|
editorDidMount = _ref.editorDidMount,
|
||
|
|
theme = _ref.theme,
|
||
|
|
line = _ref.line,
|
||
|
|
width = _ref.width,
|
||
|
|
height = _ref.height,
|
||
|
|
loading = _ref.loading,
|
||
|
|
options = _ref.options;
|
||
|
|
|
||
|
|
var _useState = (0, _react.useState)(false),
|
||
|
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
||
|
|
isEditorReady = _useState2[0],
|
||
|
|
setIsEditorReady = _useState2[1];
|
||
|
|
|
||
|
|
var _useState3 = (0, _react.useState)(true),
|
||
|
|
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
||
|
|
isMonacoMounting = _useState4[0],
|
||
|
|
setIsMonacoMounting = _useState4[1];
|
||
|
|
|
||
|
|
var editorRef = (0, _react.useRef)();
|
||
|
|
var monacoRef = (0, _react.useRef)();
|
||
|
|
var containerRef = (0, _react.useRef)();
|
||
|
|
(0, _hooks.useMount)(function (_) {
|
||
|
|
_utils.monaco.init().then(function (monaco) {
|
||
|
|
return (monacoRef.current = monaco) && setIsMonacoMounting(false);
|
||
|
|
})["catch"](function (error) {
|
||
|
|
return console.error('An error occurred during initialization of Monaco: ', error);
|
||
|
|
});
|
||
|
|
|
||
|
|
return removeEditor;
|
||
|
|
});
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
editorRef.current.getModel().modified.setValue(modified);
|
||
|
|
}, [modified], isEditorReady);
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
editorRef.current.getModel().original.setValue(original);
|
||
|
|
}, [original], isEditorReady);
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
var _editorRef$current$ge = editorRef.current.getModel(),
|
||
|
|
original = _editorRef$current$ge.original,
|
||
|
|
modified = _editorRef$current$ge.modified;
|
||
|
|
|
||
|
|
monacoRef.current.editor.setModelLanguage(original, originalLanguage || language);
|
||
|
|
monacoRef.current.editor.setModelLanguage(modified, modifiedLanguage || language);
|
||
|
|
}, [language, originalLanguage, modifiedLanguage], isEditorReady);
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
editorRef.current.setScrollPosition({
|
||
|
|
scrollTop: line
|
||
|
|
});
|
||
|
|
}, [line], isEditorReady);
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
monacoRef.current.editor.setTheme(theme);
|
||
|
|
}, [theme], isEditorReady);
|
||
|
|
(0, _hooks.useUpdate)(function (_) {
|
||
|
|
editorRef.current.updateOptions(options);
|
||
|
|
}, [options], isEditorReady);
|
||
|
|
var setModels = (0, _react.useCallback)(function (_) {
|
||
|
|
var originalModel = monacoRef.current.editor.createModel(original, originalLanguage || language);
|
||
|
|
var modifiedModel = monacoRef.current.editor.createModel(modified, modifiedLanguage || language);
|
||
|
|
editorRef.current.setModel({
|
||
|
|
original: originalModel,
|
||
|
|
modified: modifiedModel
|
||
|
|
});
|
||
|
|
}, [language, modified, modifiedLanguage, original, originalLanguage]);
|
||
|
|
var createEditor = (0, _react.useCallback)(function (_) {
|
||
|
|
editorRef.current = monacoRef.current.editor.createDiffEditor(containerRef.current, _objectSpread({
|
||
|
|
automaticLayout: true
|
||
|
|
}, options));
|
||
|
|
setModels();
|
||
|
|
|
||
|
|
var _editorRef$current$ge2 = editorRef.current.getModel(),
|
||
|
|
original = _editorRef$current$ge2.original,
|
||
|
|
modified = _editorRef$current$ge2.modified;
|
||
|
|
|
||
|
|
editorDidMount(modified.getValue.bind(modified), original.getValue.bind(original), editorRef.current);
|
||
|
|
monacoRef.current.editor.defineTheme('dark', _themes["default"]['night-dark']);
|
||
|
|
monacoRef.current.editor.setTheme(theme);
|
||
|
|
setIsEditorReady(true);
|
||
|
|
}, [editorDidMount, options, theme, setModels]);
|
||
|
|
(0, _react.useEffect)(function (_) {
|
||
|
|
!isMonacoMounting && !isEditorReady && createEditor();
|
||
|
|
}, [isMonacoMounting, isEditorReady, createEditor]);
|
||
|
|
|
||
|
|
var removeEditor = function removeEditor(_) {
|
||
|
|
return editorRef.current && editorRef.current.dispose();
|
||
|
|
};
|
||
|
|
|
||
|
|
return _react["default"].createElement(_MonacoContainer["default"], {
|
||
|
|
width: width,
|
||
|
|
height: height,
|
||
|
|
isEditorReady: isEditorReady,
|
||
|
|
loading: loading,
|
||
|
|
_ref: containerRef
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
DiffEditor.propTypes = {
|
||
|
|
original: _propTypes["default"].string,
|
||
|
|
modified: _propTypes["default"].string,
|
||
|
|
language: _propTypes["default"].string,
|
||
|
|
originalLanguage: _propTypes["default"].string,
|
||
|
|
modifiedLanguage: _propTypes["default"].string,
|
||
|
|
editorDidMount: _propTypes["default"].func,
|
||
|
|
theme: _propTypes["default"].string,
|
||
|
|
line: _propTypes["default"].number,
|
||
|
|
width: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
||
|
|
height: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
||
|
|
loading: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].string]),
|
||
|
|
options: _propTypes["default"].object
|
||
|
|
};
|
||
|
|
DiffEditor.defaultProps = {
|
||
|
|
editorDidMount: _utils.noop,
|
||
|
|
theme: 'light',
|
||
|
|
width: '100%',
|
||
|
|
height: '100%',
|
||
|
|
loading: 'Loading...',
|
||
|
|
options: {}
|
||
|
|
};
|
||
|
|
var _default = DiffEditor;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1844:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _react = __webpack_require__(0);
|
||
|
|
|
||
|
|
var _ControlledEditor = _interopRequireDefault(__webpack_require__(1845));
|
||
|
|
|
||
|
|
var _default = (0, _react.memo)(_ControlledEditor["default"]);
|
||
|
|
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1845:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
|
||
|
|
|
||
|
|
var _interopRequireWildcard = __webpack_require__(1549);
|
||
|
|
|
||
|
|
var _interopRequireDefault = __webpack_require__(1067);
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports["default"] = void 0;
|
||
|
|
|
||
|
|
var _extends2 = _interopRequireDefault(__webpack_require__(1846));
|
||
|
|
|
||
|
|
var _objectWithoutProperties2 = _interopRequireDefault(__webpack_require__(1848));
|
||
|
|
|
||
|
|
var _react = _interopRequireWildcard(__webpack_require__(0));
|
||
|
|
|
||
|
|
var _propTypes = _interopRequireDefault(__webpack_require__(1));
|
||
|
|
|
||
|
|
var _ = _interopRequireDefault(__webpack_require__(1586));
|
||
|
|
|
||
|
|
var _utils = __webpack_require__(1370);
|
||
|
|
|
||
|
|
var ControlledEditor = function ControlledEditor(_ref) {
|
||
|
|
var value = _ref.value,
|
||
|
|
onChange = _ref.onChange,
|
||
|
|
editorDidMount = _ref.editorDidMount,
|
||
|
|
props = (0, _objectWithoutProperties2["default"])(_ref, ["value", "onChange", "editorDidMount"]);
|
||
|
|
var previousValue = (0, _react.useRef)(value);
|
||
|
|
|
||
|
|
var handleEditorDidMount = function handleEditorDidMount(getValue, editor) {
|
||
|
|
editor.onDidChangeModelContent(function (ev) {
|
||
|
|
var currentValue = editor.getValue();
|
||
|
|
|
||
|
|
if (currentValue !== previousValue.current && !(ev.isUndoing || ev.isRedoing)) {
|
||
|
|
previousValue.current = currentValue;
|
||
|
|
|
||
|
|
var _value = onChange(ev, currentValue);
|
||
|
|
|
||
|
|
if (typeof _value === 'string') {
|
||
|
|
if (currentValue !== _value) {
|
||
|
|
editor.setValue(_value);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
editorDidMount(getValue, editor);
|
||
|
|
};
|
||
|
|
|
||
|
|
return _react["default"].createElement(_["default"], (0, _extends2["default"])({
|
||
|
|
value: value,
|
||
|
|
editorDidMount: handleEditorDidMount,
|
||
|
|
_isControlledMode: true
|
||
|
|
}, props));
|
||
|
|
};
|
||
|
|
|
||
|
|
ControlledEditor.propTypes = {
|
||
|
|
value: _propTypes["default"].string,
|
||
|
|
editorDidMount: _propTypes["default"].func,
|
||
|
|
onChange: _propTypes["default"].func
|
||
|
|
};
|
||
|
|
ControlledEditor.defaultProps = {
|
||
|
|
editorDidMount: _utils.noop,
|
||
|
|
onChange: _utils.noop
|
||
|
|
};
|
||
|
|
var _default = ControlledEditor;
|
||
|
|
exports["default"] = _default;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1846:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
var _Object$assign = __webpack_require__(1847);
|
||
|
|
|
||
|
|
function _extends() {
|
||
|
|
module.exports = _extends = _Object$assign || function (target) {
|
||
|
|
for (var i = 1; i < arguments.length; i++) {
|
||
|
|
var source = arguments[i];
|
||
|
|
|
||
|
|
for (var key in source) {
|
||
|
|
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||
|
|
target[key] = source[key];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return target;
|
||
|
|
};
|
||
|
|
|
||
|
|
return _extends.apply(this, arguments);
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _extends;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1847:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
module.exports = __webpack_require__(326);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1848:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
var _Object$getOwnPropertySymbols = __webpack_require__(1849);
|
||
|
|
|
||
|
|
var _Object$keys = __webpack_require__(61);
|
||
|
|
|
||
|
|
function _objectWithoutProperties(source, excluded) {
|
||
|
|
if (source == null) return {};
|
||
|
|
var target = {};
|
||
|
|
|
||
|
|
var sourceKeys = _Object$keys(source);
|
||
|
|
|
||
|
|
var key, i;
|
||
|
|
|
||
|
|
for (i = 0; i < sourceKeys.length; i++) {
|
||
|
|
key = sourceKeys[i];
|
||
|
|
if (excluded.indexOf(key) >= 0) continue;
|
||
|
|
target[key] = source[key];
|
||
|
|
}
|
||
|
|
|
||
|
|
if (_Object$getOwnPropertySymbols) {
|
||
|
|
var sourceSymbolKeys = _Object$getOwnPropertySymbols(source);
|
||
|
|
|
||
|
|
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
||
|
|
key = sourceSymbolKeys[i];
|
||
|
|
if (excluded.indexOf(key) >= 0) continue;
|
||
|
|
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
||
|
|
target[key] = source[key];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return target;
|
||
|
|
}
|
||
|
|
|
||
|
|
module.exports = _objectWithoutProperties;
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1849:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
module.exports = __webpack_require__(1850);
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 1850:
|
||
|
|
/***/ (function(module, exports, __webpack_require__) {
|
||
|
|
|
||
|
|
__webpack_require__(344);
|
||
|
|
module.exports = __webpack_require__(19).Object.getOwnPropertySymbols;
|
||
|
|
|
||
|
|
|
||
|
|
/***/ }),
|
||
|
|
|
||
|
|
/***/ 3113:
|
||
|
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
|
|
||
|
|
"use strict";
|
||
|
|
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_popconfirm_style_css__ = __webpack_require__(1493);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_antd_lib_popconfirm_style_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_antd_lib_popconfirm_style_css__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_popconfirm__ = __webpack_require__(1492);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_antd_lib_popconfirm___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_antd_lib_popconfirm__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__monaco_editor_react__ = __webpack_require__(1586);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__monaco_editor_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__monaco_editor_react__);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__list_css__ = __webpack_require__(1994);
|
||
|
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__list_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__list_css__);
|
||
|
|
var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}function bytesToSize(bytes){if(bytes===0)return'0 B';var k=1024,sizes=['B','KB','MB','GB','TB','PB','EB','ZB','YB'],i=Math.floor(Math.log(bytes)/Math.log(k));return(bytes/Math.pow(k,i)).toFixed(2)+' '+sizes[i];}var CoderRootFileDetail=function(_Component){_inherits(CoderRootFileDetail,_Component);function CoderRootFileDetail(props){_classCallCheck(this,CoderRootFileDetail);var _this=_possibleConstructorReturn(this,(CoderRootFileDetail.__proto__||Object.getPrototypeOf(CoderRootFileDetail)).call(this,props));_this.EditFile=function(){_this.setState({readOnly:false});};_this.detail=function(){};_this.state={readOnly:true};return _this;}_createClass(CoderRootFileDetail,[{key:"render",value:function render(){var detail=this.props.detail;var readOnly=this.state.readOnly;return __WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("div",{className:"branchTable"},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("p",{className:"branchTitle f-wrap-alignCenter f-wrap-between"},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("span",null,bytesToSize(detail&&detail.size)),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("span",null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("a",{onClick:this.EditFile,className:"ml20"},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("i",{className:"iconfont icon-bianji font-15 color-grey-6"})),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_1_antd_lib_popconfirm___default.a,{title:"\u786E\u8BA4\u5220\u9664\u8FD9\u4E2A\u6587\u4EF6\uFF1F",className:"ml20",okText:"\u786E\u5B9A",cancelText:"\u53D6\u6D88",onConfirm:this.detail},__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("a",null,__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement("i",{className:"iconfont icon-shanchu font-15 color-grey-6"}))))),__WEBPACK_IMPORTED_MODULE_2_react___default.a.createElement(__WEBPACK_IMPORTED_MODULE_3__monaco_editor_react___default.a,{height:"300px",theme:"dark",value:detail&&detail.content,readOnly:readOnly}));}}]);return CoderRootFileDetail;}(__WEBPACK_IMPORTED_MODULE_2_react__["Component"]);/* harmony default export */ __webpack_exports__["default"] = (CoderRootFileDetail);
|
||
|
|
|
||
|
|
/***/ })
|
||
|
|
|
||
|
|
});
|