feat: 氧化铝数字孪生系统监控大屏完成

node_modules/react-responsive-masonry/lib/Masonry/index.js

@@ -0,0 +1,197 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+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 _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+var Masonry = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Masonry, _React$Component);
+
+  function Masonry() {
+    var _this;
+
+    _this = _React$Component.call(this) || this;
+    _this.state = {
+      columns: [],
+      childRefs: [],
+      hasDistributed: false
+    };
+    return _this;
+  }
+
+  var _proto = Masonry.prototype;
+
+  _proto.componentDidUpdate = function componentDidUpdate() {
+    if (!this.state.hasDistributed && !this.props.sequential) this.distributeChildren();
+  };
+
+  Masonry.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
+    var children = props.children,
+        columnsCount = props.columnsCount;
+    var hasColumnsChanged = columnsCount !== state.columns.length;
+    if (state && children === state.children && !hasColumnsChanged) return null;
+    return _extends({}, Masonry.getEqualCountColumns(children, columnsCount), {
+      children: children,
+      hasDistributed: false
+    });
+  };
+
+  _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+    return nextProps.children !== this.state.children || nextProps.columnsCount !== this.props.columnsCount;
+  };
+
+  _proto.distributeChildren = function distributeChildren() {
+    var _this2 = this;
+
+    var _this$props = this.props,
+        children = _this$props.children,
+        columnsCount = _this$props.columnsCount;
+    var columnHeights = Array(columnsCount).fill(0);
+    var isReady = this.state.childRefs.every(function (ref) {
+      return ref.current.getBoundingClientRect().height;
+    });
+    if (!isReady) return;
+    var columns = Array.from({
+      length: columnsCount
+    }, function () {
+      return [];
+    });
+    var validIndex = 0;
+
+    _react["default"].Children.forEach(children, function (child) {
+      if (child && _react["default"].isValidElement(child)) {
+        // .current is undefined if ref was passed to a functional component without forwardRef
+        // now passing ref into a wrapper div so it should always be defined
+        var childHeight = _this2.state.childRefs[validIndex].current.getBoundingClientRect().height;
+
+        var minHeightColumnIndex = columnHeights.indexOf(Math.min.apply(Math, columnHeights));
+        columnHeights[minHeightColumnIndex] += childHeight;
+        columns[minHeightColumnIndex].push(child);
+        validIndex++;
+      }
+    });
+
+    this.setState(function (p) {
+      return _extends({}, p, {
+        columns: columns,
+        hasDistributed: true
+      });
+    });
+  };
+
+  Masonry.getEqualCountColumns = function getEqualCountColumns(children, columnsCount) {
+    var columns = Array.from({
+      length: columnsCount
+    }, function () {
+      return [];
+    });
+    var validIndex = 0;
+    var childRefs = [];
+
+    _react["default"].Children.forEach(children, function (child) {
+      if (child && _react["default"].isValidElement(child)) {
+        var ref = _react["default"].createRef();
+
+        childRefs.push(ref);
+        columns[validIndex % columnsCount].push( /*#__PURE__*/_react["default"].createElement("div", {
+          style: {
+            display: "flex",
+            justifyContent: "stretch"
+          },
+          key: validIndex,
+          ref: ref
+        }, child) // React.cloneElement(child, {ref}) // cannot attach refs to functional components without forwardRef
+        );
+        validIndex++;
+      }
+    });
+
+    return {
+      columns: columns,
+      childRefs: childRefs
+    };
+  };
+
+  _proto.renderColumns = function renderColumns() {
+    var _this$props2 = this.props,
+        gutter = _this$props2.gutter,
+        itemTag = _this$props2.itemTag,
+        itemStyle = _this$props2.itemStyle;
+    return this.state.columns.map(function (column, i) {
+      return _react["default"].createElement(itemTag, {
+        key: i,
+        style: _extends({
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "flex-start",
+          alignContent: "stretch",
+          flex: 1,
+          width: 0,
+          gap: gutter
+        }, itemStyle)
+      }, column.map(function (item) {
+        return item;
+      }));
+    });
+  };
+
+  _proto.render = function render() {
+    var _this$props3 = this.props,
+        gutter = _this$props3.gutter,
+        className = _this$props3.className,
+        style = _this$props3.style,
+        containerTag = _this$props3.containerTag;
+    return _react["default"].createElement(containerTag, {
+      style: _extends({
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "center",
+        alignContent: "stretch",
+        boxSizing: "border-box",
+        width: "100%",
+        gap: gutter
+      }, style),
+      className: className
+    }, this.renderColumns());
+  };
+
+  return Masonry;
+}(_react["default"].Component);
+
+Masonry.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  columnsCount: _propTypes["default"].number,
+  gutter: _propTypes["default"].string,
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object,
+  containerTag: _propTypes["default"].string,
+  itemTag: _propTypes["default"].string,
+  itemStyle: _propTypes["default"].object,
+  sequential: _propTypes["default"].bool
+} : {};
+Masonry.defaultProps = {
+  columnsCount: 3,
+  gutter: "0",
+  className: null,
+  style: {},
+  containerTag: "div",
+  itemTag: "div",
+  itemStyle: {},
+  sequential: false
+};
+var _default = Masonry;
+exports["default"] = _default;
+module.exports = exports.default;

node_modules/react-responsive-masonry/lib/ResponsiveMasonry/index.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
+
+var DEFAULT_COLUMNS_COUNT = 1;
+var DEFAULT_GUTTER = "10px";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? _react.useLayoutEffect : _react.useEffect;
+
+var useHasMounted = function useHasMounted() {
+  var _useState = (0, _react.useState)(false),
+      hasMounted = _useState[0],
+      setHasMounted = _useState[1];
+
+  useIsomorphicLayoutEffect(function () {
+    setHasMounted(true);
+  }, []);
+  return hasMounted;
+};
+
+var useWindowWidth = function useWindowWidth() {
+  var hasMounted = useHasMounted();
+
+  var _useState2 = (0, _react.useState)(typeof window !== "undefined" ? window.innerWidth : 0),
+      width = _useState2[0],
+      setWidth = _useState2[1];
+
+  var handleResize = (0, _react.useCallback)(function () {
+    if (!hasMounted) return;
+    setWidth(window.innerWidth);
+  }, [hasMounted]);
+  useIsomorphicLayoutEffect(function () {
+    if (hasMounted) {
+      window.addEventListener("resize", handleResize);
+      handleResize();
+      return function () {
+        return window.removeEventListener("resize", handleResize);
+      };
+    }
+  }, [hasMounted, handleResize]);
+  return width;
+};
+
+var MasonryResponsive = function MasonryResponsive(_ref) {
+  var _ref$columnsCountBrea = _ref.columnsCountBreakPoints,
+      columnsCountBreakPoints = _ref$columnsCountBrea === void 0 ? {
+    350: 1,
+    750: 2,
+    900: 3
+  } : _ref$columnsCountBrea,
+      _ref$gutterBreakPoint = _ref.gutterBreakPoints,
+      gutterBreakPoints = _ref$gutterBreakPoint === void 0 ? {} : _ref$gutterBreakPoint,
+      children = _ref.children,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? null : _ref$className,
+      _ref$style = _ref.style,
+      style = _ref$style === void 0 ? null : _ref$style;
+  var windowWidth = useWindowWidth();
+  var getResponsiveValue = (0, _react.useCallback)(function (breakPoints, defaultValue) {
+    var sortedBreakPoints = Object.keys(breakPoints).sort(function (a, b) {
+      return a - b;
+    });
+    var value = sortedBreakPoints.length > 0 ? breakPoints[sortedBreakPoints[0]] : defaultValue;
+    sortedBreakPoints.forEach(function (breakPoint) {
+      if (breakPoint < windowWidth) {
+        value = breakPoints[breakPoint];
+      }
+    });
+    return value;
+  }, [windowWidth]);
+  var columnsCount = (0, _react.useMemo)(function () {
+    return getResponsiveValue(columnsCountBreakPoints, DEFAULT_COLUMNS_COUNT);
+  }, [getResponsiveValue, columnsCountBreakPoints]);
+  var gutter = (0, _react.useMemo)(function () {
+    return getResponsiveValue(gutterBreakPoints, DEFAULT_GUTTER);
+  }, [getResponsiveValue, gutterBreakPoints]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: className,
+    style: style
+  }, _react["default"].Children.map(children, function (child, index) {
+    return _react["default"].cloneElement(child, {
+      key: index,
+      columnsCount: columnsCount,
+      gutter: gutter
+    });
+  }));
+};
+
+MasonryResponsive.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  columnsCountBreakPoints: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  style: _propTypes["default"].object
+} : {};
+var _default = MasonryResponsive;
+exports["default"] = _default;
+module.exports = exports.default;

node_modules/react-responsive-masonry/lib/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ResponsiveMasonry", {
+  enumerable: true,
+  get: function get() {
+    return _ResponsiveMasonry["default"];
+  }
+});
+exports["default"] = void 0;
+
+var _Masonry = _interopRequireDefault(require("./Masonry"));
+
+var _ResponsiveMasonry = _interopRequireDefault(require("./ResponsiveMasonry"));
+
+exports.ResponsiveMasonry = _ResponsiveMasonry["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = _Masonry["default"];
+exports["default"] = _default;