dtable-ui-component 6.0.126-beta.s1 → 6.0.126

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

@@ -31,14 +31,11 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.getLocationInfo = value => {
-      const {
-        column,
-        config
-      } = this.props;
-      const {
-        dtableBaiduMapKey,
-        dtableMineMapKey
-      } = config;
+      const _this$props = this.props,
+        column = _this$props.column,
+        config = _this$props.config;
+      const dtableBaiduMapKey = config.dtableBaiduMapKey,
+        dtableMineMapKey = config.dtableMineMapKey;
       const isBaiduMap = !!(dtableBaiduMapKey || dtableMineMapKey);
       return (0, _dtableUtils.getGeolocationDisplayString)(value, column.data, {
         isBaiduMap,
@@ -46,9 +43,7 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
       });
     };
     this.renderGeoLocation = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       const text = (0, _dtableUtils.isEmptyObject)(value) ? (0, _lang.getLocale)('Edit_Location') : this.getLocationInfo(value);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
         onClick: this.openEditor,
@@ -56,22 +51,18 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
         className: "py-4"
       });
     };
-    const {
-      row,
-      column: _column,
-      valueKey
-    } = props;
+    const row = props.row,
+      _column = props.column,
+      valueKey = props.valueKey;
     this.state = {
       isShowEditor: false,
       value: row[_column[valueKey]] || {}
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || {},
@@ -80,14 +71,11 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      column,
-      row,
-      config
-    } = this.props;
-    const {
-      value
-    } = this.state;
+    const _this$props2 = this.props,
+      column = _this$props2.column,
+      row = _this$props2.row,
+      config = _this$props2.config;
+    const value = this.state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [this.renderGeoLocation(), this.state.isShowEditor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeolocationEditor.default, {
         column: column,

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

@@ -69,12 +69,8 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
       });
     };
     this.renderGeoLocation = () => {
-      let {
-        isEditorFocus
-      } = this.props;
-      let {
-        value
-      } = this.state;
+      let isEditorFocus = this.props.isEditorFocus;
+      let value = this.state.value;
       if (!(0, _dtableUtils.isEmptyObject)(value)) {
         const displayContent = this.getLocationInfo(value);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -97,18 +93,14 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
       });
     };
     this.getLocationInfo = value => {
-      const {
-        column
-      } = this.props;
+      const column = this.props.column;
       return (0, _dtableUtils.getGeolocationDisplayString)(value, column.data, {
         hyphen: ' '
       });
     };
-    const {
-      row,
-      column: _column,
-      valueKey
-    } = props;
+    const row = props.row,
+      _column = props.column,
+      valueKey = props.valueKey;
     this.state = {
       isShowEditor: false,
       value: row[_column[valueKey]] || {}
@@ -121,11 +113,9 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || {},
@@ -148,13 +138,10 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const {
-      column,
-      config
-    } = this.props;
-    const {
-      value
-    } = this.state;
+    const _this$props = this.props,
+      column = _this$props.column,
+      config = _this$props.config;
+    const value = this.state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: ref => this.editorContainer = ref,
       className: "mt-2",

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

@@ -41,12 +41,8 @@ class RowExpandMBImageEditor extends _react.default.Component {
       this.props.onCommit(updatedValue);
     };
     this.renderImages = () => {
-      const {
-        value
-      } = this.state;
-      const {
-        config
-      } = this.props;
+      const value = this.state.value;
+      const config = this.props.config;
       return value.map((src, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
@@ -58,22 +54,18 @@ class RowExpandMBImageEditor extends _react.default.Component {
         }, "image-".concat(index));
       });
     };
-    const {
-      column,
-      row,
-      valueKey
-    } = props;
+    const column = props.column,
+      row = props.row,
+      valueKey = props.valueKey;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]] || []
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || [],
@@ -82,15 +74,13 @@ class RowExpandMBImageEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      column,
-      config,
-      uploadFile
-    } = this.props;
-    const {
-      isShowEditor,
-      value
-    } = this.state;
+    const _this$props = this.props,
+      column = _this$props.column,
+      config = _this$props.config,
+      uploadFile = _this$props.uploadFile;
+    const _this$state = this.state,
+      isShowEditor = _this$state.isShowEditor,
+      value = _this$state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui-mobile-row-expand-image position-relative",

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

@@ -65,14 +65,11 @@ class RowExpandPCImageEditor extends _react.default.Component {
       this.setLargeImageIndex(-1);
     };
     this.getValue = () => {
-      let {
-        column,
-        row,
-        valueKey
-      } = this.props;
-      let {
-        imageContainer
-      } = this.state;
+      let _this$props = this.props,
+        column = _this$props.column,
+        row = _this$props.row,
+        valueKey = _this$props.valueKey;
+      let imageContainer = this.state.imageContainer;
       return imageContainer ? imageContainer : row[column[valueKey]];
     };
     this.deleteImage = index => {
@@ -85,9 +82,7 @@ class RowExpandPCImageEditor extends _react.default.Component {
       this.props.onCommit(updatedValue);
     };
     this.getImageArray = value => {
-      const {
-        config
-      } = this.props;
+      const config = this.props.config;
       return value.map((imageSrc, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           index: index,
@@ -108,11 +103,9 @@ class RowExpandPCImageEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         imageContainer: row[column[valueKey]] || [],
@@ -135,13 +128,10 @@ class RowExpandPCImageEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const {
-      isEditorFocus
-    } = this.props;
-    let {
-      isShowImageEditor,
-      largeImageIndex
-    } = this.state;
+    const isEditorFocus = this.props.isEditorFocus;
+    let _this$state = this.state,
+      isShowImageEditor = _this$state.isShowImageEditor,
+      largeImageIndex = _this$state.largeImageIndex;
     let value = this.getValue();
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/RowExpandEditor/index.js

@@ -12,18 +12,14 @@ var _constants = require("./constants");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["column", "component"];
 const RowExpandEditor = _ref => {
-  let {
-      column,
-      component
-    } = _ref,
+  let column = _ref.column,
+    component = _ref.component,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const components = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _constants.CELL_EDITOR_MAP), component);
   const Editor = components[column.type];
   if (!Editor) return null;
-  const {
-    row,
-    valueKey
-  } = props;
+  const row = props.row,
+    valueKey = props.valueKey;
   const value = row[column[valueKey]];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Editor, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     value: value,

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

@@ -1,11 +1,12 @@
 "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 = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _seafileEditor = require("@seafile/seafile-editor");
 var _TextareaItem = _interopRequireDefault(require("../../../../TextareaItem"));
@@ -13,18 +14,17 @@ var _MobileFullScreenPage = _interopRequireDefault(require("../../../../MobileFu
 var _lang = require("../../../../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  Body = _MobileFullScreenPage.default.Body;
 const Editor = _ref => {
-  let {
-    value: oldValue,
-    title,
-    onToggle,
-    onChange
-  } = _ref;
-  const [value, setValue] = (0, _react.useState)(oldValue || '');
+  let oldValue = _ref.value,
+    title = _ref.title,
+    onToggle = _ref.onToggle,
+    onChange = _ref.onChange;
+  const _useState = (0, _react.useState)(oldValue || ''),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   const hasUnSaved = (0, _react.useRef)(false);
   const rowCounts = (0, _react.useMemo)(() => document.body.offsetWidth < 768 ? 10 : 20, []);
   const handleTextChange = (0, _react.useCallback)(newValue => {
@@ -34,12 +34,11 @@ const Editor = _ref => {
   }, [value]);
   const onSave = (0, _react.useCallback)(() => {
     if (!hasUnSaved.current) return;
-    const {
-      previewText,
-      images,
-      links,
-      checklist
-    } = (0, _seafileEditor.getPreviewContent)(value);
+    const _getPreviewContent = (0, _seafileEditor.getPreviewContent)(value),
+      previewText = _getPreviewContent.previewText,
+      images = _getPreviewContent.images,
+      links = _getPreviewContent.links,
+      checklist = _getPreviewContent.checklist;
     const newValue = Object.assign({}, {
       text: value,
       preview: previewText,

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

@@ -48,15 +48,12 @@ class RowExpandMBLongTextEditor extends _react.default.Component {
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     var _this$editorRef, _this$editorRef$curre;
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
-    const {
-      column: currentColumn,
-      row: currentRow
-    } = this.props;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
+    const _this$props = this.props,
+      currentColumn = _this$props.column,
+      currentRow = _this$props.row;
     const value = row[column[valueKey]];
     const currentValue = currentRow[currentColumn[valueKey]];
     if (value !== currentValue && !((_this$editorRef = this.editorRef) !== null && _this$editorRef !== void 0 && (_this$editorRef$curre = _this$editorRef.current) !== null && _this$editorRef$curre !== void 0 && _this$editorRef$curre.enableEdit)) {
@@ -64,13 +61,10 @@ class RowExpandMBLongTextEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      column
-    } = this.props;
-    const {
-      innerHtml,
-      isShowEditor
-    } = this.state;
+    const column = this.props.column;
+    const _this$state = this.state,
+      innerHtml = _this$state.innerHtml,
+      isShowEditor = _this$state.isShowEditor;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [innerHtml ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui-mobile-long-text-formatter article py-2",

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

@@ -47,9 +47,7 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
       this.editorRef.current.closeEditor();
     };
     this.onClick = () => {
-      const {
-        columnIndex
-      } = this.props;
+      const columnIndex = this.props.columnIndex;
       this.props.updateTabIndex && this.props.updateTabIndex(columnIndex);
     };
     this.state = {
@@ -63,17 +61,14 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     var _this$editorRef, _this$editorRef$curre;
-    const {
-      column,
-      row,
-      isEditorFocus: nextIsEditorFocus,
-      valueKey
-    } = nextProps;
-    const {
-      column: currentColumn,
-      row: currentRow,
-      isEditorFocus
-    } = this.props;
+    const column = nextProps.column,
+      row = nextProps.row,
+      nextIsEditorFocus = nextProps.isEditorFocus,
+      valueKey = nextProps.valueKey;
+    const _this$props = this.props,
+      currentColumn = _this$props.column,
+      currentRow = _this$props.row,
+      isEditorFocus = _this$props.isEditorFocus;
     const value = row[column[valueKey]];
     const currentValue = currentRow[currentColumn[valueKey]];
     if (value !== currentValue && !((_this$editorRef = this.editorRef) !== null && _this$editorRef !== void 0 && (_this$editorRef$curre = _this$editorRef.current) !== null && _this$editorRef$curre !== void 0 && _this$editorRef$curre.enableEdit)) {
@@ -91,15 +86,13 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      column,
-      longTextEditorAPI,
-      longTextEditorI18n
-    } = this.props;
-    const {
-      isLoading,
-      value
-    } = this.state;
+    const _this$props2 = this.props,
+      column = _this$props2.column,
+      longTextEditorAPI = _this$props2.longTextEditorAPI,
+      longTextEditorI18n = _this$props2.longTextEditorI18n;
+    const _this$state = this.state,
+      isLoading = _this$state.isLoading,
+      value = _this$state.value;
     if (isLoading) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
       fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

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

@@ -19,9 +19,7 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const {
-        column
-      } = props;
+      const column = props.column;
       return (0, _dtableUtils.getColumnOptions)(column);
     };
     this.toggleEditor = value => {
@@ -65,9 +63,7 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.renderOptions = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       let displayOptions = [];
       if (Array.isArray(value)) {
         const selectedOptions = this.options.filter(option => value.includes(option[this.key]));
@@ -114,10 +110,8 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
     this.options = this.getOptions(_props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      value,
-      column
-    } = nextProps;
+    const value = nextProps.value,
+      column = nextProps.column;
     if (value !== this.props.value || !_objectUtils.default.isSameObject(column, this.props.column)) {
       this.options = this.getOptions(nextProps);
       this.setState({
@@ -127,15 +121,13 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      column,
-      isSupportNewOption,
-      onAddNewOption
-    } = this.props;
-    const {
-      showEditor,
-      value
-    } = this.state;
+    const _this$props = this.props,
+      column = _this$props.column,
+      isSupportNewOption = _this$props.isSupportNewOption,
+      onAddNewOption = _this$props.onAddNewOption;
+    const _this$state = this.state,
+      showEditor = _this$state.showEditor,
+      value = _this$state.value;
     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",

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

@@ -18,9 +18,7 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const {
-        column
-      } = props;
+      const column = props.column;
       return (0, _dtableUtils.getColumnOptions)(column);
     };
     this.onKeyDown = e => {
@@ -51,10 +49,9 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
     this.onToggleSelect = e => {
       e.preventDefault();
       e.stopPropagation();
-      const {
-        updateTabIndex,
-        columnIndex
-      } = this.props;
+      const _this$props = this.props,
+        updateTabIndex = _this$props.updateTabIndex,
+        columnIndex = _this$props.columnIndex;
       updateTabIndex && updateTabIndex(columnIndex);
       this.toggleSingleSelect(true);
     };
@@ -62,10 +59,9 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
       this.toggleSingleSelect(false);
     };
     this.onFocus = () => {
-      const {
-        updateTabIndex,
-        columnIndex
-      } = this.props;
+      const _this$props2 = this.props,
+        updateTabIndex = _this$props2.updateTabIndex,
+        columnIndex = _this$props2.columnIndex;
       updateTabIndex && updateTabIndex(columnIndex);
     };
     this.onChange = option => {
@@ -87,9 +83,7 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
       this.onChange(option);
     };
     this.getMultipleSelectList = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       if (!Array.isArray(value)) return [];
       const selectedOptions = this.options.filter(option => value.includes(option[this.key]));
       const selectedOptionIds = selectedOptions.map(option => option[this.key]);
@@ -150,11 +144,10 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
       }));
     };
     this.renderOptions = () => {
-      const {
-        isEditorFocus,
-        classNamePrefix,
-        placeholder
-      } = this.props;
+      const _this$props3 = this.props,
+        isEditorFocus = _this$props3.isEditorFocus,
+        classNamePrefix = _this$props3.classNamePrefix,
+        placeholder = _this$props3.placeholder;
       const options = this.getMultipleSelectList();
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         tabIndex: 0,
@@ -201,10 +194,8 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      value,
-      column
-    } = nextProps;
+    const value = nextProps.value,
+      column = nextProps.column;
     if (value !== this.props.value || !_objectUtils.default.isSameObject(column, this.props.column)) {
       this.options = this.getOptions(nextProps);
       this.setState({
@@ -227,16 +218,14 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const {
-      column,
-      isSupportNewOption,
-      onAddNewOption,
-      classNamePrefix
-    } = this.props;
-    const {
-      showSelectPopover,
-      value
-    } = this.state;
+    const _this$props4 = this.props,
+      column = _this$props4.column,
+      isSupportNewOption = _this$props4.isSupportNewOption,
+      onAddNewOption = _this$props4.onAddNewOption,
+      classNamePrefix = _this$props4.classNamePrefix;
+    const _this$state = this.state,
+      showSelectPopover = _this$state.showSelectPopover,
+      value = _this$state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative w-100",
       ref: ref => this.ref = ref,

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

@@ -35,28 +35,22 @@ class RowExpandMBNumberEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    const {
-      column,
-      row
-    } = props;
+    const column = props.column,
+      row = props.row;
     this.state = {
       isShowEditor: false,
       value: row[column.key]
     };
   }
   render() {
-    const {
-      column
-    } = this.props;
-    const {
-      value,
-      isShowEditor
-    } = this.state;
+    const column = this.props.column;
+    const _this$state = this.state,
+      value = _this$state.value,
+      isShowEditor = _this$state.isShowEditor;
     let formatValue = '';
     if (!isShowEditor && (0, _dtableUtils.isNumber)(value)) {
-      const {
-        data = {}
-      } = column;
+      const _column$data = column.data,
+        data = _column$data === void 0 ? {} : _column$data;
       formatValue = (0, _dtableUtils.getNumberDisplayString)(value, data);
     }
     const dom = isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_NumberEditor.default, {