linkmore-design 1.1.38 → 1.1.40

package/es/IconFont/index.js

@@ -3,11 +3,9 @@ import React, { useMemo } from 'react';
 import { createFromIconfontCN } from '@ant-design/icons';
 import ConfigProvider from '../ConfigProvider';
 var ConfigContext = ConfigProvider.ConfigContext;
-
 var IconFont = function IconFont(props) {
   var _React$useContext = React.useContext(ConfigContext),
-      iconUrl = _React$useContext.iconUrl;
-
+    iconUrl = _React$useContext.iconUrl;
   var resetUrl = useMemo(function () {
     if (!iconUrl) return [];
     return Array.isArray(iconUrl) ? iconUrl : [iconUrl];
@@ -17,5 +15,4 @@ var IconFont = function IconFont(props) {
   });
   return /*#__PURE__*/React.createElement(Component, Object.assign({}, props));
 };
-
 export default IconFont;

package/es/IconSelect/index.js

@@ -1,70 +1,53 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _linkmoreDesign = require("linkmore-design");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _iconJson = _interopRequireDefault(require("./iconJson.json"));
-
 var _excluded = ["item"];
-
 // interface IconSelect {
 //   visible: boolean
 //   onClose: fn
 //   value: string
 //   onChange: fn
 // }
+
 var IconSelect = function IconSelect(_ref) {
   var visible = _ref.visible,
-      onClose = _ref.onClose,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
-      onChange = _ref.onChange;
-
+    onClose = _ref.onClose,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    onChange = _ref.onChange;
   var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      active = _useState2[0],
-      setActive = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
   var options = (0, _react.useMemo)(function () {
     var result = [];
     var originData = _iconJson.default.glyphs;
-
     for (var i = 0, len = originData.length; i < len; i += 4) {
       result.push(originData.slice(i, i + 4));
     }
-
     return result;
   }, []);
-
   var onSave = function onSave() {
     onChange === null || onChange === void 0 ? void 0 : onChange(active);
     onClose === null || onClose === void 0 ? void 0 : onClose();
   };
-
   var onDoubleClick = function onDoubleClick(e) {
     e.preventDefault();
     e.stopPropagation();
     onSave();
   };
-
   (0, _react.useEffect)(function () {
     if (visible) {
       setActive(value);
@@ -75,7 +58,8 @@ var IconSelect = function IconSelect(_ref) {
     visible: visible,
     size: 'small',
     onOk: onSave,
-    onCancel: onClose // footer: [
+    onCancel: onClose
+    // footer: [
     //   <Button key="cancel" onClick={onClose} size="middle">
     //     取消
     //   </Button>,
@@ -83,15 +67,15 @@ var IconSelect = function IconSelect(_ref) {
     //     确定
     //   </Button>,
     // ],
-
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Modal, config, /*#__PURE__*/_react.default.createElement("div", {
     className: "lm-icon_select"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
     options: options
   }, function (_ref2) {
     var item = _ref2.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+      resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "lm-icon_row"
     }), item === null || item === void 0 ? void 0 : item.map(function (v) {
@@ -110,6 +94,5 @@ var IconSelect = function IconSelect(_ref) {
     }));
   }))));
 };
-
 var _default = IconSelect;
 exports.default = _default;

package/es/ImageViewer/LmImageViewer.js

@@ -1,22 +1,17 @@
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useRef, forwardRef } from 'react';
 import LmImageViewerRoot from './wrapeer/Root';
-
 var LmImageViewer = function LmImageViewer(_a, ref) {
   var resetProps = __rest(_a, []);
-
   var defaultRef = useRef(null);
   var defaultConfig = Object.assign({
     visible: null,
@@ -31,5 +26,4 @@ var LmImageViewer = function LmImageViewer(_a, ref) {
     ref: ref || defaultRef
   }, defaultConfig));
 };
-
 export default /*#__PURE__*/forwardRef(LmImageViewer);

package/es/ImageViewer/components/Arrows.js

@@ -1,23 +1,18 @@
 import React from 'react';
 import { IconFont } from 'linkmore-design';
-
 var Arrows = function Arrows(_ref) {
   var instance = _ref.instance;
   var slickNext = instance.slickNext,
-      slickPrev = instance.slickPrev;
-
+    slickPrev = instance.slickPrev;
   var handlePreNext = function handlePreNext(e, type) {
     e.stopPropagation();
-
     if (type === 'next') {
       slickNext();
     }
-
     if (type === 'prev') {
       slickPrev();
     }
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "arrow arrow_left",
     onClick: function onClick(e) {
@@ -34,5 +29,4 @@ var Arrows = function Arrows(_ref) {
     type: "lmweb-right"
   })));
 };
-
 export default Arrows;

package/es/ImageViewer/components/Carousel.js

@@ -1,18 +1,17 @@
 import React, { useMemo, useCallback } from 'react';
 import { Carousel } from 'linkmore-design';
-
 var ListItem = function ListItem(_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 = 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)")
     };
@@ -43,14 +42,13 @@ var ListItem = function ListItem(_ref) {
     style: transformProps
   }));
 };
-
 var BigImg = function BigImg(_ref2) {
   var instance = _ref2.instance;
   var urlList = instance.urlList,
-      previewRef = instance.previewRef,
-      infinite = instance.infinite,
-      setTransform = instance.setTransform,
-      beforeChange = instance.beforeChange;
+    previewRef = instance.previewRef,
+    infinite = instance.infinite,
+    setTransform = instance.setTransform,
+    beforeChange = instance.beforeChange;
   var onWheel = useCallback(function (e) {
     // e?.preventDefault()
     // e.stopPropagation()
@@ -65,9 +63,10 @@ var BigImg = function BigImg(_ref2) {
     infinite: infinite,
     // lazyLoad: true, // 懒加载
     adaptiveHeight: false,
-    beforeChange: beforeChange // customPaging: (i) => <img src={urlList[i]} alt="" />,
-
+    beforeChange: beforeChange
+    // customPaging: (i) => <img src={urlList[i]} alt="" />,
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: "preview_list",
     onClick: function onClick(e) {
@@ -85,5 +84,4 @@ var BigImg = function BigImg(_ref2) {
     });
   })));
 };
-
 export default BigImg;

package/es/ImageViewer/components/Operate.js

@@ -1,14 +1,11 @@
 import React from 'react';
 import { IconFont } from 'linkmore-design';
-
 var Operate = function Operate(_ref) {
   var instance = _ref.instance;
   var setTransform = instance.setTransform;
-
   var handleTranform = function handleTranform(e, type) {
     setTransform(type);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "image_viewer_action",
     onClick: function onClick(e) {
@@ -36,5 +33,4 @@ var Operate = function Operate(_ref) {
     }
   }));
 };
-
 export default Operate;

package/es/ImageViewer/components/Thumb.js

@@ -1,39 +1,33 @@
 import React, { useMemo } from 'react';
 import cn from 'classnames';
 import { IconFont } from 'linkmore-design';
-
 var ThumbItem = function ThumbItem(_ref) {
   var item = _ref.item,
-      instance = _ref.instance;
+    instance = _ref.instance;
   var getIsVideo = instance.getIsVideo;
-
   if (getIsVideo(item)) {
     return /*#__PURE__*/React.createElement(IconFont, {
       type: "lmweb-video",
       className: "thumb_item_icon"
     });
   }
-
   return /*#__PURE__*/React.createElement("img", {
     src: item,
     alt: ""
   });
 };
-
 var Thumb = function Thumb(_ref2) {
   var instance = _ref2.instance;
   var state = instance.state,
-      urlList = instance.urlList,
-      slickGoTo = instance.slickGoTo;
+    urlList = instance.urlList,
+    slickGoTo = instance.slickGoTo;
   var activeIndex = useMemo(function () {
     return state.currentIndex;
   }, [state.currentIndex]);
-
   var handleGoTo = function handleGoTo(e, number) {
     e.preventDefault();
     slickGoTo(number);
   };
-
   return /*#__PURE__*/React.createElement("div", {
     className: "thumb_list",
     onClick: function onClick(e) {
@@ -52,5 +46,4 @@ var Thumb = function Thumb(_ref2) {
     }));
   }));
 };
-
 export default Thumb;

package/es/ImageViewer/fns/index.js

@@ -1,23 +1,21 @@
 import { useCallback, useEffect } from 'react';
-
 var useCoreOptions = function useCoreOptions(_ref) {
   var state = _ref.state,
-      dispatch = _ref.dispatch,
-      props = _ref.props,
-      previewRef = _ref.previewRef;
+    dispatch = _ref.dispatch,
+    props = _ref.props,
+    previewRef = _ref.previewRef;
   // 获取显示状态
   var getVisible = useCallback(function () {
     return typeof props.visible === 'boolean' ? props.visible : state.visible;
-  }, [props.visible, state.visible]); // 获取是否为视频格式
-
+  }, [props.visible, state.visible]);
+  // 获取是否为视频格式
   var getIsVideo = useCallback(function (url) {
     var fileExtension = url.replace(/.*\./, '').toLowerCase();
     return ['mp4', 'm2v', 'mkv', 'ogm', 'webm'].includes(fileExtension);
-  }, []); // 关闭事件
-
+  }, []);
+  // 关闭事件
   var onClose = useCallback(function () {
     var _a;
-
     (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props);
     dispatch({
       type: 'init'
@@ -30,28 +28,22 @@ var useCoreOptions = function useCoreOptions(_ref) {
   var setTransform = 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: {
@@ -59,8 +51,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
         scale: scale / 100
       }
     });
-  }, [state.transform]); // 切换轮播前的回调
-
+  }, [state.transform]);
+  // 切换轮播前的回调
   var beforeChange = useCallback(function (from, currentIndex) {
     dispatch({
       type: 'changeCurrent',
@@ -68,8 +60,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
         currentIndex: currentIndex
       }
     });
-  }, []); // 切换轮播后的回调
-
+  }, []);
+  // 切换轮播后的回调
   var afterChange = useCallback(function (currentIndex) {
     dispatch({
       type: 'changeCurrent',
@@ -77,16 +69,16 @@ var useCoreOptions = function useCoreOptions(_ref) {
         currentIndex: currentIndex
       }
     });
-  }, []); // 转到指定的轮播图, 直接跳转, 不展示动画
-
+  }, []);
+  // 转到指定的轮播图, 直接跳转, 不展示动画
   var slickGoTo = useCallback(function (currentIndex) {
     previewRef.current.goTo(currentIndex, true);
-  }, []); // 转到下一张轮播图
-
+  }, []);
+  // 转到下一张轮播图
   var slickNext = useCallback(function () {
     previewRef.current.next();
-  }, []); // 转到上一张轮播图
-
+  }, []);
+  // 转到上一张轮播图
   var slickPrev = useCallback(function () {
     previewRef.current.prev();
   }, []);
@@ -122,5 +114,4 @@ var useCoreOptions = function useCoreOptions(_ref) {
     RefMethods: RefMethods
   };
 };
-
 export default useCoreOptions;

package/es/ImageViewer/wrapeer/Container.js

@@ -4,16 +4,13 @@ import Carouserl from '../components/Carousel';
 import Thumb from '../components/Thumb';
 import Operate from '../components/Operate';
 import Arrows from '../components/Arrows';
-
 var LmImageViewerContainer = function LmImageViewerContainer(_ref) {
   var instance = _ref.instance;
   var onClose = instance.onClose,
-      hideOnClickModal = instance.hideOnClickModal;
-
+    hideOnClickModal = instance.hideOnClickModal;
   var handleClose = function handleClose() {
     hideOnClickModal && onClose();
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "lm_image_viewer_container",
     onClick: handleClose
@@ -27,5 +24,4 @@ var LmImageViewerContainer = function LmImageViewerContainer(_ref) {
     instance: instance
   })));
 };
-
 export default /*#__PURE__*/React.memo(LmImageViewerContainer);

package/es/ImageViewer/wrapeer/Root.js

@@ -4,35 +4,31 @@ import React, { useMemo, useRef, useReducer, forwardRef, useImperativeHandle } f
 import reducer, { initialState as initReducerState } from './reducer';
 import useCoreOptions from '../fns';
 import LmImageViewerWrapper from './Wrapper';
-
 var LmImageViewerRoot = function LmImageViewerRoot(props, ref) {
   var previewRef = useRef(null);
   var initialState = useMemo(function () {
     return initReducerState(props);
   }, []);
-
   var _useReducer = useReducer(reducer, initialState),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // 获取核心Methods
-
-
+    _useReducer2 = _slicedToArray(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  // 获取核心Methods
   var _useCoreOptions = useCoreOptions({
-    state: state,
-    dispatch: dispatch,
-    props: props,
-    previewRef: previewRef
-  }),
-      CoreMethods = _useCoreOptions.CoreMethods,
-      RefMethods = _useCoreOptions.RefMethods; // 组件实例
-
-
+      state: state,
+      dispatch: dispatch,
+      props: props,
+      previewRef: previewRef
+    }),
+    CoreMethods = _useCoreOptions.CoreMethods,
+    RefMethods = _useCoreOptions.RefMethods;
+  // 组件实例
   var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
     previewRef: previewRef,
     state: state,
     dispatch: dispatch
-  }); // 向外暴露出的方法
-
+  });
+  // 向外暴露出的方法
   useImperativeHandle(ref, function () {
     return {};
   });
@@ -40,5 +36,4 @@ var LmImageViewerRoot = function LmImageViewerRoot(props, ref) {
     instance: instance
   });
 };
-
 export default /*#__PURE__*/forwardRef(LmImageViewerRoot);

package/es/ImageViewer/wrapeer/Wrapper.js

@@ -1,16 +1,13 @@
 // 根文件 => 参数聚合
 import React from 'react';
 import LmImageViewerContainer from './Container';
-
 var LmImageViewerWrapper = function LmImageViewerWrapper(_ref) {
   var instance = _ref.instance;
   var getVisible = instance.getVisible,
-      zIndex = instance.zIndex;
-
+    zIndex = instance.zIndex;
   var handleClose = function handleClose() {
     console.log('handleClose');
   };
-
   if (!getVisible()) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "lm_image_viewer_wrapper",
@@ -24,5 +21,4 @@ var LmImageViewerWrapper = function LmImageViewerWrapper(_ref) {
     instance: instance
   }));
 };
-
 export default /*#__PURE__*/React.memo(LmImageViewerWrapper);

package/es/ImageViewer/wrapeer/reducer.js

@@ -5,44 +5,37 @@ var defaultState = {
   transform: {
     scale: 1,
     rotateZ: 0 // Z轴旋转方向
-
   } // 当前选中的图片变换
-
-}; // 状态管理操作
-
+};
+// 状态管理操作
 export var reducer = function reducer(state, action) {
   var transform = action.transform,
-      current = action.current,
-      visible = action.visible;
-
+    current = action.current,
+    visible = action.visible;
   switch (action.type) {
     case 'changeVisible':
       // 控制显示隐藏
       return Object.assign(Object.assign({}, state), {
         visible: visible
       });
-
     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
       });
-
     case 'init':
       // 改变当前选中的图片
       return Object.assign(Object.assign({}, state), defaultState);
-
     default:
       throw new Error();
   }
-}; // 仅在初始化时触发一次
-
+};
+// 仅在初始化时触发一次
 export var initialState = function initialState(props) {
   var initialIndex = props.initialIndex;
   return Object.assign(Object.assign({}, defaultState), {