dtable-ui-component 6.0.126 → 7.0.0-xia.1

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

@@ -31,11 +31,14 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.getLocationInfo = value => {
-      const _this$props = this.props,
-        column = _this$props.column,
-        config = _this$props.config;
-      const dtableBaiduMapKey = config.dtableBaiduMapKey,
-        dtableMineMapKey = config.dtableMineMapKey;
+      const {
+        column,
+        config
+      } = this.props;
+      const {
+        dtableBaiduMapKey,
+        dtableMineMapKey
+      } = config;
       const isBaiduMap = !!(dtableBaiduMapKey || dtableMineMapKey);
       return (0, _dtableUtils.getGeolocationDisplayString)(value, column.data, {
         isBaiduMap,
@@ -43,7 +46,9 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
       });
     };
     this.renderGeoLocation = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const text = (0, _dtableUtils.isEmptyObject)(value) ? (0, _lang.getLocale)('Edit_Location') : this.getLocationInfo(value);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_addBtn.default, {
         onClick: this.openEditor,
@@ -51,18 +56,22 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
         className: "py-4"
       });
     };
-    const row = props.row,
-      _column = props.column,
-      valueKey = props.valueKey;
+    const {
+      row,
+      column: _column,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[_column[valueKey]] || {}
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || {},
@@ -71,11 +80,14 @@ class RowExpandMBGeolocationEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props2 = this.props,
-      column = _this$props2.column,
-      row = _this$props2.row,
-      config = _this$props2.config;
-    const value = this.state.value;
+    const {
+      column,
+      row,
+      config
+    } = this.props;
+    const {
+      value
+    } = this.state;
     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,8 +69,12 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
       });
     };
     this.renderGeoLocation = () => {
-      let isEditorFocus = this.props.isEditorFocus;
-      let value = this.state.value;
+      let {
+        isEditorFocus
+      } = this.props;
+      let {
+        value
+      } = this.state;
       if (!(0, _dtableUtils.isEmptyObject)(value)) {
         const displayContent = this.getLocationInfo(value);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -93,14 +97,18 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
       });
     };
     this.getLocationInfo = value => {
-      const column = this.props.column;
+      const {
+        column
+      } = this.props;
       return (0, _dtableUtils.getGeolocationDisplayString)(value, column.data, {
         hyphen: ' '
       });
     };
-    const row = props.row,
-      _column = props.column,
-      valueKey = props.valueKey;
+    const {
+      row,
+      column: _column,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[_column[valueKey]] || {}
@@ -113,9 +121,11 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]] || {},
@@ -138,10 +148,13 @@ class RowExpandPCGeolocationEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const _this$props = this.props,
-      column = _this$props.column,
-      config = _this$props.config;
-    const value = this.state.value;
+    const {
+      column,
+      config
+    } = this.props;
+    const {
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: ref => this.editorContainer = ref,
       className: "mt-2",

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

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

package/lib/RowExpandEditor/index.js

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

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

@@ -48,12 +48,15 @@ class RowExpandMBLongTextEditor extends _react.default.Component {
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     var _this$editorRef, _this$editorRef$curre;
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
-    const _this$props = this.props,
-      currentColumn = _this$props.column,
-      currentRow = _this$props.row;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
+    const {
+      column: currentColumn,
+      row: currentRow
+    } = this.props;
     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)) {
@@ -61,10 +64,13 @@ class RowExpandMBLongTextEditor extends _react.default.Component {
     }
   }
   render() {
-    const column = this.props.column;
-    const _this$state = this.state,
-      innerHtml = _this$state.innerHtml,
-      isShowEditor = _this$state.isShowEditor;
+    const {
+      column
+    } = this.props;
+    const {
+      innerHtml,
+      isShowEditor
+    } = this.state;
     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,7 +47,9 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
       this.editorRef.current.closeEditor();
     };
     this.onClick = () => {
-      const columnIndex = this.props.columnIndex;
+      const {
+        columnIndex
+      } = this.props;
       this.props.updateTabIndex && this.props.updateTabIndex(columnIndex);
     };
     this.state = {
@@ -61,14 +63,17 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
     var _this$editorRef, _this$editorRef$curre;
-    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 {
+      column,
+      row,
+      isEditorFocus: nextIsEditorFocus,
+      valueKey
+    } = nextProps;
+    const {
+      column: currentColumn,
+      row: currentRow,
+      isEditorFocus
+    } = this.props;
     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)) {
@@ -86,13 +91,15 @@ class RowExpandPCLongTextEditor extends _react.default.Component {
     }
   }
   render() {
-    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;
+    const {
+      column,
+      longTextEditorAPI,
+      longTextEditorI18n
+    } = this.props;
+    const {
+      isLoading,
+      value
+    } = this.state;
     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,7 +19,9 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const column = props.column;
+      const {
+        column
+      } = props;
       return (0, _dtableUtils.getColumnOptions)(column);
     };
     this.toggleEditor = value => {
@@ -63,7 +65,9 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.renderOptions = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let displayOptions = [];
       if (Array.isArray(value)) {
         const selectedOptions = this.options.filter(option => value.includes(option[this.key]));
@@ -110,8 +114,10 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
     this.options = this.getOptions(_props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const value = nextProps.value,
-      column = nextProps.column;
+    const {
+      value,
+      column
+    } = nextProps;
     if (value !== this.props.value || !_objectUtils.default.isSameObject(column, this.props.column)) {
       this.options = this.getOptions(nextProps);
       this.setState({
@@ -121,13 +127,15 @@ class RowExpandMBMultipleSelectEditor extends _react.default.Component {
     }
   }
   render() {
-    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;
+    const {
+      column,
+      isSupportNewOption,
+      onAddNewOption
+    } = this.props;
+    const {
+      showEditor,
+      value
+    } = this.state;
     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,7 +18,9 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.getOptions = props => {
-      const column = props.column;
+      const {
+        column
+      } = props;
       return (0, _dtableUtils.getColumnOptions)(column);
     };
     this.onKeyDown = e => {
@@ -49,9 +51,10 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
     this.onToggleSelect = e => {
       e.preventDefault();
       e.stopPropagation();
-      const _this$props = this.props,
-        updateTabIndex = _this$props.updateTabIndex,
-        columnIndex = _this$props.columnIndex;
+      const {
+        updateTabIndex,
+        columnIndex
+      } = this.props;
       updateTabIndex && updateTabIndex(columnIndex);
       this.toggleSingleSelect(true);
     };
@@ -59,9 +62,10 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
       this.toggleSingleSelect(false);
     };
     this.onFocus = () => {
-      const _this$props2 = this.props,
-        updateTabIndex = _this$props2.updateTabIndex,
-        columnIndex = _this$props2.columnIndex;
+      const {
+        updateTabIndex,
+        columnIndex
+      } = this.props;
       updateTabIndex && updateTabIndex(columnIndex);
     };
     this.onChange = option => {
@@ -83,7 +87,9 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
       this.onChange(option);
     };
     this.getMultipleSelectList = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       if (!Array.isArray(value)) return [];
       const selectedOptions = this.options.filter(option => value.includes(option[this.key]));
       const selectedOptionIds = selectedOptions.map(option => option[this.key]);
@@ -144,10 +150,11 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
       }));
     };
     this.renderOptions = () => {
-      const _this$props3 = this.props,
-        isEditorFocus = _this$props3.isEditorFocus,
-        classNamePrefix = _this$props3.classNamePrefix,
-        placeholder = _this$props3.placeholder;
+      const {
+        isEditorFocus,
+        classNamePrefix,
+        placeholder
+      } = this.props;
       const options = this.getMultipleSelectList();
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         tabIndex: 0,
@@ -194,8 +201,10 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const value = nextProps.value,
-      column = nextProps.column;
+    const {
+      value,
+      column
+    } = nextProps;
     if (value !== this.props.value || !_objectUtils.default.isSameObject(column, this.props.column)) {
       this.options = this.getOptions(nextProps);
       this.setState({
@@ -218,14 +227,16 @@ class RowExpandPCMultipleSelectEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    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;
+    const {
+      column,
+      isSupportNewOption,
+      onAddNewOption,
+      classNamePrefix
+    } = this.props;
+    const {
+      showSelectPopover,
+      value
+    } = this.state;
     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,22 +35,28 @@ class RowExpandMBNumberEditor extends _react.default.Component {
         isShowEditor: false
       });
     };
-    const column = props.column,
-      row = props.row;
+    const {
+      column,
+      row
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column.key]
     };
   }
   render() {
-    const column = this.props.column;
-    const _this$state = this.state,
-      value = _this$state.value,
-      isShowEditor = _this$state.isShowEditor;
+    const {
+      column
+    } = this.props;
+    const {
+      value,
+      isShowEditor
+    } = this.state;
     let formatValue = '';
     if (!isShowEditor && (0, _dtableUtils.isNumber)(value)) {
-      const _column$data = column.data,
-        data = _column$data === void 0 ? {} : _column$data;
+      const {
+        data = {}
+      } = column;
       formatValue = (0, _dtableUtils.getNumberDisplayString)(value, data);
     }
     const dom = isShowEditor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_NumberEditor.default, {