linkmore-design/lib/image-viewer/wrapeer/Root.js

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _reducer = _interopRequireWildcard(require("./reducer"));
var _fns = _interopRequireDefault(require("../fns"));
var _Wrapper = _interopRequireDefault(require("./Wrapper"));
// 根文件 => 参数聚合

const LmImageViewerRoot = (props, ref) => {
  const previewRef = (0, _react.useRef)(null);
  const initialState = (0, _react.useMemo)(() => (0, _reducer.initialState)(props), []);
  const [state, dispatch] = (0, _react.useReducer)(_reducer.default, initialState);

  // 获取核心Methods
  const {
    CoreMethods,
    RefMethods
  } = (0, _fns.default)({
    state,
    dispatch,
    props,
    previewRef
  });

  // 组件实例
  const instance = {
    ...props,
    ...CoreMethods,
    ...RefMethods,
    previewRef,
    state,
    dispatch
  };

  // 向外暴露出的方法
  (0, _react.useImperativeHandle)(ref, () => ({}));
  return /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
    instance: instance
  });
};
var _default = /*#__PURE__*/(0, _react.forwardRef)(LmImageViewerRoot);
exports.default = _default;