@kdcloudjs/kdesign 1.8.0 → 1.8.2

package/es/image/preview-group.d.ts

@@ -6,6 +6,7 @@ export interface PreviewGroupProps {
     previewType?: PreviewType;
     style?: React.CSSProperties;
     operations?: Array<React.ReactNode>;
+    items?: Array<string>;
 }
 declare const PreviewGroup: React.FC<PreviewGroupProps>;
 export default PreviewGroup;

package/es/image/preview-group.js

@@ -3,22 +3,30 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find-index";
 import * as React from 'react';
 import Preview from './preview';
 var PreviewGroup = function PreviewGroup(_ref) {
+  var _context3;
   var children = _ref.children,
     className = _ref.className,
     style = _ref.style,
     previewType = _ref.previewType,
-    operations = _ref.operations;
+    operations = _ref.operations,
+    items = _ref.items;
+  var hasItems = Array.isArray(items) && items.length > 0;
   var images = React.useMemo(function () {
     var _context;
-    return Array.isArray(children) ? _mapInstanceProperty(_context = _filterInstanceProperty(children).call(children, function (image) {
+    return hasItems ? items === null || items === void 0 ? void 0 : _mapInstanceProperty(items).call(items, function (item) {
+      return {
+        src: item
+      };
+    }) : Array.isArray(children) ? _mapInstanceProperty(_context = _filterInstanceProperty(children).call(children, function (image) {
       return image.props.src;
     })).call(_context, function (image) {
       return image.props;
     }) : [children !== undefined ? children.props : {}];
-  }, [children]);
+  }, [children, items, hasItems]);
   // eslint-disable-next-line react-hooks/rules-of-hooks
   var refs = _mapInstanceProperty(images).call(images, function () {
     return React.useRef();
@@ -57,9 +65,16 @@ var PreviewGroup = function PreviewGroup(_ref) {
     var transformOriginY = element && element.getBoundingClientRect().y + element.getBoundingClientRect().height / 2;
     setTransformOrigin(_concatInstanceProperty(_context2 = "".concat(transformOriginX, "px ")).call(_context2, transformOriginY, "px"));
   };
-  var onPreview = function onPreview(index) {
-    setCurrent(index);
-    calcTransformOrigin(refs[index].current);
+  var onPreview = function onPreview(index, src) {
+    if (hasItems) {
+      var curIndex = _findIndexInstanceProperty(images).call(images, function (item) {
+        return item.src === src;
+      }) || 0;
+      setCurrent(curIndex);
+    } else {
+      setCurrent(index);
+      calcTransformOrigin(refs[index].current);
+    }
     exit ? setVisible(true) : setExit(true);
   };
   var onClose = function onClose() {
@@ -92,12 +107,13 @@ var PreviewGroup = function PreviewGroup(_ref) {
     onClose: onClose,
     onPrevious: onPrevious
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, images.length > 1 ? _mapInstanceProperty(children).call(children, function (image, index) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, images.length > 1 ? _mapInstanceProperty(_context3 = React.Children).call(_context3, children, function (image, index) {
+    var _a, _b;
     return /*#__PURE__*/React.cloneElement(image, {
       key: image.key || index,
       preview: false,
       ref: refs[index],
-      onClick: onPreview.bind(null, index)
+      onClick: ((_a = image === null || image === void 0 ? void 0 : image.props) === null || _a === void 0 ? void 0 : _a.preview) !== false ? onPreview.bind(null, index, (_b = image === null || image === void 0 ? void 0 : image.props) === null || _b === void 0 ? void 0 : _b.src) : undefined
     });
   }) : children, exit && /*#__PURE__*/React.createElement(Preview, _extends({}, previewProps)));
 };

package/lib/image/preview-group.d.ts

@@ -6,6 +6,7 @@ export interface PreviewGroupProps {
     previewType?: PreviewType;
     style?: React.CSSProperties;
     operations?: Array<React.ReactNode>;
+    items?: Array<string>;
 }
 declare const PreviewGroup: React.FC<PreviewGroupProps>;
 export default PreviewGroup;

package/lib/image/preview-group.js

@@ -13,24 +13,32 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/hel
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
 var React = _interopRequireWildcard(require("react"));
 var _preview = _interopRequireDefault(require("./preview"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var PreviewGroup = function PreviewGroup(_ref) {
+  var _context3;
   var children = _ref.children,
     className = _ref.className,
     style = _ref.style,
     previewType = _ref.previewType,
-    operations = _ref.operations;
+    operations = _ref.operations,
+    items = _ref.items;
+  var hasItems = Array.isArray(items) && items.length > 0;
   var images = React.useMemo(function () {
     var _context;
-    return Array.isArray(children) ? (0, _map.default)(_context = (0, _filter.default)(children).call(children, function (image) {
+    return hasItems ? items === null || items === void 0 ? void 0 : (0, _map.default)(items).call(items, function (item) {
+      return {
+        src: item
+      };
+    }) : Array.isArray(children) ? (0, _map.default)(_context = (0, _filter.default)(children).call(children, function (image) {
       return image.props.src;
     })).call(_context, function (image) {
       return image.props;
     }) : [children !== undefined ? children.props : {}];
-  }, [children]);
+  }, [children, items, hasItems]);
   // eslint-disable-next-line react-hooks/rules-of-hooks
   var refs = (0, _map.default)(images).call(images, function () {
     return React.useRef();
@@ -69,9 +77,16 @@ var PreviewGroup = function PreviewGroup(_ref) {
     var transformOriginY = element && element.getBoundingClientRect().y + element.getBoundingClientRect().height / 2;
     setTransformOrigin((0, _concat.default)(_context2 = "".concat(transformOriginX, "px ")).call(_context2, transformOriginY, "px"));
   };
-  var onPreview = function onPreview(index) {
-    setCurrent(index);
-    calcTransformOrigin(refs[index].current);
+  var onPreview = function onPreview(index, src) {
+    if (hasItems) {
+      var curIndex = (0, _findIndex.default)(images).call(images, function (item) {
+        return item.src === src;
+      }) || 0;
+      setCurrent(curIndex);
+    } else {
+      setCurrent(index);
+      calcTransformOrigin(refs[index].current);
+    }
     exit ? setVisible(true) : setExit(true);
   };
   var onClose = function onClose() {
@@ -104,12 +119,13 @@ var PreviewGroup = function PreviewGroup(_ref) {
     onClose: onClose,
     onPrevious: onPrevious
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, images.length > 1 ? (0, _map.default)(children).call(children, function (image, index) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, images.length > 1 ? (0, _map.default)(_context3 = React.Children).call(_context3, children, function (image, index) {
+    var _a, _b;
     return /*#__PURE__*/React.cloneElement(image, {
       key: image.key || index,
       preview: false,
       ref: refs[index],
-      onClick: onPreview.bind(null, index)
+      onClick: ((_a = image === null || image === void 0 ? void 0 : image.props) === null || _a === void 0 ? void 0 : _a.preview) !== false ? onPreview.bind(null, index, (_b = image === null || image === void 0 ? void 0 : image.props) === null || _b === void 0 ? void 0 : _b.src) : undefined
     });
   }) : children, exit && /*#__PURE__*/React.createElement(_preview.default, (0, _extends2.default)({}, previewProps)));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [