dtable-ui-component 7.0.13 → 7.0.15

package/lib/RowExpandEditor/email-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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandEmailEditor = /*#__PURE__*/(0, _react.forwardRef)((props, 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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

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

@@ -12,7 +12,9 @@ class RowExpandMBEmailEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     this.onBlur = () => {
-      const onCommit = this.props.onCommit;
+      const {
+        onCommit
+      } = this.props;
       const updated = this.state.value.trim();
       onCommit(updated);
     };
@@ -30,21 +32,27 @@ class RowExpandMBEmailEditor extends _react.default.Component {
       e.stopPropagation();
     };
     this.onOpenEmailLink = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let newValue = value.trim();
-      window.location.href = "mailto:".concat(newValue);
+      window.location.href = `mailto:${newValue}`;
     };
-    const row = props.row,
-      column = props.column,
-      valueKey = props.valueKey;
+    const {
+      row,
+      column,
+      valueKey
+    } = props;
     this.state = {
       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]] || ''
@@ -52,7 +60,9 @@ class RowExpandMBEmailEditor extends _react.default.Component {
     }
   }
   render() {
-    const value = this.state.value;
+    const {
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-mobile-row-expand-input-editor-container position-relative dtable-ui-mobile-row-expand-url-editor-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

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

@@ -24,7 +24,9 @@ class RowExpandPCEmailEditor extends _react.default.Component {
       }, 1);
     };
     this.onBlur = () => {
-      const onCommit = this.props.onCommit;
+      const {
+        onCommit
+      } = this.props;
       const updated = this.state.value.trim();
       onCommit(updated);
     };
@@ -50,22 +52,27 @@ class RowExpandPCEmailEditor extends _react.default.Component {
         this.blurInput();
         return;
       }
-      const _event$currentTarget = event.currentTarget,
-        selectionStart = _event$currentTarget.selectionStart,
-        selectionEnd = _event$currentTarget.selectionEnd,
-        value = _event$currentTarget.value;
+      const {
+        selectionStart,
+        selectionEnd,
+        value
+      } = event.currentTarget;
       if (event.keyCode === _constants.KeyCodes.ChineseInputMethod || event.keyCode === _constants.KeyCodes.LeftArrow && selectionStart === 0 || event.keyCode === _constants.KeyCodes.RightArrow && selectionEnd === value.length) {
         event.stopPropagation();
       }
     };
     this.onOpenEmailLink = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       let newValue = value.trim();
-      window.location.href = "mailto:".concat(newValue);
+      window.location.href = `mailto:${newValue}`;
     };
-    const row = props.row,
-      column = props.column,
-      valueKey = props.valueKey;
+    const {
+      row,
+      column,
+      valueKey
+    } = props;
     this.state = {
       value: row[column[valueKey]] || ''
     };
@@ -76,9 +83,11 @@ class RowExpandPCEmailEditor extends _react.default.Component {
     }
   }
   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]] || ''
@@ -91,7 +100,9 @@ class RowExpandPCEmailEditor extends _react.default.Component {
     }
   }
   render() {
-    let value = this.state.value;
+    let {
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-row-expand-url-editor",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

package/lib/RowExpandEditor/file-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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandFileEditor = /*#__PURE__*/(0, _react.forwardRef)((props, 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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

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

@@ -32,17 +32,24 @@ class RowExpandMBFileEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.deleteFile = index => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const newValue = value.slice(0);
       newValue.splice(index, 1);
       this.onCommit(newValue);
     };
     this.renderFiles = () => {
-      const value = this.state.value;
-      const config = this.props.config;
+      const {
+        value
+      } = this.state;
+      const {
+        config
+      } = this.props;
       return value.map((file, index) => {
-        const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file),
-          fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
+        const {
+          fileIconUrl
+        } = (0, _url.getFileThumbnailInfo)(file);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           src: fileIconUrl,
           name: file.name,
@@ -55,9 +62,11 @@ class RowExpandMBFileEditor extends _react.default.Component {
         }, 'file-' + index);
       });
     };
-    const column = props.column,
-      row = props.row,
-      valueKey = props.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]] || []
@@ -65,9 +74,11 @@ class RowExpandMBFileEditor extends _react.default.Component {
     this.openEditorMode = null;
   }
   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]] || [],
@@ -76,13 +87,15 @@ class RowExpandMBFileEditor 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/file-editor/pc-editor/index.js

@@ -45,11 +45,14 @@ class RowExpandPCFileEditor extends _react.default.Component {
       this.props.onCommit(value);
     };
     this.deleteFile = index => {
-      const _this$props = this.props,
-        column = _this$props.column,
-        row = _this$props.row,
-        onCommit = _this$props.onCommit;
-      let fileContainer = this.state.fileContainer;
+      const {
+        column,
+        row,
+        onCommit
+      } = this.props;
+      let {
+        fileContainer
+      } = this.state;
       let value = fileContainer || row[column.key];
       let updatedValue = value.slice(0);
       updatedValue.splice(index, 1);
@@ -72,9 +75,11 @@ class RowExpandPCFileEditor 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({
         fileContainer: row[column[valueKey]] || [],
@@ -97,17 +102,19 @@ class RowExpandPCFileEditor extends _react.default.Component {
   }
   render() {
     let fileArr = [];
-    const _this$props2 = this.props,
-      column = _this$props2.column,
-      row = _this$props2.row,
-      config = _this$props2.config,
-      valueKey = _this$props2.valueKey,
-      isEditorFocus = _this$props2.isEditorFocus;
+    const {
+      column,
+      row,
+      config,
+      valueKey,
+      isEditorFocus
+    } = this.props;
     let value = this.state.fileContainer !== null ? this.state.fileContainer : row[column[valueKey]];
     if (value && value.length > 0) {
       fileArr = value.map((file, index) => {
-        const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file),
-          fileIconUrl = _getFileThumbnailInfo.fileIconUrl;
+        const {
+          fileIconUrl
+        } = (0, _url.getFileThumbnailInfo)(file);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageThumbnail.default, {
           src: fileIconUrl,
           name: file.name,

package/lib/RowExpandEditor/geolocation-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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandGeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((props, r
   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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

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/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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
@@ -16,14 +15,16 @@ const RowExpandImageEditor = /*#__PURE__*/(0, _react.forwardRef)((props, 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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      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, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         ref: ref
-      }))
+      })
     })]
   });
 });

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,
@@ -51,21 +55,25 @@ class RowExpandMBImageEditor extends _react.default.Component {
           config: config,
           onClick: this.toggleEditor,
           deleteImage: this.deleteImage
-        }, "image-".concat(index));
+        }, `image-${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",