fan-standard-comp 3.1.3 → 3.1.4

package/lib/SplitterLayout/index.js

@@ -1,386 +0,0 @@
-"use strict";
-
-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); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Pane = _interopRequireDefault(require("./Pane"));
-
-require("./index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _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 _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 clearSelection() {
-  if (document.body.createTextRange) {
-    // https://github.com/zesik/react-splitter-layout/issues/16
-    // https://stackoverflow.com/questions/22914075/#37580789
-    var range = document.body.createTextRange();
-    range.collapse();
-    range.select();
-  } else if (window.getSelection) {
-    if (window.getSelection().empty) {
-      window.getSelection().empty();
-    } else if (window.getSelection().removeAllRanges) {
-      window.getSelection().removeAllRanges();
-    }
-  } else if (document.selection) {
-    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));
-    _this.handleMouseUp = _this.handleMouseUp.bind(_assertThisInitialized(_this));
-    _this.handleTouchMove = _this.handleTouchMove.bind(_assertThisInitialized(_this));
-    _this.handleSplitterMouseDown = _this.handleSplitterMouseDown.bind(_assertThisInitialized(_this));
-    _this.state = {
-      secondaryPaneSize: 0,
-      resizing: false
-    };
-    return _this;
-  }
-
-  _createClass(SplitterLayout, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      window.addEventListener('resize', this.handleResize);
-      document.addEventListener('mouseup', this.handleMouseUp);
-      document.addEventListener('mousemove', this.handleMouseMove);
-      document.addEventListener('touchend', this.handleMouseUp);
-      document.addEventListener('touchmove', this.handleTouchMove);
-      var secondaryPaneSize, primaryPaneSize;
-
-      if (typeof this.props.secondaryInitialSize !== 'undefined') {
-        //设置其余部分大小
-        secondaryPaneSize = this.props.secondaryInitialSize;
-      } else {
-        if (typeof this.props.primaryInitialSize !== 'undefined') {
-          //设置主要部分大小
-          primaryPaneSize = this.props.primaryInitialSize;
-        }
-
-        var containerRect = this.container.getBoundingClientRect();
-        var splitterRect;
-
-        if (this.splitter) {
-          splitterRect = this.splitter.getBoundingClientRect();
-        } else {
-          // Simulate a splitter
-          splitterRect = {
-            width: DEFAULT_SPLITTER_SIZE,
-            height: DEFAULT_SPLITTER_SIZE
-          };
-        }
-
-        var totalSize, splitterSize;
-
-        if (this.props.vertical) {
-          //垂直排列
-          totalSize = containerRect.height;
-          splitterSize = splitterRect.height;
-        } 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
-      });
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      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) {
-            this.props.onDragStart();
-          }
-        } else if (this.props.onDragEnd) {
-          this.props.onDragEnd();
-        }
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      window.removeEventListener('resize', this.handleResize);
-      document.removeEventListener('mouseup', this.handleMouseUp);
-      document.removeEventListener('mousemove', this.handleMouseMove);
-      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; //移动位置减去原始位置
-      }
-
-      if (offsetMouse) {
-        //移动
-        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;
-        primaryPaneSize = primaryPaneSize * 100 / totalSize;
-        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;
-    }
-  }, {
-    key: "handleResize",
-    value: function handleResize() {
-      if (this.splitter && !this.props.percentage) {
-        var containerRect = this.container.getBoundingClientRect();
-        var splitterRect = this.splitter.getBoundingClientRect();
-        var secondaryPaneSize = this.getSecondaryPaneSize(containerRect, splitterRect, {
-          left: splitterRect.left,
-          top: splitterRect.top
-        }, false);
-        this.setState({
-          secondaryPaneSize: secondaryPaneSize
-        });
-      }
-    }
-  }, {
-    key: "handleMouseMove",
-    value: function handleMouseMove(e) {
-      if (this.state.resizing) {
-        var containerRect = this.container.getBoundingClientRect();
-        var splitterRect = this.splitter.getBoundingClientRect();
-        var secondaryPaneSize = this.getSecondaryPaneSize(containerRect, splitterRect, {
-          left: e.clientX,
-          top: e.clientY
-        }, true);
-        clearSelection();
-        this.setState({
-          secondaryPaneSize: secondaryPaneSize
-        });
-      }
-    }
-  }, {
-    key: "handleTouchMove",
-    value: function handleTouchMove(e) {
-      this.handleMouseMove(e.changedTouches[0]);
-    }
-  }, {
-    key: "handleSplitterMouseDown",
-    value: function handleSplitterMouseDown() {
-      clearSelection();
-      this.setState({
-        resizing: true
-      });
-    }
-  }, {
-    key: "handleMouseUp",
-    value: function handleMouseUp() {
-      this.setState(function (prevState) {
-        return prevState.resizing ? {
-          resizing: false
-        } : null;
-      });
-    }
-  }, {
-    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;
-      var containerClasses = "splitter-layout ".concat(customClassName || '').concat(vertical ? ' splitter-layout-vertical' : '');
-
-      if (this.state.resizing) {
-        containerClasses += ' layout-changing';
-      }
-
-      var children = _react.default.Children.toArray(this.props.children).slice(0, 2);
-
-      if (children.length === 0) {
-        children.push( /*#__PURE__*/_react.default.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.default.createElement(_Pane.default, {
-          vertical: vertical,
-          percentage: this.props.percentage,
-          primary: primary,
-          size: size,
-          paneClassName: classname,
-          paneStyle: styleObj
-        }, children[i]));
-      }
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: containerClasses,
-        style: this.props.containerStyle,
-        ref: function ref(c) {
-          _this2.container = c;
-        }
-      }, wrappedChildren[0], wrappedChildren.length > 1 && /*#__PURE__*/_react.default.createElement("div", {
-        role: "separator",
-        className: "layout-splitter ".concat(!this.props.vertical && 'layout-splitter-horizontal', " ").concat(this.props.splitterClassName),
-        style: this.props.splitterStyle,
-        ref: function ref(c) {
-          _this2.splitter = c;
-        },
-        onMouseDown: this.handleSplitterMouseDown,
-        onTouchStart: this.handleSplitterMouseDown
-      }), wrappedChildren.length > 1 && wrappedChildren[1]);
-    }
-  }]);
-
-  return SplitterLayout;
-}(_react.default.Component); //
-// SplitterLayout.propTypes = {
-//   containerStyle: PropTypes.object,
-//   customClassName: PropTypes.string,
-//   splitterClassName: PropTypes.string,
-//   splitterStyle: PropTypes.object,
-//   partClassNames: PropTypes.arrayOf(PropTypes.string),
-//   partStyles: PropTypes.arrayOf(PropTypes.object),
-//   vertical: PropTypes.bool,
-//   percentage: PropTypes.bool,
-//   primaryIndex: PropTypes.number,
-//   primaryMinSize: PropTypes.number,
-//   primaryInitialSize:PropTypes.number,
-//   secondaryInitialSize: PropTypes.number,
-//   secondaryMinSize: PropTypes.number,
-//   onDragStart: PropTypes.func,
-//   onDragEnd: PropTypes.func,
-//   onSecondaryPaneSizeChange: PropTypes.func,
-//   children: PropTypes.arrayOf(PropTypes.node)
-// };
-//
-// SplitterLayout.defaultProps = {
-//   customClassName: '',
-//   splitterClassName: '',
-//   partClassNames:[],
-//   partStyles:[],
-//   vertical: false,
-//   percentage: false,
-//   primaryIndex: 0,
-//   primaryMinSize: 0,
-//   secondaryInitialSize: undefined,
-//   secondaryMinSize: 0,
-//   onDragStart: null,
-//   onDragEnd: null,
-//   onSecondaryPaneSizeChange: null,
-//   children: []
-// };
-
-
-var _default = SplitterLayout;
-exports.default = _default;

package/lib/SplitterLayout/index.less

@@ -1,58 +0,0 @@
-@import '~antd/lib/style/themes/default.less';
-.splitter-layout {
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-
-.spec-grid-content .splitter-layout .layout-pane,.splitter-layout .layout-pane {
-  position: relative;
-  flex: 0 0 auto;
-  overflow: auto;
-}
-
-.spec-grid-content .splitter-layout .layout-pane.layout-pane-primary,.splitter-layout .layout-pane.layout-pane-primary {
-  flex: 1 1 auto;
-}
-
-.splitter-layout > .layout-splitter {
-  flex: 0 0 auto;
-  width: 4px;
-  height: 100%;
-  cursor: col-resize;
-  background-color: rgba(0,0,0,0);
-}
-.splitter-layout > .layout-splitter-horizontal{
-  padding-bottom:9999px;
-  margin-bottom:-9999px; 
-}
-
-.splitter-layout .layout-splitter:hover {
-  background-color: rgba(0,0,0,.1);
-}
-
-.splitter-layout.layout-changing {
-  cursor: col-resize;
-}
-
-.splitter-layout.layout-changing > .layout-splitter {
-  background-color: rgba(0,0,0,.1);
-}
-
-.splitter-layout.splitter-layout-vertical {
-  flex-direction: column;
-  height: 150px;
-}
-
-.splitter-layout.splitter-layout-vertical.layout-changing {
-  cursor: row-resize;
-}
-
-.splitter-layout.splitter-layout-vertical > .layout-splitter {
-  width: 100%;
-  height: 4px;
-  cursor: row-resize;
-}

package/lib/StandardContent/SplitterLayout/Pane.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-require("./index.less");
-
-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; }
-
-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);
-    } else {
-      style.width = "".concat(size).concat(unit);
-    }
-  } else {
-    classes += ' layout-pane-primary';
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes,
-    style: _objectSpread(_objectSpread({}, props.paneStyle), style)
-  }, props.children);
-}
-
-Pane.propTypes = {
-  paneClassName: _propTypes.default.string,
-  paneStyle: _propTypes.default.object,
-  vertical: _propTypes.default.bool,
-  primary: _propTypes.default.bool,
-  size: _propTypes.default.number,
-  percentage: _propTypes.default.bool,
-  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node])
-};
-Pane.defaultProps = {
-  paneClassName: '',
-  vertical: false,
-  primary: false,
-  size: 0,
-  percentage: false,
-  children: []
-};
-var _default = Pane;
-exports.default = _default;