parent
764b813308
commit
2786e89a04
@ -0,0 +1,651 @@
|
||||
"use strict";
|
||||
(self["webpackChunk"] = self["webpackChunk"] || []).push([[24680],{
|
||||
|
||||
/***/ 680:
|
||||
/*!*******************************************************************************************************************!*\
|
||||
!*** ./node_modules/_@ant-design_icons@5.5.1@@ant-design/icons/es/icons/ExclamationCircleOutlined.js + 1 modules ***!
|
||||
\*******************************************************************************************************************/
|
||||
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
|
||||
// EXPORTS
|
||||
__webpack_require__.d(__webpack_exports__, {
|
||||
Z: function() { return /* binding */ icons_ExclamationCircleOutlined; }
|
||||
});
|
||||
|
||||
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.26.0@@babel/runtime/helpers/esm/extends.js
|
||||
var esm_extends = __webpack_require__(5891);
|
||||
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
|
||||
var _react_17_0_2_react = __webpack_require__(59301);
|
||||
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons-svg@4.4.2@@ant-design/icons-svg/es/asn/ExclamationCircleOutlined.js
|
||||
// This icon file is generated automatically.
|
||||
var ExclamationCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 688a48 48 0 1096 0 48 48 0 10-96 0zm24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8z" } }] }, "name": "exclamation-circle", "theme": "outlined" };
|
||||
/* harmony default export */ var asn_ExclamationCircleOutlined = (ExclamationCircleOutlined);
|
||||
|
||||
// EXTERNAL MODULE: ./node_modules/_@ant-design_icons@5.5.1@@ant-design/icons/es/components/AntdIcon.js + 3 modules
|
||||
var AntdIcon = __webpack_require__(22589);
|
||||
;// CONCATENATED MODULE: ./node_modules/_@ant-design_icons@5.5.1@@ant-design/icons/es/icons/ExclamationCircleOutlined.js
|
||||
|
||||
// GENERATE BY ./scripts/generate.ts
|
||||
// DON NOT EDIT IT MANUALLY
|
||||
|
||||
|
||||
|
||||
|
||||
var ExclamationCircleOutlined_ExclamationCircleOutlined = function ExclamationCircleOutlined(props, ref) {
|
||||
return /*#__PURE__*/_react_17_0_2_react.createElement(AntdIcon/* default */.Z, (0,esm_extends/* default */.Z)({}, props, {
|
||||
ref: ref,
|
||||
icon: asn_ExclamationCircleOutlined
|
||||
}));
|
||||
};
|
||||
|
||||
/** */
|
||||
var RefIcon = /*#__PURE__*/_react_17_0_2_react.forwardRef(ExclamationCircleOutlined_ExclamationCircleOutlined);
|
||||
if (false) {}
|
||||
/* harmony default export */ var icons_ExclamationCircleOutlined = (RefIcon);
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 80010:
|
||||
/*!*********************************************************************************!*\
|
||||
!*** ./node_modules/_react-resizable@1.11.0@react-resizable/build/Resizable.js ***!
|
||||
\*********************************************************************************/
|
||||
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
||||
|
||||
|
||||
|
||||
exports.__esModule = true;
|
||||
exports["default"] = void 0;
|
||||
|
||||
var _react = _interopRequireDefault(__webpack_require__(/*! react */ 59301));
|
||||
|
||||
var _reactDraggable = __webpack_require__(/*! react-draggable */ 12911);
|
||||
|
||||
var _utils = __webpack_require__(/*! ./utils */ 73638);
|
||||
|
||||
var _propTypes = __webpack_require__(/*! ./propTypes */ 6217);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 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(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||||
|
||||
function _objectWithoutPropertiesLoose(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]; } return target; }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
|
||||
|
||||
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; }
|
||||
|
||||
var Resizable = /*#__PURE__*/function (_React$Component) {
|
||||
_inheritsLoose(Resizable, _React$Component);
|
||||
|
||||
function Resizable() {
|
||||
var _this;
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "state", undefined);
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "lastHandleRect", null);
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "slack", null);
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
var _proto = Resizable.prototype;
|
||||
|
||||
_proto.componentWillUnmount = function componentWillUnmount() {
|
||||
this.resetData();
|
||||
};
|
||||
|
||||
_proto.lockAspectRatio = function lockAspectRatio(width, height, aspectRatio) {
|
||||
height = width / aspectRatio;
|
||||
width = height * aspectRatio;
|
||||
return [width, height];
|
||||
};
|
||||
|
||||
_proto.resetData = function resetData() {
|
||||
this.lastHandleRect = this.slack = null;
|
||||
} // Clamp width and height within provided constraints
|
||||
;
|
||||
|
||||
_proto.runConstraints = function runConstraints(width, height) {
|
||||
var _ref = [this.props.minConstraints, this.props.maxConstraints],
|
||||
min = _ref[0],
|
||||
max = _ref[1];
|
||||
if (!min && !max) return [width, height]; // If constraining to min and max, we need to also fit width and height to aspect ratio.
|
||||
|
||||
if (this.props.lockAspectRatio) {
|
||||
var resizingHorizontally = height === this.props.height;
|
||||
|
||||
if (resizingHorizontally) {
|
||||
var ratio = this.props.width / this.props.height;
|
||||
height = width / ratio;
|
||||
width = height * ratio;
|
||||
} else {
|
||||
// Take into account vertical resize with N/S handles on locked aspect
|
||||
// ratio. Calculate the change height-first, instead of width-first
|
||||
var _ratio = this.props.height / this.props.width;
|
||||
|
||||
width = height / _ratio;
|
||||
height = width * _ratio;
|
||||
}
|
||||
}
|
||||
|
||||
var oldW = width,
|
||||
oldH = height; // Add slack to the values used to calculate bound position. This will ensure that if
|
||||
// we start removing slack, the element won't react to it right away until it's been
|
||||
// completely removed.
|
||||
|
||||
var _ref2 = this.slack || [0, 0],
|
||||
slackW = _ref2[0],
|
||||
slackH = _ref2[1];
|
||||
|
||||
width += slackW;
|
||||
height += slackH;
|
||||
|
||||
if (min) {
|
||||
width = Math.max(min[0], width);
|
||||
height = Math.max(min[1], height);
|
||||
}
|
||||
|
||||
if (max) {
|
||||
width = Math.min(max[0], width);
|
||||
height = Math.min(max[1], height);
|
||||
} // If the width or height changed, we must have introduced some slack. Record it for the next iteration.
|
||||
|
||||
|
||||
this.slack = [slackW + (oldW - width), slackH + (oldH - height)];
|
||||
return [width, height];
|
||||
}
|
||||
/**
|
||||
* Wrapper around drag events to provide more useful data.
|
||||
*
|
||||
* @param {String} handlerName Handler name to wrap.
|
||||
* @return {Function} Handler function.
|
||||
*/
|
||||
;
|
||||
|
||||
_proto.resizeHandler = function resizeHandler(handlerName, axis) {
|
||||
var _this2 = this;
|
||||
|
||||
return function (e, _ref3) {
|
||||
var node = _ref3.node,
|
||||
deltaX = _ref3.deltaX,
|
||||
deltaY = _ref3.deltaY;
|
||||
// Reset data in case it was left over somehow (should not be possible)
|
||||
if (handlerName === 'onResizeStart') _this2.resetData(); // Axis restrictions
|
||||
|
||||
var canDragX = (_this2.props.axis === 'both' || _this2.props.axis === 'x') && axis !== 'n' && axis !== 's';
|
||||
var canDragY = (_this2.props.axis === 'both' || _this2.props.axis === 'y') && axis !== 'e' && axis !== 'w'; // No dragging possible.
|
||||
|
||||
if (!canDragX && !canDragY) return; // Decompose axis for later use
|
||||
|
||||
var axisV = axis[0];
|
||||
var axisH = axis[axis.length - 1]; // intentionally not axis[1], so that this catches axis === 'w' for example
|
||||
// Track the element being dragged to account for changes in position.
|
||||
// If a handle's position is changed between callbacks, we need to factor this in to the next callback.
|
||||
// Failure to do so will cause the element to "skip" when resized upwards or leftwards.
|
||||
|
||||
var handleRect = node.getBoundingClientRect();
|
||||
|
||||
if (_this2.lastHandleRect != null) {
|
||||
// If the handle has repositioned on either axis since last render,
|
||||
// we need to increase our callback values by this much.
|
||||
// Only checking 'n', 'w' since resizing by 's', 'w' won't affect the overall position on page,
|
||||
if (axisH === 'w') {
|
||||
var deltaLeftSinceLast = handleRect.left - _this2.lastHandleRect.left;
|
||||
deltaX += deltaLeftSinceLast;
|
||||
}
|
||||
|
||||
if (axisV === 'n') {
|
||||
var deltaTopSinceLast = handleRect.top - _this2.lastHandleRect.top;
|
||||
deltaY += deltaTopSinceLast;
|
||||
}
|
||||
} // Storage of last rect so we know how much it has really moved.
|
||||
|
||||
|
||||
_this2.lastHandleRect = handleRect; // Reverse delta if using top or left drag handles.
|
||||
|
||||
if (axisH === 'w') deltaX = -deltaX;
|
||||
if (axisV === 'n') deltaY = -deltaY; // Update w/h by the deltas. Also factor in transformScale.
|
||||
|
||||
var width = _this2.props.width + (canDragX ? deltaX / _this2.props.transformScale : 0);
|
||||
var height = _this2.props.height + (canDragY ? deltaY / _this2.props.transformScale : 0); // Run user-provided constraints.
|
||||
|
||||
var _this2$runConstraints = _this2.runConstraints(width, height);
|
||||
|
||||
width = _this2$runConstraints[0];
|
||||
height = _this2$runConstraints[1];
|
||||
var dimensionsChanged = width !== _this2.props.width || height !== _this2.props.height; // Call user-supplied callback if present.
|
||||
|
||||
var cb = typeof _this2.props[handlerName] === 'function' ? _this2.props[handlerName] : null; // Don't call 'onResize' if dimensions haven't changed.
|
||||
|
||||
var shouldSkipCb = handlerName === 'onResize' && !dimensionsChanged;
|
||||
|
||||
if (cb && !shouldSkipCb) {
|
||||
if (typeof e.persist === 'function') e.persist();
|
||||
cb(e, {
|
||||
node: node,
|
||||
size: {
|
||||
width: width,
|
||||
height: height
|
||||
},
|
||||
handle: axis
|
||||
});
|
||||
} // Reset internal data
|
||||
|
||||
|
||||
if (handlerName === 'onResizeStop') _this2.resetData();
|
||||
};
|
||||
};
|
||||
|
||||
_proto.renderResizeHandle = function renderResizeHandle(resizeHandleAxis) {
|
||||
var handle = this.props.handle;
|
||||
|
||||
if (handle) {
|
||||
if (typeof handle === 'function') {
|
||||
return handle(resizeHandleAxis);
|
||||
}
|
||||
|
||||
return handle;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/_react.default.createElement("span", {
|
||||
className: "react-resizable-handle react-resizable-handle-" + resizeHandleAxis
|
||||
});
|
||||
};
|
||||
|
||||
_proto.render = function render() {
|
||||
var _this3 = this;
|
||||
|
||||
// Pass along only props not meant for the `<Resizable>`.`
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
var _this$props = this.props,
|
||||
children = _this$props.children,
|
||||
className = _this$props.className,
|
||||
draggableOpts = _this$props.draggableOpts,
|
||||
width = _this$props.width,
|
||||
height = _this$props.height,
|
||||
handle = _this$props.handle,
|
||||
handleSize = _this$props.handleSize,
|
||||
lockAspectRatio = _this$props.lockAspectRatio,
|
||||
axis = _this$props.axis,
|
||||
minConstraints = _this$props.minConstraints,
|
||||
maxConstraints = _this$props.maxConstraints,
|
||||
onResize = _this$props.onResize,
|
||||
onResizeStop = _this$props.onResizeStop,
|
||||
onResizeStart = _this$props.onResizeStart,
|
||||
resizeHandles = _this$props.resizeHandles,
|
||||
transformScale = _this$props.transformScale,
|
||||
p = _objectWithoutPropertiesLoose(_this$props, ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"]); // What we're doing here is getting the child of this element, and cloning it with this element's props.
|
||||
// We are then defining its children as:
|
||||
// Its original children (resizable's child's children), and
|
||||
// One or more draggable handles.
|
||||
|
||||
|
||||
return (0, _utils.cloneElement)(children, _objectSpread(_objectSpread({}, p), {}, {
|
||||
className: (className ? className + " " : '') + "react-resizable",
|
||||
children: [].concat(children.props.children, resizeHandles.map(function (handleAxis) {
|
||||
return /*#__PURE__*/_react.default.createElement(_reactDraggable.DraggableCore, _extends({}, draggableOpts, {
|
||||
key: "resizableHandle-" + handleAxis,
|
||||
onStop: _this3.resizeHandler('onResizeStop', handleAxis),
|
||||
onStart: _this3.resizeHandler('onResizeStart', handleAxis),
|
||||
onDrag: _this3.resizeHandler('onResize', handleAxis)
|
||||
}), _this3.renderResizeHandle(handleAxis));
|
||||
}))
|
||||
}));
|
||||
};
|
||||
|
||||
return Resizable;
|
||||
}(_react.default.Component);
|
||||
|
||||
exports["default"] = Resizable;
|
||||
|
||||
_defineProperty(Resizable, "propTypes", _propTypes.resizableProps);
|
||||
|
||||
_defineProperty(Resizable, "defaultProps", {
|
||||
handleSize: [20, 20],
|
||||
lockAspectRatio: false,
|
||||
axis: 'both',
|
||||
minConstraints: [20, 20],
|
||||
maxConstraints: [Infinity, Infinity],
|
||||
resizeHandles: ['se'],
|
||||
transformScale: 1
|
||||
});
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 60842:
|
||||
/*!************************************************************************************!*\
|
||||
!*** ./node_modules/_react-resizable@1.11.0@react-resizable/build/ResizableBox.js ***!
|
||||
\************************************************************************************/
|
||||
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
||||
|
||||
var __webpack_unused_export__;
|
||||
|
||||
|
||||
__webpack_unused_export__ = true;
|
||||
exports["default"] = void 0;
|
||||
|
||||
var React = _interopRequireWildcard(__webpack_require__(/*! react */ 59301));
|
||||
|
||||
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ 12708));
|
||||
|
||||
var _Resizable = _interopRequireDefault(__webpack_require__(/*! ./Resizable */ 80010));
|
||||
|
||||
var _propTypes2 = __webpack_require__(/*! ./propTypes */ 6217);
|
||||
|
||||
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 _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 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(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||||
|
||||
function _objectWithoutPropertiesLoose(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]; } return target; }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
|
||||
|
||||
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; }
|
||||
|
||||
var ResizableBox = /*#__PURE__*/function (_React$Component) {
|
||||
_inheritsLoose(ResizableBox, _React$Component);
|
||||
|
||||
function ResizableBox() {
|
||||
var _this;
|
||||
|
||||
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "state", {
|
||||
width: _this.props.width,
|
||||
height: _this.props.height,
|
||||
propsWidth: _this.props.width,
|
||||
propsHeight: _this.props.height
|
||||
});
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "onResize", function (e, data) {
|
||||
var size = data.size;
|
||||
|
||||
if (_this.props.onResize) {
|
||||
e.persist && e.persist();
|
||||
|
||||
_this.setState(size, function () {
|
||||
return _this.props.onResize && _this.props.onResize(e, data);
|
||||
});
|
||||
} else {
|
||||
_this.setState(size);
|
||||
}
|
||||
});
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
ResizableBox.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
|
||||
// If parent changes height/width, set that in our state.
|
||||
if (state.propsWidth !== props.width || state.propsHeight !== props.height) {
|
||||
return {
|
||||
width: props.width,
|
||||
height: props.height,
|
||||
propsWidth: props.width,
|
||||
propsHeight: props.height
|
||||
};
|
||||
}
|
||||
|
||||
return null;
|
||||
};
|
||||
|
||||
var _proto = ResizableBox.prototype;
|
||||
|
||||
_proto.render = function render() {
|
||||
// Basic wrapper around a Resizable instance.
|
||||
// If you use Resizable directly, you are responsible for updating the child component
|
||||
// with a new width and height.
|
||||
var _this$props = this.props,
|
||||
handle = _this$props.handle,
|
||||
handleSize = _this$props.handleSize,
|
||||
onResize = _this$props.onResize,
|
||||
onResizeStart = _this$props.onResizeStart,
|
||||
onResizeStop = _this$props.onResizeStop,
|
||||
draggableOpts = _this$props.draggableOpts,
|
||||
minConstraints = _this$props.minConstraints,
|
||||
maxConstraints = _this$props.maxConstraints,
|
||||
lockAspectRatio = _this$props.lockAspectRatio,
|
||||
axis = _this$props.axis,
|
||||
width = _this$props.width,
|
||||
height = _this$props.height,
|
||||
resizeHandles = _this$props.resizeHandles,
|
||||
style = _this$props.style,
|
||||
transformScale = _this$props.transformScale,
|
||||
props = _objectWithoutPropertiesLoose(_this$props, ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"]);
|
||||
|
||||
return /*#__PURE__*/React.createElement(_Resizable.default, {
|
||||
axis: axis,
|
||||
draggableOpts: draggableOpts,
|
||||
handle: handle,
|
||||
handleSize: handleSize,
|
||||
height: this.state.height,
|
||||
lockAspectRatio: lockAspectRatio,
|
||||
maxConstraints: maxConstraints,
|
||||
minConstraints: minConstraints,
|
||||
onResizeStart: onResizeStart,
|
||||
onResize: this.onResize,
|
||||
onResizeStop: onResizeStop,
|
||||
resizeHandles: resizeHandles,
|
||||
transformScale: transformScale,
|
||||
width: this.state.width
|
||||
}, /*#__PURE__*/React.createElement("div", _extends({}, props, {
|
||||
style: _objectSpread(_objectSpread({}, style), {}, {
|
||||
width: this.state.width + 'px',
|
||||
height: this.state.height + 'px'
|
||||
})
|
||||
})));
|
||||
};
|
||||
|
||||
return ResizableBox;
|
||||
}(React.Component);
|
||||
|
||||
exports["default"] = ResizableBox;
|
||||
|
||||
_defineProperty(ResizableBox, "propTypes", _objectSpread(_objectSpread({}, _propTypes2.resizableProps), {}, {
|
||||
children: _propTypes.default.element
|
||||
}));
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 6217:
|
||||
/*!*********************************************************************************!*\
|
||||
!*** ./node_modules/_react-resizable@1.11.0@react-resizable/build/propTypes.js ***!
|
||||
\*********************************************************************************/
|
||||
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
||||
|
||||
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.resizableProps = void 0;
|
||||
|
||||
var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ 12708));
|
||||
|
||||
var _reactDraggable = __webpack_require__(/*! react-draggable */ 12911);
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
var resizableProps = {
|
||||
/*
|
||||
* Restricts resizing to a particular axis (default: 'both')
|
||||
* 'both' - allows resizing by width or height
|
||||
* 'x' - only allows the width to be changed
|
||||
* 'y' - only allows the height to be changed
|
||||
* 'none' - disables resizing altogether
|
||||
* */
|
||||
axis: _propTypes.default.oneOf(['both', 'x', 'y', 'none']),
|
||||
className: _propTypes.default.string,
|
||||
|
||||
/*
|
||||
* Require that one and only one child be present.
|
||||
* */
|
||||
children: _propTypes.default.element.isRequired,
|
||||
|
||||
/*
|
||||
* These will be passed wholesale to react-draggable's DraggableCore
|
||||
* */
|
||||
draggableOpts: _propTypes.default.shape({
|
||||
allowAnyClick: _propTypes.default.bool,
|
||||
cancel: _propTypes.default.string,
|
||||
children: _propTypes.default.node,
|
||||
disabled: _propTypes.default.bool,
|
||||
enableUserSelectHack: _propTypes.default.bool,
|
||||
offsetParent: _propTypes.default.node,
|
||||
grid: _propTypes.default.arrayOf(_propTypes.default.number),
|
||||
handle: _propTypes.default.string,
|
||||
nodeRef: _propTypes.default.object,
|
||||
onStart: _propTypes.default.func,
|
||||
onDrag: _propTypes.default.func,
|
||||
onStop: _propTypes.default.func,
|
||||
onMouseDown: _propTypes.default.func,
|
||||
scale: _propTypes.default.number
|
||||
}),
|
||||
|
||||
/*
|
||||
* Initial height
|
||||
* */
|
||||
height: _propTypes.default.number.isRequired,
|
||||
|
||||
/*
|
||||
* Customize cursor resize handle
|
||||
* */
|
||||
handle: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
||||
|
||||
/*
|
||||
* If you change this, be sure to update your css
|
||||
* */
|
||||
handleSize: _propTypes.default.arrayOf(_propTypes.default.number),
|
||||
lockAspectRatio: _propTypes.default.bool,
|
||||
|
||||
/*
|
||||
* Max X & Y measure
|
||||
* */
|
||||
maxConstraints: _propTypes.default.arrayOf(_propTypes.default.number),
|
||||
|
||||
/*
|
||||
* Min X & Y measure
|
||||
* */
|
||||
minConstraints: _propTypes.default.arrayOf(_propTypes.default.number),
|
||||
|
||||
/*
|
||||
* Called on stop resize event
|
||||
* */
|
||||
onResizeStop: _propTypes.default.func,
|
||||
|
||||
/*
|
||||
* Called on start resize event
|
||||
* */
|
||||
onResizeStart: _propTypes.default.func,
|
||||
|
||||
/*
|
||||
* Called on resize event
|
||||
* */
|
||||
onResize: _propTypes.default.func,
|
||||
|
||||
/*
|
||||
* Defines which resize handles should be rendered (default: 'se')
|
||||
* 's' - South handle (bottom-center)
|
||||
* 'w' - West handle (left-center)
|
||||
* 'e' - East handle (right-center)
|
||||
* 'n' - North handle (top-center)
|
||||
* 'sw' - Southwest handle (bottom-left)
|
||||
* 'nw' - Northwest handle (top-left)
|
||||
* 'se' - Southeast handle (bottom-right)
|
||||
* 'ne' - Northeast handle (top-center)
|
||||
* */
|
||||
resizeHandles: _propTypes.default.arrayOf(_propTypes.default.oneOf(['s', 'w', 'e', 'n', 'sw', 'nw', 'se', 'ne'])),
|
||||
|
||||
/*
|
||||
* If `transform: scale(n)` is set on the parent, this should be set to `n`.
|
||||
* */
|
||||
transformScale: _propTypes.default.number,
|
||||
|
||||
/*
|
||||
* Initial width
|
||||
*/
|
||||
width: _propTypes.default.number.isRequired
|
||||
};
|
||||
exports.resizableProps = resizableProps;
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 73638:
|
||||
/*!*****************************************************************************!*\
|
||||
!*** ./node_modules/_react-resizable@1.11.0@react-resizable/build/utils.js ***!
|
||||
\*****************************************************************************/
|
||||
/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
|
||||
|
||||
|
||||
|
||||
exports.__esModule = true;
|
||||
exports.cloneElement = cloneElement;
|
||||
|
||||
var _react = _interopRequireDefault(__webpack_require__(/*! react */ 59301));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
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(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||||
|
||||
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; }
|
||||
|
||||
// React.addons.cloneWithProps look-alike that merges style & className.
|
||||
function cloneElement(element, props) {
|
||||
if (props.style && element.props.style) {
|
||||
props.style = _objectSpread(_objectSpread({}, element.props.style), props.style);
|
||||
}
|
||||
|
||||
if (props.className && element.props.className) {
|
||||
props.className = element.props.className + " " + props.className;
|
||||
}
|
||||
|
||||
return /*#__PURE__*/_react.default.cloneElement(element, props);
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ 9221:
|
||||
/*!***********************************************************************!*\
|
||||
!*** ./node_modules/_react-resizable@1.11.0@react-resizable/index.js ***!
|
||||
\***********************************************************************/
|
||||
/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
|
||||
|
||||
|
||||
module.exports = function() {
|
||||
throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
|
||||
};
|
||||
|
||||
module.exports.Resizable = __webpack_require__(/*! ./build/Resizable */ 80010)["default"];
|
||||
module.exports.ResizableBox = __webpack_require__(/*! ./build/ResizableBox */ 60842)["default"];
|
||||
|
||||
|
||||
/***/ })
|
||||
|
||||
}]);
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,4 +1,4 @@
|
||||
(self["webpackChunk"] = self["webpackChunk"] || []).push([[91987,56047],{
|
||||
(self["webpackChunk"] = self["webpackChunk"] || []).push([[91987,56047,24680],{
|
||||
|
||||
/***/ 64711:
|
||||
/*!*************************************************************************************************************!*\
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue