linkmore-design 1.1.27-beta.6 → 1.1.27-beta.7

package/lib/LmImgList/body/Banner.js

@@ -1,32 +1,29 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _linkmoreDesign = require("linkmore-design");
-
 var BannerItem = /*#__PURE__*/_react.default.memo(function (_ref) {
   var key = _ref.key,
-      index = _ref.index,
-      item = _ref.item,
-      instance = _ref.instance;
+    index = _ref.index,
+    item = _ref.item,
+    instance = _ref.instance;
   var state = instance.state,
-      getIsVideo = instance.getIsVideo;
+    getIsVideo = instance.getIsVideo;
   var transformProps = (0, _react.useMemo)(function () {
     if (index !== state.currentIndex) return {};
     var _state$transform = state.transform,
-        scale = _state$transform.scale,
-        rotateZ = _state$transform.rotateZ;
+      scale = _state$transform.scale,
+      rotateZ = _state$transform.rotateZ;
     return {
       transform: "scale(".concat(scale, ") rotateZ(").concat(rotateZ, "deg)")
     };
-  }, [state.currentIndex, state.transform]); // useEffect(() => {
+  }, [state.currentIndex, state.transform]);
+  // useEffect(() => {
   //   // 1. 创建 IntersectionObserver对象
   //   const ob = new IntersectionObserver(
   //     (entry) => {
@@ -53,7 +50,6 @@ var BannerItem = /*#__PURE__*/_react.default.memo(function (_ref) {
   //     }
   //   }
   // }, [])
-
   var renderView = (0, _react.useMemo)(function () {
     if (getIsVideo(item)) {
       return (
@@ -75,7 +71,6 @@ var BannerItem = /*#__PURE__*/_react.default.memo(function (_ref) {
         }), "\u89C6\u9891\u64AD\u653E\u5931\u8D25\uFF01")
       );
     }
-
     return /*#__PURE__*/_react.default.createElement("img", {
       loading: "lazy",
       alt: "",
@@ -87,18 +82,16 @@ var BannerItem = /*#__PURE__*/_react.default.memo(function (_ref) {
     className: "banner_item"
   }, renderView);
 });
-
 var BigImg = function BigImg(_ref2) {
   var instance = _ref2.instance;
   var dataSource = instance.dataSource,
-      bodyRef = instance.bodyRef,
-      enableWheel = instance.enableWheel,
-      infinite = instance.infinite,
-      setTransform = instance.setTransform,
-      beforeChange = instance.beforeChange;
+    bodyRef = instance.bodyRef,
+    enableWheel = instance.enableWheel,
+    infinite = instance.infinite,
+    setTransform = instance.setTransform,
+    beforeChange = instance.beforeChange;
   var onWheel = (0, _react.useCallback)(function (e) {
     if (!enableWheel) return;
-
     if ((e === null || e === void 0 ? void 0 : e.deltaY) <= 0) {
       setTransform('zoomIn');
     } else {
@@ -128,7 +121,5 @@ var BigImg = function BigImg(_ref2) {
     });
   })));
 };
-
 var _default = /*#__PURE__*/_react.default.memo(BigImg);
-
 exports.default = _default;

package/lib/LmImgList/body/Thumb.js

@@ -1,33 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _linkmoreDesign = require("linkmore-design");
-
 var ThumbItem = /*#__PURE__*/_react.default.memo(function (_ref) {
   var index = _ref.index,
-      item = _ref.item,
-      instance = _ref.instance;
+    item = _ref.item,
+    instance = _ref.instance;
   var state = instance.state,
-      slickGoTo = instance.slickGoTo,
-      getIsVideo = instance.getIsVideo;
-
+    slickGoTo = instance.slickGoTo,
+    getIsVideo = instance.getIsVideo;
   var handleGoTo = function handleGoTo(e, number) {
     e.preventDefault();
     slickGoTo(number);
   };
-
   var renderView = (0, _react.useMemo)(function () {
     if (getIsVideo(item)) {
       return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
@@ -35,7 +27,6 @@ var ThumbItem = /*#__PURE__*/_react.default.memo(function (_ref) {
         className: "thumb_item_icon"
       });
     }
-
     return /*#__PURE__*/_react.default.createElement("img", {
       loading: "lazy",
       src: item,
@@ -49,7 +40,6 @@ var ThumbItem = /*#__PURE__*/_react.default.memo(function (_ref) {
     }
   }, renderView);
 });
-
 var Thumb = function Thumb(_ref2) {
   var instance = _ref2.instance;
   var dataSource = instance.dataSource;
@@ -73,7 +63,5 @@ var Thumb = function Thumb(_ref2) {
     });
   }));
 };
-
 var _default = /*#__PURE__*/_react.default.memo(Thumb);
-
 exports.default = _default;

package/lib/LmImgList/fns/index.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var useCoreOptions = function useCoreOptions(_ref) {
   var state = _ref.state,
-      dispatch = _ref.dispatch,
-      props = _ref.props,
-      bodyRef = _ref.bodyRef;
+    dispatch = _ref.dispatch,
+    props = _ref.props,
+    bodyRef = _ref.bodyRef;
   // 获取是否为视频格式
   var getIsVideo = (0, _react.useCallback)(function (url) {
     var fileExtension = url.replace(/.*\./, '').toLowerCase();
@@ -20,28 +18,22 @@ var useCoreOptions = function useCoreOptions(_ref) {
   var setTransform = (0, _react.useCallback)(function (type) {
     var scale = state.transform.scale * 100;
     var rotateZ = state.transform.rotateZ;
-
     switch (type) {
       case 'zoomIn':
         scale += 25;
         break;
-
       case 'zoomOut':
         scale < 30 ? scale : scale -= 25;
         break;
-
       case 'rotateLeft':
         rotateZ -= 90;
         break;
-
       case 'rotateRight':
         rotateZ += 90;
         break;
-
       default:
         break;
     }
-
     dispatch({
       type: 'changeTransform',
       transform: {
@@ -49,8 +41,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
         scale: scale / 100
       }
     });
-  }, [state.transform]); // 切换轮播前的回调
-
+  }, [state.transform]);
+  // 切换轮播前的回调
   var beforeChange = (0, _react.useCallback)(function (from, currentIndex) {
     dispatch({
       type: 'changeCurrent',
@@ -58,8 +50,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
         currentIndex: currentIndex
       }
     });
-  }, []); // 切换轮播后的回调
-
+  }, []);
+  // 切换轮播后的回调
   var afterChange = (0, _react.useCallback)(function (currentIndex) {
     dispatch({
       type: 'changeCurrent',
@@ -67,20 +59,20 @@ var useCoreOptions = function useCoreOptions(_ref) {
         currentIndex: currentIndex
       }
     });
-  }, []); // 转到指定的轮播图, 直接跳转, 不展示动画
-
+  }, []);
+  // 转到指定的轮播图, 直接跳转, 不展示动画
   var slickGoTo = (0, _react.useCallback)(function (currentIndex) {
     bodyRef.current.goTo(currentIndex, true);
-  }, []); // 转到下一张轮播图
-
+  }, []);
+  // 转到下一张轮播图
   var slickNext = (0, _react.useCallback)(function () {
     bodyRef.current.next();
-  }, []); // 转到上一张轮播图
-
+  }, []);
+  // 转到上一张轮播图
   var slickPrev = (0, _react.useCallback)(function () {
     bodyRef.current.prev();
-  }, []); // 初始化图片索引
-
+  }, []);
+  // 初始化图片索引
   (0, _react.useEffect)(function () {
     slickGoTo(props.initialIndex);
     dispatch({
@@ -109,6 +101,5 @@ var useCoreOptions = function useCoreOptions(_ref) {
     RefMethods: RefMethods
   };
 };
-
 var _default = useCoreOptions;
 exports.default = _default;

package/lib/LmImgList/index.js

@@ -1,17 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _LmImgList = _interopRequireDefault(require("./LmImgList"));
-
 var _interface = require("./interface");
-
 Object.keys(_interface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/lib/LmImgList/wrapper/Container.js

@@ -1,37 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Banner = _interopRequireDefault(require("../body/Banner"));
-
 var _Thumb = _interopRequireDefault(require("../body/Thumb"));
-
 var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
-
 var Container = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var dispatch = instance.dispatch,
-      height = instance.height;
-  var boxContainerRef = (0, _react.useRef)(null); // 获取盒子容器的大小
-
+    height = instance.height;
+  var boxContainerRef = (0, _react.useRef)(null);
+  // 获取盒子容器的大小
   /** TODO: 没设默认值会导致打包失败 */
-
   var getResize = (0, _react.useCallback)(function () {
     var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref2$blockSize = _ref2.blockSize,
-        blockSize = _ref2$blockSize === void 0 ? 0 : _ref2$blockSize,
-        _ref2$inlineSize = _ref2.inlineSize,
-        inlineSize = _ref2$inlineSize === void 0 ? 0 : _ref2$inlineSize;
-
+      _ref2$blockSize = _ref2.blockSize,
+      blockSize = _ref2$blockSize === void 0 ? 0 : _ref2$blockSize,
+      _ref2$inlineSize = _ref2.inlineSize,
+      inlineSize = _ref2$inlineSize === void 0 ? 0 : _ref2$inlineSize;
     dispatch({
       type: 'changeResize',
       resize: {
@@ -39,19 +30,17 @@ var Container = /*#__PURE__*/_react.default.memo(function (_ref) {
         height: blockSize
       }
     });
-  }, []); // 获取表格高度
-
+  }, []);
+  // 获取表格高度
   useIsomorphicLayoutEffect(function () {
     // 频繁变动可考虑增加防抖
     var resizeObserver = new ResizeObserver(function (entries) {
       var borderbox = entries[0].borderBoxSize[0];
       getResize(borderbox);
     });
-
     if (boxContainerRef.current) {
       resizeObserver.observe(boxContainerRef.current);
     }
-
     return function () {
       return resizeObserver.disconnect();
     };
@@ -68,6 +57,5 @@ var Container = /*#__PURE__*/_react.default.memo(function (_ref) {
     instance: instance
   }));
 });
-
 var _default = Container;
 exports.default = _default;

package/lib/LmImgList/wrapper/Root.js

@@ -1,51 +1,40 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reducer = _interopRequireWildcard(require("./reducer"));
-
 var _fns = _interopRequireDefault(require("../fns"));
-
 var _Wrapper = _interopRequireDefault(require("./Wrapper"));
-
 var Root = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var bodyRef = (0, _react.useRef)(null);
   var initialState = (0, _react.useMemo)(function () {
     return (0, _reducer.initialState)(props);
   }, []);
-
   var _useReducer = (0, _react.useReducer)(_reducer.default, initialState),
-      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // 获取核心Methods
-
-
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  // 获取核心Methods
   var _useCoreOptions = (0, _fns.default)({
-    state: state,
-    dispatch: dispatch,
-    props: props,
-    bodyRef: bodyRef
-  }),
-      CoreMethods = _useCoreOptions.CoreMethods,
-      RefMethods = _useCoreOptions.RefMethods;
-
+      state: state,
+      dispatch: dispatch,
+      props: props,
+      bodyRef: bodyRef
+    }),
+    CoreMethods = _useCoreOptions.CoreMethods,
+    RefMethods = _useCoreOptions.RefMethods;
   var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
     bodyRef: bodyRef,
     state: state,
     dispatch: dispatch
-  }); // 向外暴露出的方法
-
+  });
+  // 向外暴露出的方法
   (0, _react.useImperativeHandle)(ref, function () {
     return Object.assign(Object.assign({}, RefMethods), {
       getState: function getState() {

package/lib/LmImgList/wrapper/Wrapper.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Container = _interopRequireDefault(require("./Container"));
-
 var LmBoxWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   return /*#__PURE__*/_react.default.createElement(_Container.default, {
     instance: instance
   });
 });
-
 var _default = LmBoxWrapper;
 exports.default = _default;

package/lib/LmImgList/wrapper/reducer.js

@@ -17,48 +17,40 @@ var defaultState = {
   transform: {
     scale: 1,
     rotateZ: 0 // Z轴旋转方向
-
   }
-}; // 状态管理操作
-
+};
+// 状态管理操作
 var reducer = function reducer(state, action) {
   var resize = action.resize,
-      transform = action.transform,
-      current = action.current;
-
+    transform = action.transform,
+    current = action.current;
   switch (action.type) {
     case 'changeResize':
       return Object.assign(Object.assign({}, state), {
         resize: resize
       });
-
     case 'changeTransform':
       // 改变转换
       return Object.assign(Object.assign({}, state), {
         transform: Object.assign(Object.assign({}, state.transform), transform)
       });
-
     case 'changeCurrent':
       // 改变当前选中的图片
       return Object.assign(Object.assign(Object.assign({}, state), current), {
         transform: defaultState.transform
       });
-
     default:
       throw new Error();
   }
-}; // 仅在初始化时触发一次
-
-
+};
+// 仅在初始化时触发一次
 exports.reducer = reducer;
-
 var initialState = function initialState(props) {
   var initialIndex = props.initialIndex;
   return Object.assign(Object.assign({}, defaultState), {
     currentIndex: initialIndex
   });
 };
-
 exports.initialState = initialState;
 var _default = reducer;
 exports.default = _default;