fan-standard-comp 3.1.9 → 3.2.0

package/es/SplitterLayout/index.js

@@ -1,30 +1,20 @@
-function _typeof(obj) { "@babel/helpers - typeof"; 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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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 _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); }
-
+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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import React from 'react'; // import PropTypes from 'prop-types';
-
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+import React from 'react';
+// import PropTypes from 'prop-types';
 import Pane from './Pane';
 import './index.less';
-
 function clearSelection() {
   if (document.body.createTextRange) {
     // https://github.com/zesik/react-splitter-layout/issues/16
@@ -42,19 +32,13 @@ function clearSelection() {
     document.selection.empty();
   }
 }
-
 var DEFAULT_SPLITTER_SIZE = 4;
-
 var SplitterLayout = /*#__PURE__*/function (_React$Component) {
   _inherits(SplitterLayout, _React$Component);
-
   var _super = _createSuper(SplitterLayout);
-
   function SplitterLayout(props) {
     var _this;
-
     _classCallCheck(this, SplitterLayout);
-
     _this = _super.call(this, props);
     _this.handleResize = _this.handleResize.bind(_assertThisInitialized(_this));
     _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_this));
@@ -67,7 +51,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(SplitterLayout, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -77,7 +60,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
       document.addEventListener('touchend', this.handleMouseUp);
       document.addEventListener('touchmove', this.handleTouchMove);
       var secondaryPaneSize, primaryPaneSize;
-
       if (typeof this.props.secondaryInitialSize !== 'undefined') {
         //设置其余部分大小
         secondaryPaneSize = this.props.secondaryInitialSize;
@@ -86,10 +68,8 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
           //设置主要部分大小
           primaryPaneSize = this.props.primaryInitialSize;
         }
-
         var containerRect = this.container.getBoundingClientRect();
         var splitterRect;
-
         if (this.splitter) {
           splitterRect = this.splitter.getBoundingClientRect();
         } else {
@@ -99,9 +79,7 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
             height: DEFAULT_SPLITTER_SIZE
           };
         }
-
         var totalSize, splitterSize;
-
         if (this.props.vertical) {
           //垂直排列
           totalSize = containerRect.height;
@@ -109,16 +87,14 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
         } else {
           totalSize = containerRect.width;
           splitterSize = splitterRect.width;
-        } //计算目标对象位置
-
-
+        }
+        //计算目标对象位置
         var primarySize = this.props.primaryIndex === 1 ? totalSize - splitterSize - primaryPaneSize : primaryPaneSize || (totalSize - splitterSize) / 2;
         secondaryPaneSize = this.getSecondaryPaneSize(containerRect, splitterRect, {
           left: containerRect.left + primarySize,
           top: containerRect.top + primarySize
         }, false);
       }
-
       this.setState({
         secondaryPaneSize: secondaryPaneSize
       });
@@ -129,7 +105,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
       if (prevState.secondaryPaneSize !== this.state.secondaryPaneSize && this.props.onSecondaryPaneSizeChange) {
         this.props.onSecondaryPaneSizeChange(this.state.secondaryPaneSize);
       }
-
       if (prevState.resizing !== this.state.resizing) {
         if (this.state.resizing) {
           if (this.props.onDragStart) {
@@ -149,27 +124,21 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
       document.removeEventListener('touchend', this.handleMouseUp);
       document.removeEventListener('touchmove', this.handleTouchMove);
     } //获取第二块内容宽度or高度
-
   }, {
     key: "getSecondaryPaneSize",
     value: function getSecondaryPaneSize(containerRect, splitterRect, clientPosition, offsetMouse) {
       var totalSize;
       var splitterSize;
       var offset;
-
       if (this.props.vertical) {
         //垂直排列
         totalSize = containerRect.height; //总高度
-
         splitterSize = splitterRect.height; //划分条高度
-
         offset = clientPosition.top - containerRect.top; //移动位置减去原始位置
       } else {
         //默认水平排列
         totalSize = containerRect.width; //总宽度
-
         splitterSize = splitterRect.width; //划分条宽度
-
         offset = clientPosition.left - containerRect.left; //移动位置减去原始位置
       }
 
@@ -177,25 +146,20 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
         //移动
         offset -= splitterSize / 2;
       }
-
       if (offset < 0) {
         offset = 0;
       } else if (offset > totalSize - splitterSize) {
         //移动超过容器大小
         offset = totalSize - splitterSize;
       }
-
       var secondaryPaneSize;
-
       if (this.props.primaryIndex === 1) {
         //目标对象是1
         secondaryPaneSize = offset;
       } else {
         secondaryPaneSize = totalSize - splitterSize - offset;
       }
-
       var primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
-
       if (this.props.percentage) {
         //百分比
         secondaryPaneSize = secondaryPaneSize * 100 / totalSize;
@@ -203,13 +167,11 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
         splitterSize = splitterSize * 100 / totalSize;
         totalSize = 100;
       }
-
       if (primaryPaneSize < this.props.primaryMinSize) {
         secondaryPaneSize = Math.max(secondaryPaneSize - (this.props.primaryMinSize - primaryPaneSize), 0);
       } else if (secondaryPaneSize < this.props.secondaryMinSize) {
         secondaryPaneSize = Math.min(totalSize - splitterSize - this.props.primaryMinSize, this.props.secondaryMinSize);
       }
-
       return secondaryPaneSize;
     }
   }, {
@@ -269,40 +231,32 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          customClassName = _this$props.customClassName,
-          vertical = _this$props.vertical,
-          _this$props$partClass = _this$props.partClassNames,
-          partClassNames = _this$props$partClass === void 0 ? [] : _this$props$partClass,
-          _this$props$partStyle = _this$props.partStyles,
-          partStyles = _this$props$partStyle === void 0 ? [] : _this$props$partStyle;
+        customClassName = _this$props.customClassName,
+        vertical = _this$props.vertical,
+        _this$props$partClass = _this$props.partClassNames,
+        partClassNames = _this$props$partClass === void 0 ? [] : _this$props$partClass,
+        _this$props$partStyle = _this$props.partStyles,
+        partStyles = _this$props$partStyle === void 0 ? [] : _this$props$partStyle;
       var containerClasses = "splitter-layout ".concat(customClassName || '').concat(vertical ? ' splitter-layout-vertical' : '');
-
       if (this.state.resizing) {
         containerClasses += ' layout-changing';
       }
-
       var children = React.Children.toArray(this.props.children).slice(0, 2);
-
       if (children.length === 0) {
         children.push( /*#__PURE__*/React.createElement("div", null));
       }
-
       var wrappedChildren = [];
       var primaryIndex = this.props.primaryIndex !== 0 && this.props.primaryIndex !== 1 ? 0 : this.props.primaryIndex;
-
       for (var i = 0; i < children.length; ++i) {
         var primary = true;
         var size = null;
         var classname = partClassNames === null || partClassNames === void 0 ? void 0 : partClassNames[i];
         var styleObj = partStyles === null || partStyles === void 0 ? void 0 : partStyles[i];
-
         if (children.length > 1 && i !== primaryIndex) {
           primary = false;
           size = this.state.secondaryPaneSize;
         }
-
         wrappedChildren.push( /*#__PURE__*/React.createElement(Pane, {
           vertical: vertical,
           percentage: this.props.percentage,
@@ -312,7 +266,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
           paneStyle: styleObj
         }, children[i]));
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: containerClasses,
         style: this.props.containerStyle,
@@ -331,7 +284,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
       }), wrappedChildren.length > 1 && wrappedChildren[1]);
     }
   }]);
-
   return SplitterLayout;
 }(React.Component); //
 // SplitterLayout.propTypes = {
@@ -370,6 +322,4 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
 //   onSecondaryPaneSizeChange: null,
 //   children: []
 // };
-
-
 export default SplitterLayout;

package/es/StandardContent/SplitterLayout/Pane.js

@@ -1,19 +1,17 @@
-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; }
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import './index.less';
-
 function Pane(props) {
   var size = props.size || 0;
   var unit = props.percentage ? '%' : 'px';
   var classes = "".concat(props.paneClassName, " layout-pane ");
   var style = {};
-
   if (!props.primary) {
     if (props.vertical) {
       style.height = "".concat(size).concat(unit);
@@ -23,13 +21,11 @@ function Pane(props) {
   } else {
     classes += ' layout-pane-primary';
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: classes,
     style: _objectSpread(_objectSpread({}, props.paneStyle), style)
   }, props.children);
 }
-
 Pane.propTypes = {
   paneClassName: PropTypes.string,
   paneStyle: PropTypes.object,

package/es/StandardContent/SplitterLayout/index.js

@@ -1,30 +1,20 @@
-function _typeof(obj) { "@babel/helpers - typeof"; 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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 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 _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); }
-
+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, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import Pane from './Pane';
 import './index.less';
-
 function clearSelection() {
   if (document.body.createTextRange) {
     // https://github.com/zesik/react-splitter-layout/issues/16
@@ -42,19 +32,13 @@ function clearSelection() {
     document.selection.empty();
   }
 }
-
 var DEFAULT_SPLITTER_SIZE = 4;
-
 var SplitterLayout = /*#__PURE__*/function (_React$Component) {
   _inherits(SplitterLayout, _React$Component);
-
   var _super = _createSuper(SplitterLayout);
-
   function SplitterLayout(props) {
     var _this;
-
     _classCallCheck(this, SplitterLayout);
-
     _this = _super.call(this, props);
     _this.handleResize = _this.handleResize.bind(_assertThisInitialized(_this));
     _this.handleMouseMove = _this.handleMouseMove.bind(_assertThisInitialized(_this));
@@ -67,7 +51,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   _createClass(SplitterLayout, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -77,7 +60,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
       document.addEventListener('touchend', this.handleMouseUp);
       document.addEventListener('touchmove', this.handleTouchMove);
       var secondaryPaneSize, primaryPaneSize;
-
       if (typeof this.props.secondaryInitialSize !== 'undefined') {
         //设置其余部分大小
         secondaryPaneSize = this.props.secondaryInitialSize;
@@ -86,10 +68,8 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
           //设置主要部分大小
           primaryPaneSize = this.props.primaryInitialSize;
         }
-
         var containerRect = this.container.getBoundingClientRect();
         var splitterRect;
-
         if (this.splitter) {
           splitterRect = this.splitter.getBoundingClientRect();
         } else {
@@ -99,9 +79,7 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
             height: DEFAULT_SPLITTER_SIZE
           };
         }
-
         var totalSize, splitterSize;
-
         if (this.props.vertical) {
           //垂直排列
           totalSize = containerRect.height;
@@ -109,16 +87,14 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
         } else {
           totalSize = containerRect.width;
           splitterSize = splitterRect.width;
-        } //计算目标对象位置
-
-
+        }
+        //计算目标对象位置
         var primarySize = this.props.primaryIndex === 1 ? totalSize - splitterSize - primaryPaneSize : primaryPaneSize || (totalSize - splitterSize) / 2;
         secondaryPaneSize = this.getSecondaryPaneSize(containerRect, splitterRect, {
           left: containerRect.left + primarySize,
           top: containerRect.top + primarySize
         }, false);
       }
-
       this.setState({
         secondaryPaneSize: secondaryPaneSize
       });
@@ -129,7 +105,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
       if (prevState.secondaryPaneSize !== this.state.secondaryPaneSize && this.props.onSecondaryPaneSizeChange) {
         this.props.onSecondaryPaneSizeChange(this.state.secondaryPaneSize);
       }
-
       if (prevState.resizing !== this.state.resizing) {
         if (this.state.resizing) {
           if (this.props.onDragStart) {
@@ -149,27 +124,21 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
       document.removeEventListener('touchend', this.handleMouseUp);
       document.removeEventListener('touchmove', this.handleTouchMove);
     } //获取第二块内容宽度or高度
-
   }, {
     key: "getSecondaryPaneSize",
     value: function getSecondaryPaneSize(containerRect, splitterRect, clientPosition, offsetMouse) {
       var totalSize;
       var splitterSize;
       var offset;
-
       if (this.props.vertical) {
         //垂直排列
         totalSize = containerRect.height; //总高度
-
         splitterSize = splitterRect.height; //划分条高度
-
         offset = clientPosition.top - containerRect.top; //移动位置减去原始位置
       } else {
         //默认水平排列
         totalSize = containerRect.width; //总宽度
-
         splitterSize = splitterRect.width; //划分条宽度
-
         offset = clientPosition.left - containerRect.left; //移动位置减去原始位置
       }
 
@@ -177,25 +146,20 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
         //移动
         offset -= splitterSize / 2;
       }
-
       if (offset < 0) {
         offset = 0;
       } else if (offset > totalSize - splitterSize) {
         //移动超过容器大小
         offset = totalSize - splitterSize;
       }
-
       var secondaryPaneSize;
-
       if (this.props.primaryIndex === 1) {
         //目标对象是1
         secondaryPaneSize = offset;
       } else {
         secondaryPaneSize = totalSize - splitterSize - offset;
       }
-
       var primaryPaneSize = totalSize - splitterSize - secondaryPaneSize;
-
       if (this.props.percentage) {
         //百分比
         secondaryPaneSize = secondaryPaneSize * 100 / totalSize;
@@ -203,13 +167,11 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
         splitterSize = splitterSize * 100 / totalSize;
         totalSize = 100;
       }
-
       if (primaryPaneSize < this.props.primaryMinSize) {
         secondaryPaneSize = Math.max(secondaryPaneSize - (this.props.primaryMinSize - primaryPaneSize), 0);
       } else if (secondaryPaneSize < this.props.secondaryMinSize) {
         secondaryPaneSize = Math.min(totalSize - splitterSize - this.props.primaryMinSize, this.props.secondaryMinSize);
       }
-
       return secondaryPaneSize;
     }
   }, {
@@ -269,41 +231,31 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var containerClasses = 'splitter-layout';
-
       if (this.props.customClassName) {
         containerClasses += " ".concat(this.props.customClassName);
       }
-
       if (this.props.vertical) {
         containerClasses += ' splitter-layout-vertical';
       }
-
       if (this.state.resizing) {
         containerClasses += ' layout-changing';
       }
-
       var children = React.Children.toArray(this.props.children).slice(0, 2);
-
       if (children.length === 0) {
         children.push( /*#__PURE__*/React.createElement("div", null));
       }
-
       var wrappedChildren = [];
       var primaryIndex = this.props.primaryIndex !== 0 && this.props.primaryIndex !== 1 ? 0 : this.props.primaryIndex;
-
       for (var i = 0; i < children.length; ++i) {
         var primary = true;
         var size = null;
         var classname = this.props.partClassNames[i];
         var styleObj = this.props.partStyles[i];
-
         if (children.length > 1 && i !== primaryIndex) {
           primary = false;
           size = this.state.secondaryPaneSize;
         }
-
         wrappedChildren.push( /*#__PURE__*/React.createElement(Pane, {
           vertical: this.props.vertical,
           percentage: this.props.percentage,
@@ -313,7 +265,6 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
           paneStyle: styleObj
         }, children[i]));
       }
-
       return /*#__PURE__*/React.createElement("div", {
         className: containerClasses,
         style: this.props.containerStyle,
@@ -332,10 +283,8 @@ var SplitterLayout = /*#__PURE__*/function (_React$Component) {
       }), wrappedChildren.length > 1 && wrappedChildren[1]);
     }
   }]);
-
   return SplitterLayout;
 }(React.Component);
-
 SplitterLayout.propTypes = {
   containerStyle: PropTypes.object,
   customClassName: PropTypes.string,

package/es/StandardContent/SubfieldContent.js

@@ -4,21 +4,20 @@ import React from 'react';
 import classNames from 'classnames';
 import DragContent from '../DragContent';
 import './style/index.less';
-
 var SubfieldContent = function SubfieldContent(props) {
   var _props$leftSiderWidth = props.leftSiderWidth,
-      leftSiderWidth = _props$leftSiderWidth === void 0 ? 180 : _props$leftSiderWidth,
-      leftSiderNode = props.leftSiderNode,
-      children = props.children,
-      className = props.className,
-      style = props.style,
-      leftSiderClassName = props.leftSiderClassName,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      loadingTip = props.loadingTip,
-      leftSiderDragDirection = props.leftSiderDragDirection,
-      leftSiderMoveMaxWidth = props.leftSiderMoveMaxWidth,
-      leftSiderMoveMaxHeight = props.leftSiderMoveMaxHeight;
+    leftSiderWidth = _props$leftSiderWidth === void 0 ? 180 : _props$leftSiderWidth,
+    leftSiderNode = props.leftSiderNode,
+    children = props.children,
+    className = props.className,
+    style = props.style,
+    leftSiderClassName = props.leftSiderClassName,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    loadingTip = props.loadingTip,
+    leftSiderDragDirection = props.leftSiderDragDirection,
+    leftSiderMoveMaxWidth = props.leftSiderMoveMaxWidth,
+    leftSiderMoveMaxHeight = props.leftSiderMoveMaxHeight;
   return /*#__PURE__*/React.createElement("div", {
     className: classNames('spec-grid-content', loading ? 'spec-grid-content-loading' : '', className),
     style: style
@@ -37,5 +36,4 @@ var SubfieldContent = function SubfieldContent(props) {
     className: 'spec-grid-right'
   }, children));
 };
-
 export default SubfieldContent;

package/es/StandardContent/WrapperContent.js

@@ -3,17 +3,16 @@ import _Spin from "antd/es/spin";
 import './style/index.less';
 import React from 'react';
 import classNames from 'classnames';
-
 var WrapperContent = function WrapperContent(props) {
   var children = props.children,
-      light = props.light,
-      className = props.className,
-      style = props.style,
-      _props$noMargin = props.noMargin,
-      noMargin = _props$noMargin === void 0 ? false : _props$noMargin,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      loadingTip = props.loadingTip;
+    light = props.light,
+    className = props.className,
+    style = props.style,
+    _props$noMargin = props.noMargin,
+    noMargin = _props$noMargin === void 0 ? false : _props$noMargin,
+    _props$loading = props.loading,
+    loading = _props$loading === void 0 ? false : _props$loading,
+    loadingTip = props.loadingTip;
   var defaultClassName = 'spec-wrapper-content';
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(defaultClassName, className, loading ? 'spec-wrapper-content-loading' : '', noMargin ? 'has-margin' : ''),
@@ -25,5 +24,4 @@ var WrapperContent = function WrapperContent(props) {
     className: "light-block"
   }, " ", children) : children);
 };
-
 export default WrapperContent;