dtable-ui-component 6.0.49 → 6.0.50

package/lib/RowExpandEditor/image-editor/mb-editor/index.js

@@ -11,6 +11,7 @@ var _lang = require("../../../lang");
 var _ImageThumbnail = _interopRequireDefault(require("../../../ImageThumbnail"));
 var _ImageEditor = _interopRequireDefault(require("../../../ImageEditor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBImageEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -47,15 +48,14 @@ class RowExpandMBImageEditor extends _react.default.Component {
         config
       } = this.props;
       return value.map((src, index) => {
-        return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
-          key: "image-".concat(index),
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
           src: src,
           className: "dtable-ui-mobile-row-expand-img-item",
           config: config,
           onClick: this.toggleEditor,
           deleteImage: this.deleteImage
-        });
+        }, "image-".concat(index));
       });
     };
     const {
@@ -91,19 +91,24 @@ class RowExpandMBImageEditor extends _react.default.Component {
       isShowEditor,
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-row-expand-image position-relative"
-    }, value.length === 0 ? /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      onClick: this.toggleEditor,
-      text: (0, _lang.getLocale)('Add_images')
-    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderImages())), isShowEditor && /*#__PURE__*/_react.default.createElement(_ImageEditor.default, {
-      value: value,
-      column: column,
-      config: config,
-      onToggle: this.closeEditor,
-      onCommit: this.onCommit,
-      uploadFile: uploadFile
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-mobile-row-expand-image position-relative",
+        children: value.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+          onClick: this.toggleEditor,
+          text: (0, _lang.getLocale)('Add_images')
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: this.renderImages()
+        })
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageEditor.default, {
+        value: value,
+        column: column,
+        config: config,
+        onToggle: this.closeEditor,
+        onCommit: this.onCommit,
+        uploadFile: uploadFile
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBImageEditor;

package/lib/RowExpandEditor/image-editor/pc-editor/index.js

@@ -13,6 +13,7 @@ var _ImagePreviewerLightbox = _interopRequireDefault(require("../../../ImagePrev
 var _ImageThumbnail = _interopRequireDefault(require("../../../ImageThumbnail"));
 var _ImageEditor = _interopRequireDefault(require("../../../ImageEditor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCImageEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -88,14 +89,13 @@ class RowExpandPCImageEditor extends _react.default.Component {
         config
       } = this.props;
       return value.map((imageSrc, index) => {
-        return /*#__PURE__*/_react.default.createElement(_ImageThumbnail.default, {
-          key: "image-".concat(index),
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
           src: imageSrc,
           onClick: this.setLargeImageIndex,
           deleteImage: this.deleteImage,
           config: config
-        });
+        }, "image-".concat(index));
       });
     };
     this.state = {
@@ -143,28 +143,32 @@ class RowExpandPCImageEditor extends _react.default.Component {
       largeImageIndex
     } = this.state;
     let value = this.getValue();
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-image-editor mt-2"
-    }, /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      isFocus: isEditorFocus,
-      text: (0, _lang.getLocale)('Add_images'),
-      onFocus: this.onFocus,
-      onClick: this.onToggle
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-row-expand-image-container"
-    }, Array.isArray(value) && value.length > 0 && this.getImageArray(value))), isShowImageEditor && /*#__PURE__*/_react.default.createElement(_ImageEditor.default, {
-      value: value,
-      isInModal: true,
-      onToggle: this.onToggle,
-      onCommit: this.onCommit,
-      uploadFile: this.props.uploadFile
-    }), largeImageIndex > -1 && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: value,
-      imageIndex: largeImageIndex,
-      closeImagePopup: this.hideLargeImage,
-      moveToPrevImage: this.moveToPrevImage,
-      moveToNextImage: this.moveToNextImage
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-row-expand-image-editor mt-2",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+          isFocus: isEditorFocus,
+          text: (0, _lang.getLocale)('Add_images'),
+          onFocus: this.onFocus,
+          onClick: this.onToggle
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-row-expand-image-container",
+          children: Array.isArray(value) && value.length > 0 && this.getImageArray(value)
+        })]
+      }), isShowImageEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageEditor.default, {
+        value: value,
+        isInModal: true,
+        onToggle: this.onToggle,
+        onCommit: this.onCommit,
+        uploadFile: this.props.uploadFile
+      }), largeImageIndex > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewerLightbox.default, {
+        imageItems: value,
+        imageIndex: largeImageIndex,
+        closeImagePopup: this.hideLargeImage,
+        moveToPrevImage: this.moveToPrevImage,
+        moveToNextImage: this.moveToNextImage
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandPCImageEditor;

package/lib/RowExpandEditor/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _constants = require("./constants");
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandEditor = _ref => {
   let {
     column,
@@ -24,9 +25,10 @@ const RowExpandEditor = _ref => {
     valueKey
   } = props;
   const value = row[column[valueKey]];
-  return /*#__PURE__*/_react.default.createElement(Editor, Object.assign({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Editor, {
+    ...props,
     value: value,
     column: column
-  }));
+  });
 };
 var _default = exports.default = RowExpandEditor;

package/lib/RowExpandEditor/long-text-editor/index.js

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandLongTextEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandLongTextEditor;

package/lib/RowExpandEditor/long-text-editor/mb-editor/editor/index.js

@@ -12,6 +12,7 @@ var _TextareaItem = _interopRequireDefault(require("../../../../TextareaItem"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../../../MobileFullScreenPage"));
 var _lang = require("../../../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const {
   Header,
   Body
@@ -53,22 +54,32 @@ const Editor = _ref => {
     onSave();
     onToggle();
   }, [onSave, onToggle]);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
     className: "dtable-ui-mobile-long-text-editor",
-    onClose: onToggle
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: onToggle,
-    onRightClick: handleSave
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Close')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, title), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      color: '#f09f3f'
-    }
-  }, (0, _lang.getLocale)('Submit'))), /*#__PURE__*/_react.default.createElement(Body, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-long-text-editor-container"
-  }, /*#__PURE__*/_react.default.createElement(_TextareaItem.default, {
-    rows: rowCounts,
-    value: value,
-    onChange: handleTextChange
-  }))));
+    onClose: onToggle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+      onLeftClick: onToggle,
+      onRightClick: handleSave,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: (0, _lang.getLocale)('Close')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          color: '#f09f3f'
+        },
+        children: (0, _lang.getLocale)('Submit')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-mobile-long-text-editor-container",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextareaItem.default, {
+          rows: rowCounts,
+          value: value,
+          onChange: handleTextChange
+        })
+      })
+    })]
+  });
 };
 var _default = exports.default = Editor;

package/lib/RowExpandEditor/long-text-editor/mb-editor/index.js

@@ -11,6 +11,7 @@ var _lang = require("../../../lang");
 var _addBtn = _interopRequireDefault(require("../../add-btn"));
 var _editor = _interopRequireDefault(require("./editor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBLongTextEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -70,22 +71,24 @@ class RowExpandMBLongTextEditor extends _react.default.Component {
       innerHtml,
       isShowEditor
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, innerHtml ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-mobile-long-text-formatter article py-2",
-      onClick: this.openEditor.bind(this),
-      dangerouslySetInnerHTML: {
-        __html: this.state.innerHtml
-      }
-    }) : /*#__PURE__*/_react.default.createElement(_addBtn.default, {
-      className: "py-4",
-      onClick: this.openEditor,
-      text: (0, _lang.getLocale)('Edit_long_text')
-    }), isShowEditor && /*#__PURE__*/_react.default.createElement(_editor.default, {
-      onChange: this.onCommit,
-      value: innerHtml,
-      onToggle: this.closeEditor,
-      title: column.name
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [innerHtml ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-mobile-long-text-formatter article py-2",
+        onClick: this.openEditor.bind(this),
+        dangerouslySetInnerHTML: {
+          __html: this.state.innerHtml
+        }
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
+        className: "py-4",
+        onClick: this.openEditor,
+        text: (0, _lang.getLocale)('Edit_long_text')
+      }), isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_editor.default, {
+        onChange: this.onCommit,
+        value: innerHtml,
+        onToggle: this.closeEditor,
+        title: column.name
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBLongTextEditor;

package/lib/RowExpandEditor/long-text-editor/pc-editor/index.js

@@ -15,6 +15,7 @@ var _constants = require("../../../constants");
 var _cell = require("../../../utils/cell");
 var _lang = require("../../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandPCLongTextEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -100,24 +101,27 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
       value
     } = this.state;
     if (isLoading) return null;
-    return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-      fallback: /*#__PURE__*/_react.default.createElement("div", {
-        className: "d-center-middle"
-      }, /*#__PURE__*/_react.default.createElement(_Loading.default, null))
-    }, /*#__PURE__*/_react.default.createElement(_reactI18next.I18nextProvider, {
-      i18n: longTextEditorI18n
-    }, /*#__PURE__*/_react.default.createElement(_seafileEditor.LongTextInlineEditor, {
-      ref: this.editorRef,
-      lang: _lang.LANGUAGE,
-      headerName: column.name,
-      value: value || '',
-      autoSave: true,
-      saveDelay: 20 * 1000,
-      isCheckBrowser: true,
-      onClick: this.onClick,
-      editorApi: longTextEditorAPI,
-      onSaveEditorValue: this.onSaveEditorValue
-    })));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
+      fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "d-center-middle",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {})
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactI18next.I18nextProvider, {
+        i18n: longTextEditorI18n,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileEditor.LongTextInlineEditor, {
+          ref: this.editorRef,
+          lang: _lang.LANGUAGE,
+          headerName: column.name,
+          value: value || '',
+          autoSave: true,
+          saveDelay: 20 * 1000,
+          isCheckBrowser: true,
+          onClick: this.onClick,
+          editorApi: longTextEditorAPI,
+          onSaveEditorValue: this.onSaveEditorValue
+        })
+      })
+    });
   }
 }
 var _default = exports.default = RowExpandPCLongTextEditor;

package/lib/RowExpandEditor/multiple-select-editor/index.js

@@ -10,15 +10,22 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const RowExpandMultipleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = RowExpandMultipleSelectEditor;

package/lib/RowExpandEditor/multiple-select-editor/mb-editor/index.js

@@ -14,6 +14,7 @@ var _rightAngle = _interopRequireDefault(require("../../right-angle"));
 var _objectUtils = _interopRequireDefault(require("../../../utils/object-utils"));
 var _constants = require("../../../constants");
 var _addBtn = _interopRequireDefault(require("../../add-btn"));
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandMBMultipleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
@@ -73,38 +74,37 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
         const selectedOptionIds = selectedOptions.map(option => option[this.key]);
         const invalidOptionIds = value.filter(optionId => !selectedOptionIds.includes(optionId));
         displayOptions = selectedOptions.map((option, optionIdx) => {
-          return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.default, {
             option: option,
-            key: optionIdx,
             isShowRemove: true,
             onRemove: this.removeOption.bind(this, option)
-          });
+          }, optionIdx);
         }).concat(invalidOptionIds.map((optionId, index) => {
           const option = {
             name: (0, _lang.getLocale)(_constants.DELETED_OPTION_TIPS),
             color: _constants.DELETED_OPTION_BACKGROUND_COLOR
           };
-          return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.default, {
             option: option,
-            key: "deleted-".concat(index),
             isShowRemove: true,
             onRemove: this.removeOption.bind(this, {
               [this.key]: optionId
             })
-          });
+          }, "deleted-".concat(index));
         }));
       }
-      if (displayOptions.length === 0) return /*#__PURE__*/_react.default.createElement(_addBtn.default, {
+      if (displayOptions.length === 0) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
         text: (0, _lang.getLocale)('Select_option(s)')
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         style: {
           minHeight: 50,
           padding: '10px 0',
           display: 'flex',
           flexWrap: 'wrap'
-        }
-      }, displayOptions);
+        },
+        children: displayOptions
+      });
     };
     this.state = {
       value: _props.value || [],
@@ -136,19 +136,22 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
       showEditor,
       value
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui dtable-ui-mobile-row-expand-options-editor position-relative",
-      onClick: this.openEditor
-    }, this.renderOptions(), /*#__PURE__*/_react.default.createElement(_rightAngle.default, null)), showEditor && /*#__PURE__*/_react.default.createElement(_MultipleSelectEditor.default, {
-      value: value,
-      column: column,
-      valueKey: this.key,
-      options: this.options,
-      onCommit: this.onChange,
-      onClose: this.closeEditor,
-      isSupportNewOption: isSupportNewOption,
-      onAddNewOption: onAddNewOption
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui dtable-ui-mobile-row-expand-options-editor position-relative",
+        onClick: this.openEditor,
+        children: [this.renderOptions(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_rightAngle.default, {})]
+      }), showEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultipleSelectEditor.default, {
+        value: value,
+        column: column,
+        valueKey: this.key,
+        options: this.options,
+        onCommit: this.onChange,
+        onClose: this.closeEditor,
+        isSupportNewOption: isSupportNewOption,
+        onAddNewOption: onAddNewOption
+      })]
+    });
   }
 }
 var _default = exports.default = RowExpandMBMultipleSelectEditor;