dtable-ui-component 5.0.11-beta → 5.0.12-beta.1

package/lib/DTableCustomizeCollaboratorSelect/index.js

@@ -24,7 +24,7 @@ class CollaboratorSelect extends _react.Component {
       if (this.state.isShowSelectOptions) event.nativeEvent.stopImmediatePropagation();
       let eventClassName = event.target.className;
       if (this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return;
-      // Prevent closing by pressing the spacebar in the search input
+      //Prevent closing by pressing the spacebar in the search input
       if (event.target.value === '') return;
       this.selectedOptionWidth = this.selectedOptionRef.clientWidth;
       this.setState({

package/lib/DTableCustomizeSelect/index.js

@@ -23,7 +23,7 @@ class DTableCustomizeSelect extends _react.Component {
       if (this.state.isShowSelectOptions) event.stopPropagation();
       let eventClassName = event.target.className;
       if (this.props.isLocked || eventClassName.indexOf('option-search-control') > -1 || eventClassName === 'option-group-search') return;
-      // Prevent closing by pressing the spacebar in the search input
+      //Prevent closing by pressing the spacebar in the search input
       if (event.target.value === '') return;
       this.setState({
         isShowSelectOptions: !this.state.isShowSelectOptions

package/lib/DTableFiltersPopover/widgets/filter-calendar.js

@@ -81,7 +81,7 @@ class FilterCalendar extends _react.Component {
       value: null
     };
     const DataFormat = (0, _utils.getDateColumnFormat)(props.filterColumn).trim();
-    // Minutes and seconds are not supported at present
+    //Minutes and seconds are not supported at present
     this.columnDataFormat = DataFormat.split(' ')[0];
     this.calendarContainerRef = /*#__PURE__*/_react.default.createRef();
     this.defaultCalendarValue = null;

package/lib/DTableFiltersPopover/widgets/filter-item.js

@@ -274,7 +274,7 @@ class FilterItem extends _react.default.Component {
         filter_predicate
       } = filter;
       let isSupportMultipleSelect = false;
-      // The first two options are used for single selection, and the last four options are used for multiple selection
+      //The first two options are used for single selection, and the last four options are used for multiple selection
       const supportMultipleSelectOptions = [_dtableUtils.FILTER_PREDICATE_TYPE.IS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_NONE_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_ALL_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_NONE_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_EXACTLY];
       if (supportMultipleSelectOptions.includes(filter_predicate)) {
         isSupportMultipleSelect = true;

package/lib/DTableRadioGroup/index.css

@@ -47,7 +47,6 @@
   display: inline-flex;
   position: absolute;
   height: 100%;
-  transition: 150ms cubic-bezier(.4, 0, .2, 1);
   border-radius: 3px;
   z-index: 1;
 }

package/lib/DTableRadioGroup/index.js

@@ -30,6 +30,7 @@ class DTableRadioGroup extends _react.default.Component {
       width
     } = this.btn.getBoundingClientRect();
     this.slider.style.width = "".concat(width, "px");
+    this.slider.style.transition = '150ms cubic-bezier(.4, 0, .2, 1)';
   }
   componentDidUpdate(prevProps) {
     if (this.props.activeOption !== prevProps.activeOption) {

package/lib/DepartmentSelectFilter/index.js

@@ -26,4 +26,5 @@ function DepartmentSelectFilter(props) {
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isMultiple ? /*#__PURE__*/_react.default.createElement(_departmentMultipleSelectFilter.default, filterProps) : /*#__PURE__*/_react.default.createElement(_departmentSingleSelectFilter.default, filterProps));
 }
+;
 var _default = exports.default = DepartmentSelectFilter;

package/lib/DigitalSignFormatter/index.js

@@ -60,8 +60,7 @@ class DigitalSignFormatter extends _react.Component {
       containerClassName,
       readOnly,
       config,
-      isSample,
-      renderItem
+      isSample
     } = this.props;
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container digital-sign-formatter', containerClassName);
     const signImages = this.getSignImages();
@@ -75,8 +74,7 @@ class DigitalSignFormatter extends _react.Component {
     }, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
       images: signImages,
       server: config.server,
-      onImageClick: this.onClickSignImage,
-      renderItem: renderItem
+      onImageClick: this.onClickSignImage
     })), isPreviewSignImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
       className: "digital-sign-formatter-image-previewer",
       readOnly: readOnly,

package/lib/FileFormatter/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
 require("./index.css");
@@ -15,8 +14,7 @@ class FileFormatter extends _react.default.PureComponent {
     let {
       isSample,
       value,
-      containerClassName,
-      renderItem
+      containerClassName
     } = this.props;
     if (!Array.isArray(value) || value.length === 0) {
       return null;
@@ -35,15 +33,10 @@ class FileFormatter extends _react.default.PureComponent {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: className
     }, value.map((item, index) => {
-      const dom = /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
-        file: item
-      });
-      if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      return /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
+        file: item,
         key: index
-      }, renderItem(dom));
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-        key: index
-      }, dom);
+      });
     }));
   }
 }

package/lib/ImageFormatter/images-lazy-load.js

@@ -1,12 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _Loading = _interopRequireDefault(require("../Loading"));
 var _utils = require("./utils");
 class ImagesLazyLoad extends _react.default.Component {
@@ -98,9 +97,6 @@ class ImagesLazyLoad extends _react.default.Component {
       loadedImages,
       loadedCount
     } = this.state;
-    const {
-      renderItem
-    } = this.props;
     if (!Array.isArray(images) || images.length === 0) {
       return '';
     }
@@ -114,19 +110,14 @@ class ImagesLazyLoad extends _react.default.Component {
       }, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
     }
     return loadedImages.map((image, index) => {
-      const imgDom = /*#__PURE__*/_react.default.createElement("img", {
+      return /*#__PURE__*/_react.default.createElement("img", {
+        key: index,
         className: "image-item",
         src: image.src,
         onMouseDown: this.onMouseDown,
         onClick: event => this.onImageClick(event, index),
         alt: ""
       });
-      if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-        key: index
-      }, renderItem(imgDom));
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-        key: index
-      }, imgDom);
     });
   }
 }

package/lib/ImageFormatter/index.js

@@ -95,8 +95,7 @@ class ImageFormatter extends _react.default.Component {
     }, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
       images: value,
       server: server,
-      onImageClick: this.onImageClick,
-      renderItem: this.props.renderItem
+      onImageClick: this.onImageClick
     })), isPreviewImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
       imageItems: value,
       imageIndex: previewImageIndex,

package/lib/NumberEditor/index.js

@@ -49,7 +49,7 @@ class NumberEditor extends _react.default.Component {
         currency_symbol = data['currency_symbol'];
       }
 
-      // Prevent the repetition of periods bug in the Chinese input method of the Windows system
+      //Prevent the repetition of periods bug in the Chinese input method of the Windows system
       if (!(0, _utils.isMac)() && value.indexOf('.。') > -1) return;
       value = (0, _dtableUtils.replaceNumberNotAllowInput)(value, this.dataFormat, currency_symbol);
       if (value === this.state.inputValue) return;

package/lib/SelectOptionGroup/KeyCodes.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-const KeyCodes = {
+var _default = exports.default = {
   LeftArrow: 37,
   UpArrow: 38,
   RightArrow: 39,
@@ -13,5 +13,4 @@ const KeyCodes = {
   Tab: 9,
   Escape: 27,
   Esc: 27
-};
-var _default = exports.default = KeyCodes;
+};

package/lib/utils/event-bus.js

@@ -31,5 +31,4 @@ class EventBus {
     }
   }
 }
-const eventBus = new EventBus();
-var _default = exports.default = eventBus;
+var _default = exports.default = new EventBus();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "5.0.11beta",
+  "version": "5.0.12-beta.1",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "2.0.5",