dtable-ui-component 7.0.13 → 7.0.15

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

@@ -1,34 +1,26 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _Loading = _interopRequireDefault(require("../Loading"));
 var _jsxRuntime = require("react/jsx-runtime");
 const ImagesLazyLoad = _ref => {
-  let images = _ref.images,
-    server = _ref.server,
-    onImageClick = _ref.onImageClick,
-    renderItem = _ref.renderItem,
-    dtableUuid = _ref.dtableUuid;
-  const _useState = (0, _react.useState)(images),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    currentImages = _useState2[0],
-    setCurrentImages = _useState2[1];
-  const _useState3 = (0, _react.useState)([]),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    loadedImages = _useState4[0],
-    setLoadedImages = _useState4[1];
-  const _useState5 = (0, _react.useState)(0),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    loadedCount = _useState6[0],
-    setLoadedCount = _useState6[1];
+  let {
+    images,
+    server,
+    onImageClick,
+    renderItem,
+    dtableUuid
+  } = _ref;
+  const [currentImages, setCurrentImages] = (0, _react.useState)(images);
+  const [loadedImages, setLoadedImages] = (0, _react.useState)([]);
+  const [loadedCount, setLoadedCount] = (0, _react.useState)(0);
   const lazyLoadImage = (url, resolve, reject) => {
     if (!url) {
       reject('img path is required');

package/lib/ImageFormatter/index.js

@@ -63,18 +63,20 @@ class ImageFormatter extends _react.default.Component {
     this.canRotate = props.rotateImage && !props.readOnly;
   }
   render() {
-    const _this$props = this.props,
-      isSample = _this$props.isSample,
-      value = _this$props.value,
-      server = _this$props.server,
-      containerClassName = _this$props.containerClassName,
-      lightboxClassName = _this$props.lightboxClassName,
-      readOnly = _this$props.readOnly,
-      dtableUuid = _this$props.dtableUuid;
+    const {
+      isSample,
+      value,
+      server,
+      containerClassName,
+      lightboxClassName,
+      readOnly,
+      dtableUuid
+    } = this.props;
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container image-formatter', containerClassName);
-    const _this$state = this.state,
-      isPreviewImage = _this$state.isPreviewImage,
-      previewImageIndex = _this$state.previewImageIndex;
+    const {
+      isPreviewImage,
+      previewImageIndex
+    } = this.state;
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }
@@ -92,7 +94,7 @@ class ImageFormatter extends _react.default.Component {
           alt: ""
         }), value.length !== 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "image-item-count",
-          children: "+".concat(value.length)
+          children: `+${value.length}`
         })]
       });
     }

package/lib/ImagePreviewerLightbox/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _reactImageLightbox = _interopRequireDefault(require("@seafile/react-image-lightbox"));
@@ -16,20 +15,20 @@ require("@seafile/react-image-lightbox/style.css");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function ImagePreviewerLightbox(props) {
-  const imageItems = props.imageItems,
-    imageIndex = props.imageIndex,
-    readOnly = props.readOnly,
-    className = props.className,
-    server = props.server,
-    workspaceID = props.workspaceID,
-    dtableUuid = props.dtableUuid,
-    deleteImage = props.deleteImage,
-    downloadImage = props.downloadImage,
-    onRotateImage = props.onRotateImage,
-    _props$isShowPreLine = props.isShowPreLine,
-    isShowPreLine = _props$isShowPreLine === void 0 ? true : _props$isShowPreLine,
-    _props$isShowNextLine = props.isShowNextLine,
-    isShowNextLine = _props$isShowNextLine === void 0 ? true : _props$isShowNextLine;
+  const {
+    imageItems,
+    imageIndex,
+    readOnly,
+    className,
+    server,
+    workspaceID,
+    dtableUuid,
+    deleteImage,
+    downloadImage,
+    onRotateImage,
+    isShowPreLine = true,
+    isShowNextLine = true
+  } = props;
   const imageSrcList = imageItems.map(src => {
     let name = '';
     try {
@@ -62,10 +61,7 @@ function ImagePreviewerLightbox(props) {
     };
   });
   const imagesLength = imageSrcList.length;
-  const _React$useState = _react.default.useState(imageIndex || 0),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    currentImageIndex = _React$useState2[0],
-    setCurrentImageIndex = _React$useState2[1];
+  const [currentImageIndex, setCurrentImageIndex] = _react.default.useState(imageIndex || 0);
   const imageItem = imageSrcList[currentImageIndex];
   const URL = imageItem ? imageItem.thumbnail : '';
   const imageName = imageItem ? imageItem.name : '';

package/lib/ImageThumbnail/index.js

@@ -67,10 +67,10 @@ class ImageThumbnail extends _react.default.Component {
       showTip: false
     };
     this.ref = null;
-    const _ref = props.config || {},
-      _ref$mediaUrl = _ref.mediaUrl,
-      mediaUrl = _ref$mediaUrl === void 0 ? '' : _ref$mediaUrl;
-    this.imageLoadingFailedUrl = "".concat(mediaUrl, "img/image-loading-failed.png");
+    const {
+      mediaUrl = ''
+    } = props.config || {};
+    this.imageLoadingFailedUrl = `${mediaUrl}img/image-loading-failed.png`;
   }
   componentDidMount() {
     this.getUrl(this.props.src);
@@ -81,13 +81,16 @@ class ImageThumbnail extends _react.default.Component {
     }
   }
   render() {
-    const _this$props = this.props,
-      index = _this$props.index,
-      downloadImage = _this$props.downloadImage,
-      src = _this$props.src,
-      className = _this$props.className,
-      name = _this$props.name;
-    const imageThumbnailUrl = this.state.imageThumbnailUrl;
+    const {
+      index,
+      downloadImage,
+      src,
+      className,
+      name
+    } = this.props;
+    const {
+      imageThumbnailUrl
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _classnames.default)('dtable-ui-image-thumbnail', className),
@@ -95,7 +98,7 @@ class ImageThumbnail extends _react.default.Component {
         ref: ref => this.ref = ref,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
           src: imageThumbnailUrl,
-          id: "item-image-".concat(index),
+          id: `item-image-${index}`,
           alt: ""
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "dtable-ui-image-icons-choice",

package/lib/InputItem/custom-input.js

@@ -50,7 +50,9 @@ class NumberInput extends React.Component {
       }
     };
     this.doBlur = ev => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       if (ev.target !== this.inputRef) {
         this.onInputBlur(value);
       }
@@ -61,7 +63,7 @@ class NumberInput extends React.Component {
         if (this.props.autoAdjustHeight) {
           this.getContainer().style.height = '0';
         }
-        (0, _class.addClass)(customNumberKeyboard.antmKeyboard, "".concat(this.props.keyboardPrefixCls, "-wrapper-hide"));
+        (0, _class.addClass)(customNumberKeyboard.antmKeyboard, `${this.props.keyboardPrefixCls}-wrapper-hide`);
       }
       // for unmount
       this.removeBlurListener();
@@ -70,7 +72,9 @@ class NumberInput extends React.Component {
       if (IS_REACT_16) {
         this.keyBoard = null;
       }
-      const focus = this.state.focus;
+      const {
+        focus
+      } = this.state;
       if (focus) {
         this.setState({
           focus: false
@@ -82,7 +86,9 @@ class NumberInput extends React.Component {
       }
     };
     this.onInputFocus = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       this.props.onFocus(value);
       this.setState({
         focus: true
@@ -92,10 +98,11 @@ class NumberInput extends React.Component {
           if (customNumberKeyboard.antmKeyboard) {
             if (this.props.autoAdjustHeight) {
               const keyBoardHeight = customNumberKeyboard.antmKeyboard.offsetHeight;
-              this.getContainer().style.height = "".concat(keyBoardHeight, "px");
+              this.getContainer().style.height = `${keyBoardHeight}px`;
               if (this.inputRef) {
-                const _this$inputRef$getBou = this.inputRef.getBoundingClientRect(),
-                  bottom = _this$inputRef$getBou.bottom;
+                const {
+                  bottom
+                } = this.inputRef.getBoundingClientRect();
                 const clientHeight = window.innerHeight;
                 // 计算输入框距离视窗的底部距离
                 const distance = clientHeight - bottom;
@@ -104,24 +111,30 @@ class NumberInput extends React.Component {
                 }
               }
             }
-            (0, _class.removeClass)(customNumberKeyboard.antmKeyboard, "".concat(this.props.keyboardPrefixCls, "-wrapper-hide"));
+            (0, _class.removeClass)(customNumberKeyboard.antmKeyboard, `${this.props.keyboardPrefixCls}-wrapper-hide`);
           }
           customNumberKeyboard.confirmDisabled = value === '';
           if (customNumberKeyboard.confirmKeyboardItem) {
             if (value === '') {
-              (0, _class.addClass)(customNumberKeyboard.confirmKeyboardItem, "".concat(this.props.keyboardPrefixCls, "-item-disabled"));
+              (0, _class.addClass)(customNumberKeyboard.confirmKeyboardItem, `${this.props.keyboardPrefixCls}-item-disabled`);
             } else {
-              (0, _class.removeClass)(customNumberKeyboard.confirmKeyboardItem, "".concat(this.props.keyboardPrefixCls, "-item-disabled"));
+              (0, _class.removeClass)(customNumberKeyboard.confirmKeyboardItem, `${this.props.keyboardPrefixCls}-item-disabled`);
             }
           }
         }
       });
     };
     this.onKeyboardClick = KeyboardItemValue => {
-      const maxLength = this.props.maxLength;
-      const value = this.state.value;
+      const {
+        maxLength
+      } = this.props;
+      const {
+        value
+      } = this.state;
       // tslint:disable-next-line:no-this-assignment
-      const onChange = this.onChange;
+      const {
+        onChange
+      } = this;
       let valueAfterChange;
       // 删除键
       if (KeyboardItemValue === 'delete') {
@@ -166,9 +179,9 @@ class NumberInput extends React.Component {
         customNumberKeyboard.confirmDisabled = valueAfterChange === '';
         if (customNumberKeyboard.confirmKeyboardItem) {
           if (valueAfterChange === '') {
-            (0, _class.addClass)(customNumberKeyboard.confirmKeyboardItem, "".concat(this.props.keyboardPrefixCls, "-item-disabled"));
+            (0, _class.addClass)(customNumberKeyboard.confirmKeyboardItem, `${this.props.keyboardPrefixCls}-item-disabled`);
           } else {
-            (0, _class.removeClass)(customNumberKeyboard.confirmKeyboardItem, "".concat(this.props.keyboardPrefixCls, "-item-disabled"));
+            (0, _class.removeClass)(customNumberKeyboard.confirmKeyboardItem, `${this.props.keyboardPrefixCls}-item-disabled`);
           }
         }
       }
@@ -180,7 +193,9 @@ class NumberInput extends React.Component {
       // this focus may invocked by users page button click, so this click may trigger blurEventListener at the same time
       this.renderCustomKeyboard();
       this.removeBlurListener();
-      const focus = this.state.focus;
+      const {
+        focus
+      } = this.state;
       if (!focus) {
         this.onInputFocus();
       }
@@ -208,14 +223,15 @@ class NumberInput extends React.Component {
     this.unLinkInput();
   }
   getComponent() {
-    const _this$props = this.props,
-      confirmLabel = _this$props.confirmLabel,
-      backspaceLabel = _this$props.backspaceLabel,
-      cancelKeyboardLabel = _this$props.cancelKeyboardLabel,
-      keyboardPrefixCls = _this$props.keyboardPrefixCls,
-      moneyKeyboardWrapProps = _this$props.moneyKeyboardWrapProps,
-      moneyKeyboardHeader = _this$props.moneyKeyboardHeader,
-      disabledKeys = _this$props.disabledKeys;
+    const {
+      confirmLabel,
+      backspaceLabel,
+      cancelKeyboardLabel,
+      keyboardPrefixCls,
+      moneyKeyboardWrapProps,
+      moneyKeyboardHeader,
+      disabledKeys
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_customKeyboard.default, {
       ref: this.saveRef,
       onClick: this.onKeyboardClick,
@@ -229,11 +245,13 @@ class NumberInput extends React.Component {
     });
   }
   getContainer() {
-    const keyboardPrefixCls = this.props.keyboardPrefixCls;
-    let container = document.querySelector("#".concat(keyboardPrefixCls, "-container"));
+    const {
+      keyboardPrefixCls
+    } = this.props;
+    let container = document.querySelector(`#${keyboardPrefixCls}-container`);
     if (!container) {
       container = document.createElement('div');
-      container.setAttribute('id', "".concat(keyboardPrefixCls, "-container"));
+      container.setAttribute('id', `${keyboardPrefixCls}-container`);
       document.body.appendChild(container);
     }
     this.container = container;
@@ -258,14 +276,16 @@ class NumberInput extends React.Component {
     return this.keyBoard;
   }
   render() {
-    const _this$props2 = this.props,
-      placeholder = _this$props2.placeholder,
-      disabled = _this$props2.disabled,
-      editable = _this$props2.editable,
-      moneyKeyboardAlign = _this$props2.moneyKeyboardAlign;
-    const _this$state = this.state,
-      focus = _this$state.focus,
-      value = _this$state.value;
+    const {
+      placeholder,
+      disabled,
+      editable,
+      moneyKeyboardAlign
+    } = this.props;
+    const {
+      focus,
+      value
+    } = this.state;
     const preventKeyboard = disabled || !editable;
     const fakeInputCls = (0, _classnames.default)('fake-input', {
       focus,

package/lib/InputItem/custom-keyboard.js

@@ -1,25 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.KeyboardItem = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var React = _interopRequireWildcard(require("react"));
 var _rmcFeedback = _interopRequireDefault(require("rmc-feedback"));
 var _exenv = require("../utils/exenv");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["prefixCls", "onClick", "className", "disabled", "children", "tdRef", "label", "iconOnly"];
 /**
  * determines whether an array includes a certain value among its entries, returning true or false as appropriate.
  * @param {array} arr The array to search in
  * @param {any} item  The value to search for
- */
-function includes(arr, item) {
+ */function includes(arr, item) {
   if (!arr || !arr.length || !item) {
     return false;
   }
@@ -32,16 +28,17 @@ function includes(arr, item) {
 }
 class KeyboardItem extends React.Component {
   render() {
-    const _this$props = this.props,
-      prefixCls = _this$props.prefixCls,
-      onClick = _this$props.onClick,
-      className = _this$props.className,
-      disabled = _this$props.disabled,
-      children = _this$props.children,
-      tdRef = _this$props.tdRef,
-      label = _this$props.label,
-      iconOnly = _this$props.iconOnly,
-      restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+    const {
+      prefixCls,
+      onClick,
+      className,
+      disabled,
+      children,
+      tdRef,
+      label,
+      iconOnly,
+      ...restProps
+    } = this.props;
     let value = children;
     if (className === 'keyboard-delete') {
       value = 'delete';
@@ -51,26 +48,26 @@ class KeyboardItem extends React.Component {
       value = 'confirm';
     }
     const extraCls = {
-      ["".concat(prefixCls, "-item-disabled")]: disabled
+      [`${prefixCls}-item-disabled`]: disabled
     };
-    const wrapCls = (0, _classnames.default)("".concat(prefixCls, "-item"), className, extraCls);
+    const wrapCls = (0, _classnames.default)(`${prefixCls}-item`, className, extraCls);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rmcFeedback.default, {
       disabled: disabled,
-      activeClassName: "".concat(prefixCls, "-item-active"),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      activeClassName: `${prefixCls}-item-active`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", {
         ref: tdRef
         // tslint:disable-next-line:jsx-no-multiline-js
         ,
         onTouchEnd: e => {
           onClick(e, value);
         },
-        className: wrapCls
-      }, restProps), {}, {
+        className: wrapCls,
+        ...restProps,
         children: [children, iconOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
           className: "sr-only",
           children: label
         })]
-      }))
+      })
     });
   }
 }
@@ -108,22 +105,23 @@ class CustomKeyboard extends React.Component {
         onClick: this.onKeyboardClick,
         disabled: disabled,
         children: item
-      }, "item-".concat(item, "-").concat(index));
+      }, `item-${item}-${index}`);
     };
   }
   render() {
-    const _this$props2 = this.props,
-      prefixCls = _this$props2.prefixCls,
-      confirmLabel = _this$props2.confirmLabel,
-      backspaceLabel = _this$props2.backspaceLabel,
-      cancelKeyboardLabel = _this$props2.cancelKeyboardLabel,
-      wrapProps = _this$props2.wrapProps,
-      header = _this$props2.header;
-    const wrapperCls = (0, _classnames.default)("".concat(prefixCls, "-wrapper"), "".concat(prefixCls, "-wrapper-hide"));
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    const {
+      prefixCls,
+      confirmLabel,
+      backspaceLabel,
+      cancelKeyboardLabel,
+      wrapProps,
+      header
+    } = this.props;
+    const wrapperCls = (0, _classnames.default)(`${prefixCls}-wrapper`, `${prefixCls}-wrapper-hide`);
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: wrapperCls,
-      ref: el => this.antmKeyboard = el
-    }, wrapProps), {}, {
+      ref: el => this.antmKeyboard = el,
+      ...wrapProps,
       children: [header && /*#__PURE__*/React.cloneElement(header, {
         onClick: this.onKeyboardClick
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
@@ -131,11 +129,12 @@ class CustomKeyboard extends React.Component {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
             children: [['1', '2', '3'].map((item, index) =>
             // tslint:disable-next-line:jsx-no-multiline-js
-            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, (0, _objectSpread2.default)({
+            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, {
               className: "keyboard-delete",
               rowSpan: 2,
-              onClick: this.onKeyboardClick
-            }, this.getAriaAttr(backspaceLabel)))]
+              onClick: this.onKeyboardClick,
+              ...this.getAriaAttr(backspaceLabel)
+            })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
             children: ['4', '5', '6'].map((item, index) =>
             // tslint:disable-next-line:jsx-no-multiline-js
@@ -153,14 +152,15 @@ class CustomKeyboard extends React.Component {
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
             children: [['.', '0'].map((item, index) =>
             // tslint:disable-next-line:jsx-no-multiline-js
-            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, (0, _objectSpread2.default)({
+            this.renderKeyboardItem(item, index)), /*#__PURE__*/(0, _jsxRuntime.jsx)(KeyboardItem, {
               className: "keyboard-hide",
-              onClick: this.onKeyboardClick
-            }, this.getAriaAttr(cancelKeyboardLabel)))]
+              onClick: this.onKeyboardClick,
+              ...this.getAriaAttr(cancelKeyboardLabel)
+            })]
           })]
         })
       })]
-    }));
+    });
   }
   getAriaAttr(label) {
     if (_exenv.IS_IOS) {