linkmore-design 1.0.99 → 1.0.100

package/lib/LmFilter/components/InputFilter.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/components/InputSearchClose.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/components/SelectFilter.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/components/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/customFilter/drawer.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,7 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
@@ -279,9 +279,9 @@ var Index = function Index(_ref3) {
 
 
   var onSave = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var val, nValue;
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:

package/lib/LmFilter/customFilter/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/customFilter/saveModal.js

@@ -1,15 +1,15 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
@@ -75,10 +75,10 @@ var Save = function Save(_ref) {
   };
 
   var onSave = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var _instance$onSave, val, nValue;
 
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:

package/lib/LmFilter/customFilter/valueDrawer.js

@@ -1,15 +1,15 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -58,10 +58,10 @@ var ValueDrawer = function ValueDrawer(_ref) {
 
 
   var onSave = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var _yield$form$validateF, mode, value, filterValues, currentItem, isNested, nField, nValue, _value$subValue;
 
-      return _regenerator.default.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:

package/lib/LmFilter/filterFns/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/utils.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/wrapper/Filter.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/wrapper/FilterContainer.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/wrapper/FilterRoot.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmFilter/wrapper/FilterWrapper.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/lib/LmImgList/LmImgList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LmImgListProps } from '.';
+declare const LmImgList: React.FC<LmImgListProps>;
+export default LmImgList;

package/lib/LmImgList/LmImgList.js

@@ -0,0 +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 _Root = _interopRequireDefault(require("./wrapper/Root"));
+
+var LmImgList = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var defaultRef = (0, _react.useRef)(null);
+  var defaultProps = Object.assign({
+    type: 'default',
+    height: null,
+    dataSource: [],
+    initialIndex: 1,
+    infinite: false,
+    enableWheel: false,
+    enableScale: false,
+    enableRotate: false
+  }, props);
+  return /*#__PURE__*/_react.default.createElement(_Root.default, Object.assign({
+    ref: ref || defaultRef
+  }, defaultProps));
+});
+var _default = LmImgList;
+exports.default = _default;

package/lib/LmImgList/body/Banner.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ instance }: {
+    instance: any;
+}) => JSX.Element>;
+export default _default;

package/lib/LmImgList/body/Banner.js

@@ -0,0 +1,134 @@
+"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;
+  var state = instance.state,
+      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;
+    return {
+      transform: "scale(".concat(scale, ") rotateZ(").concat(rotateZ, "deg)")
+    };
+  }, [state.currentIndex, state.transform]); // useEffect(() => {
+  //   // 1. 创建 IntersectionObserver对象
+  //   const ob = new IntersectionObserver(
+  //     (entry) => {
+  //       console.log('可见', entry[0].isIntersecting)
+  //       if (entry[0].isIntersecting) {
+  //         // 图片可见
+  //         if (imgRef.current) {
+  //           console.log('赋值src')
+  //           imgRef.current.src = item
+  //           setLoading(true)
+  //         }
+  //         ob.unobserve(imgRef.current!)
+  //       }
+  //     },
+  //     {
+  //       root: document.querySelector('.lm_imglist_banner'),
+  //     },
+  //   )
+  //   if (imgRef.current) {
+  //     // 2. 观察img
+  //     ob.observe(imgRef.current!)
+  //     return () => {
+  //       ob.disconnect()
+  //     }
+  //   }
+  // }, [])
+
+  var renderView = (0, _react.useMemo)(function () {
+    if (getIsVideo(item)) {
+      return (
+        /*#__PURE__*/
+        // @ts-ignore
+        _react.default.createElement("video", {
+          width: "100%",
+          height: "100%",
+          controls: "controls"
+        }, /*#__PURE__*/_react.default.createElement("source", {
+          src: item,
+          type: "video/mp4"
+        }), /*#__PURE__*/_react.default.createElement("source", {
+          src: item,
+          type: "video/webm"
+        }), /*#__PURE__*/_react.default.createElement("source", {
+          src: item,
+          type: "video/ogg"
+        }), "\u89C6\u9891\u64AD\u653E\u5931\u8D25\uFF01")
+      );
+    }
+
+    return /*#__PURE__*/_react.default.createElement("img", {
+      loading: "lazy",
+      alt: "",
+      src: item,
+      style: transformProps
+    });
+  }, [getIsVideo, item, transformProps]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    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;
+  var onWheel = (0, _react.useCallback)(function (e) {
+    if (!enableWheel) return;
+
+    if ((e === null || e === void 0 ? void 0 : e.deltaY) <= 0) {
+      setTransform('zoomIn');
+    } else {
+      setTransform('zoomOut');
+    }
+  }, [enableWheel, setTransform]);
+  var config = {
+    dots: false,
+    infinite: infinite,
+    adaptiveHeight: false,
+    beforeChange: beforeChange
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_imglist_banner",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    onWheel: onWheel
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Carousel, Object.assign({
+    ref: bodyRef
+  }, config), dataSource.map(function (v, idx) {
+    return /*#__PURE__*/_react.default.createElement(BannerItem, {
+      key: v || idx,
+      index: idx,
+      item: v,
+      instance: instance
+    });
+  })));
+};
+
+var _default = /*#__PURE__*/_react.default.memo(BigImg);
+
+exports.default = _default;

package/lib/LmImgList/body/Thumb.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ instance }: {
+    instance: any;
+}) => JSX.Element>;
+export default _default;

package/lib/LmImgList/body/Thumb.js

@@ -0,0 +1,79 @@
+"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;
+  var state = instance.state,
+      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, {
+        type: "lmweb-video",
+        className: "thumb_item_icon"
+      });
+    }
+
+    return /*#__PURE__*/_react.default.createElement("img", {
+      loading: "lazy",
+      src: item,
+      alt: ""
+    });
+  }, [getIsVideo, item]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('thumb_item', state.currentIndex === index && 'active'),
+    onClick: function onClick(e) {
+      return handleGoTo(e, index);
+    }
+  }, renderView);
+});
+
+var Thumb = function Thumb(_ref2) {
+  var instance = _ref2.instance;
+  var dataSource = instance.dataSource;
+  var thumbProps = (0, _react.useMemo)(function () {
+    return {
+      gridTemplateColumns: "repeat(".concat(dataSource.length, ", 90px)")
+    };
+  }, [dataSource.length]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_imglist_thumb",
+    style: thumbProps,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, dataSource.map(function (v, idx) {
+    return /*#__PURE__*/_react.default.createElement(ThumbItem, {
+      key: v || idx,
+      index: idx,
+      item: v,
+      instance: instance
+    });
+  }));
+};
+
+var _default = /*#__PURE__*/_react.default.memo(Thumb);
+
+exports.default = _default;

package/lib/LmImgList/fns/index.d.ts

@@ -0,0 +1,20 @@
+declare const useCoreOptions: ({ state, dispatch, props, bodyRef }: {
+    state: any;
+    dispatch: any;
+    props: any;
+    bodyRef: any;
+}) => {
+    CoreMethods: {
+        getIsVideo: (url: any) => boolean;
+        setTransform: (type: any) => void;
+        beforeChange: (from: any, currentIndex: any) => void;
+        afterChange: (currentIndex: any) => void;
+    };
+    RefMethods: {
+        getState: () => any;
+        slickGoTo: (currentIndex: any) => void;
+        slickNext: () => void;
+        slickPrev: () => void;
+    };
+};
+export default useCoreOptions;

package/lib/LmImgList/fns/index.js

@@ -0,0 +1,114 @@
+"use strict";
+
+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;
+  // 获取是否为视频格式
+  var getIsVideo = (0, _react.useCallback)(function (url) {
+    var fileExtension = url.replace(/.*\./, '').toLowerCase();
+    return ['mp4', 'm2v', 'mkv', 'ogm', 'webm'].includes(fileExtension);
+  }, []);
+  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: {
+        rotateZ: rotateZ,
+        scale: scale / 100
+      }
+    });
+  }, [state.transform]); // 切换轮播前的回调
+
+  var beforeChange = (0, _react.useCallback)(function (from, currentIndex) {
+    dispatch({
+      type: 'changeCurrent',
+      current: {
+        currentIndex: currentIndex
+      }
+    });
+  }, []); // 切换轮播后的回调
+
+  var afterChange = (0, _react.useCallback)(function (currentIndex) {
+    dispatch({
+      type: 'changeCurrent',
+      current: {
+        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({
+      type: 'changeCurrent',
+      current: {
+        currentIndex: props.initialIndex
+      }
+    });
+  }, [slickGoTo]);
+  var CoreMethods = {
+    getIsVideo: getIsVideo,
+    setTransform: setTransform,
+    beforeChange: beforeChange,
+    afterChange: afterChange
+  };
+  var RefMethods = {
+    getState: function getState() {
+      return state;
+    },
+    slickGoTo: slickGoTo,
+    slickNext: slickNext,
+    slickPrev: slickPrev
+  };
+  return {
+    CoreMethods: CoreMethods,
+    RefMethods: RefMethods
+  };
+};
+
+var _default = useCoreOptions;
+exports.default = _default;

package/lib/LmImgList/index.d.ts

@@ -0,0 +1,3 @@
+import LmImgList from './LmImgList';
+export * from './interface';
+export default LmImgList;

package/lib/LmImgList/index.js

@@ -0,0 +1,27 @@
+"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;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+var _default = _LmImgList.default;
+exports.default = _default;