@kdcloudjs/kdesign 1.8.0 → 1.8.1

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.71
+ *   @kdcloudjs/kdesign v1.8.0
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -21273,19 +21273,21 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_4__);
 /* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
 /* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
-/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
-/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
-/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
-/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./preview */ "./components/image/preview.tsx");
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.array.find-index.js */ "./node_modules/core-js/modules/es.array.find-index.js");
+/* harmony import */ var core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_find_index_js__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
+/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
+/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_8__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_9__);
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
+/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_10__);
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
+/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _preview__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./preview */ "./components/image/preview.tsx");
 
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -21301,49 +21303,56 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 
 
+
 var PreviewGroup = function PreviewGroup(_ref) {
   var children = _ref.children,
     className = _ref.className,
     style = _ref.style,
     previewType = _ref.previewType,
-    operations = _ref.operations;
-  var images = react__WEBPACK_IMPORTED_MODULE_11__["useMemo"](function () {
-    return Array.isArray(children) ? children.filter(function (image) {
+    operations = _ref.operations,
+    items = _ref.items;
+  var hasItems = Array.isArray(items) && items.length > 0;
+  var images = react__WEBPACK_IMPORTED_MODULE_12__["useMemo"](function () {
+    return hasItems ? items === null || items === void 0 ? void 0 : items.map(function (item) {
+      return {
+        src: item
+      };
+    }) : Array.isArray(children) ? children.filter(function (image) {
       return image.props.src;
     }).map(function (image) {
       return image.props;
     }) : [children !== undefined ? children.props : {}];
-  }, [children]);
+  }, [children, items, hasItems]);
 
   // eslint-disable-next-line react-hooks/rules-of-hooks
   var refs = images.map(function () {
-    return react__WEBPACK_IMPORTED_MODULE_11__["useRef"]();
+    return react__WEBPACK_IMPORTED_MODULE_12__["useRef"]();
   });
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_11__["useState"](images[0] || {}),
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_12__["useState"](images[0] || {}),
     _React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState, 2),
     image = _React$useState2[0],
     setImage = _React$useState2[1];
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_11__["useState"](0),
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_12__["useState"](0),
     _React$useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState3, 2),
     current = _React$useState4[0],
     setCurrent = _React$useState4[1];
-  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_11__["useState"](false),
+  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_12__["useState"](false),
     _React$useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState5, 2),
     exit = _React$useState6[0],
     setExit = _React$useState6[1];
-  react__WEBPACK_IMPORTED_MODULE_11__["useEffect"](function () {
+  react__WEBPACK_IMPORTED_MODULE_12__["useEffect"](function () {
     exit && setVisible(true);
   }, [exit]);
-  react__WEBPACK_IMPORTED_MODULE_11__["useEffect"](function () {
+  react__WEBPACK_IMPORTED_MODULE_12__["useEffect"](function () {
     if (images[current]) {
       setImage(images[current]);
     }
   }, [current, images]);
-  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_11__["useState"](false),
+  var _React$useState7 = react__WEBPACK_IMPORTED_MODULE_12__["useState"](false),
     _React$useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState7, 2),
     visible = _React$useState8[0],
     setVisible = _React$useState8[1];
-  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_11__["useState"](''),
+  var _React$useState9 = react__WEBPACK_IMPORTED_MODULE_12__["useState"](''),
     _React$useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_React$useState9, 2),
     transformOrigin = _React$useState10[0],
     setTransformOrigin = _React$useState10[1];
@@ -21352,9 +21361,16 @@ var PreviewGroup = function PreviewGroup(_ref) {
     var transformOriginY = element && element.getBoundingClientRect().y + element.getBoundingClientRect().height / 2;
     setTransformOrigin("".concat(transformOriginX, "px ").concat(transformOriginY, "px"));
   };
-  var onPreview = function onPreview(index) {
-    setCurrent(index);
-    calcTransformOrigin(refs[index].current);
+  var onPreview = function onPreview(index, src) {
+    if (hasItems) {
+      var curIndex = images.findIndex(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() {
@@ -21387,14 +21403,15 @@ var PreviewGroup = function PreviewGroup(_ref) {
     onClose: onClose,
     onPrevious: onPrevious
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"](react__WEBPACK_IMPORTED_MODULE_11__["Fragment"], null, images.length > 1 ? children.map(function (image, index) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["cloneElement"](image, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"](react__WEBPACK_IMPORTED_MODULE_12__["Fragment"], null, images.length > 1 ? react__WEBPACK_IMPORTED_MODULE_12__["Children"].map(children, function (image, index) {
+    var _image$props;
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["cloneElement"](image, {
       key: image.key || index,
       preview: false,
       ref: refs[index],
-      onClick: onPreview.bind(null, index)
+      onClick: onPreview.bind(null, index, image === null || image === void 0 ? void 0 : (_image$props = image.props) === null || _image$props === void 0 ? void 0 : _image$props.src)
     });
-  }) : children, exit && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11__["createElement"](_preview__WEBPACK_IMPORTED_MODULE_12__["default"], previewProps));
+  }) : children, exit && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_12__["createElement"](_preview__WEBPACK_IMPORTED_MODULE_13__["default"], previewProps));
 };
 /* harmony default export */ __webpack_exports__["default"] = (PreviewGroup);