linkmore-design 1.1.27-beta.5 → 1.1.28-alpha.5

package/lib/LmImgList/body/Banner.js

@@ -1,29 +1,32 @@
 "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) => {
@@ -50,6 +53,7 @@ var BannerItem = /*#__PURE__*/_react.default.memo(function (_ref) {
   //     }
   //   }
   // }, [])
+
   var renderView = (0, _react.useMemo)(function () {
     if (getIsVideo(item)) {
       return (
@@ -71,6 +75,7 @@ var BannerItem = /*#__PURE__*/_react.default.memo(function (_ref) {
         }), "\u89C6\u9891\u64AD\u653E\u5931\u8D25\uFF01")
       );
     }
+
     return /*#__PURE__*/_react.default.createElement("img", {
       loading: "lazy",
       alt: "",
@@ -82,16 +87,18 @@ 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 {
@@ -121,5 +128,7 @@ var BigImg = function BigImg(_ref2) {
     });
   })));
 };
+
 var _default = /*#__PURE__*/_react.default.memo(BigImg);
+
 exports.default = _default;

package/lib/LmImgList/body/Thumb.js

@@ -1,25 +1,33 @@
 "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, {
@@ -27,6 +35,7 @@ var ThumbItem = /*#__PURE__*/_react.default.memo(function (_ref) {
         className: "thumb_item_icon"
       });
     }
+
     return /*#__PURE__*/_react.default.createElement("img", {
       loading: "lazy",
       src: item,
@@ -40,6 +49,7 @@ var ThumbItem = /*#__PURE__*/_react.default.memo(function (_ref) {
     }
   }, renderView);
 });
+
 var Thumb = function Thumb(_ref2) {
   var instance = _ref2.instance;
   var dataSource = instance.dataSource;
@@ -63,5 +73,7 @@ var Thumb = function Thumb(_ref2) {
     });
   }));
 };
+
 var _default = /*#__PURE__*/_react.default.memo(Thumb);
+
 exports.default = _default;

package/lib/LmImgList/fns/index.js

@@ -4,12 +4,14 @@ 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();
@@ -18,22 +20,28 @@ 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: {
@@ -41,8 +49,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
         scale: scale / 100
       }
     });
-  }, [state.transform]);
-  // 切换轮播前的回调
+  }, [state.transform]); // 切换轮播前的回调
+
   var beforeChange = (0, _react.useCallback)(function (from, currentIndex) {
     dispatch({
       type: 'changeCurrent',
@@ -50,8 +58,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
         currentIndex: currentIndex
       }
     });
-  }, []);
-  // 切换轮播后的回调
+  }, []); // 切换轮播后的回调
+
   var afterChange = (0, _react.useCallback)(function (currentIndex) {
     dispatch({
       type: 'changeCurrent',
@@ -59,20 +67,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({
@@ -101,5 +109,6 @@ var useCoreOptions = function useCoreOptions(_ref) {
     RefMethods: RefMethods
   };
 };
+
 var _default = useCoreOptions;
 exports.default = _default;

package/lib/LmImgList/index.js

@@ -1,13 +1,17 @@
 "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,28 +1,37 @@
 "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: {
@@ -30,17 +39,19 @@ 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();
     };
@@ -57,5 +68,6 @@ var Container = /*#__PURE__*/_react.default.memo(function (_ref) {
     instance: instance
   }));
 });
+
 var _default = Container;
 exports.default = _default;

package/lib/LmImgList/wrapper/Root.js

@@ -1,40 +1,51 @@
 "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,17 +1,22 @@
 "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,40 +17,48 @@ 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;