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

package/lib/GeolocationEditor/pc-editor/map-selection-editor/large-editor/index.js

@@ -27,12 +27,17 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
         this.map = new window.BMap.Map('geolocation-map-selection-container-large', {
           enableMapClick: false
         });
-        let _getInitCenter = (0, _mapEditorUtils.getInitCenter)(true),
-          lng = _getInitCenter.lng,
-          lat = _getInitCenter.lat,
-          zoom = _getInitCenter.zoom;
-        const value = this.state.value;
-        const lngLat = value.lngLat;
+        let {
+          lng,
+          lat,
+          zoom
+        } = (0, _mapEditorUtils.getInitCenter)(true);
+        const {
+          value
+        } = this.state;
+        const {
+          lngLat
+        } = value;
         if ((0, _cell.isValidPosition)(lngLat === null || lngLat === void 0 ? void 0 : lngLat.lng, lngLat === null || lngLat === void 0 ? void 0 : lngLat.lat)) {
           lng = lngLat.lng;
           lat = lngLat.lat;
@@ -53,9 +58,11 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
           const point = event.point;
           const geoCoder = new window.BMap.Geocoder();
           geoCoder.getLocation(point, result => {
-            const surroundingPois = result.surroundingPois,
-              address = result.address,
-              point = result.point;
+            const {
+              surroundingPois,
+              address,
+              point
+            } = result;
             if (surroundingPois.length === 0) {
               value.address = address;
               value.lngLat = {
@@ -66,10 +73,12 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
               value.title = '';
             } else {
               const position = surroundingPois[0];
-              const address = position.address,
-                title = position.title,
-                tags = position.tags,
-                point = position.point;
+              const {
+                address,
+                title,
+                tags,
+                point
+              } = position;
               value.address = address || '';
               value.title = title || '';
               value.tag = tags || [];
@@ -84,7 +93,9 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       });
     };
     this.addMarkerByPosition = value => {
-      const lngLat = value.lngLat;
+      const {
+        lngLat
+      } = value;
       let point = new window.BMap.Point(lngLat.lng, lngLat.lat);
       const marker = new window.BMap.Marker(point, {
         offset: new window.BMap.Size(-2, -5)
@@ -137,9 +148,11 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       }
     };
     this.getLabelContent = value => {
-      const address = value.address,
-        title = value.title,
-        tag = value.tag;
+      const {
+        address,
+        title,
+        tag
+      } = value;
       const tagContent = Array.isArray(tag) && tag.length > 0 ? tag[0] : '';
       if (title) {
         return "\n          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>\n            <i class='dtable-font dtable-icon-down3'></i>\n            <span class='label-title text-truncate' title=".concat(title, ">").concat(title, "</span>\n            ").concat(tagContent && "<span class='label-tag'>".concat(tagContent, "</span>"), "\n            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n            <span class='label-address-tip'>").concat((0, _lang.getLocale)('Address'), "</span>\n            <span class='label-address text-truncate' title=").concat(address, ">").concat(address, "</span>\n            <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n          </div>\n        ");
@@ -148,7 +161,9 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       }
     };
     this.getInitValue = () => {
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       if (!value || (0, _dtableUtils.isEmptyObject)(value)) {
         return {
           address: '',
@@ -160,7 +175,9 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       return value;
     };
     this.onSearch = () => {
-      const inputValue = this.state.inputValue;
+      const {
+        inputValue
+      } = this.state;
       let options = {
         onSearchComplete: results => {
           const status = local.getStatus();
@@ -223,12 +240,16 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       event.preventDefault();
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       this.props.setValue(value);
       this.props.toggleFullScreen(event);
     };
     this.renderSearchResults = () => {
-      const searchResults = this.state.searchResults;
+      const {
+        searchResults
+      } = this.state;
       if (searchResults.length === 0) return null;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "search-results-container",
@@ -269,9 +290,11 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
         const geoCoder = new window.BMap.Geocoder();
         geoCoder.getLocation(point, result => {
           let value = {};
-          const surroundingPois = result.surroundingPois,
-            address = result.address,
-            point = result.point;
+          const {
+            surroundingPois,
+            address,
+            point
+          } = result;
           if (surroundingPois.length === 0) {
             value.address = address;
             value.lngLat = {
@@ -282,10 +305,12 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
             value.title = '';
           } else {
             const position = surroundingPois[0];
-            const address = position.address,
-              title = position.title,
-              tags = position.tags,
-              point = position.point;
+            const {
+              address,
+              title,
+              tags,
+              point
+            } = position;
             value.address = address || '';
             value.title = title || '';
             value.tag = tags || [];
@@ -300,13 +325,16 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
         _toaster.default.danger((0, _lang.getLocale)('Positioning_failed'));
       }
     };
-    const readOnly = props.readOnly,
-      config = props.config;
+    const {
+      readOnly,
+      config
+    } = props;
     const _value = this.getInitValue();
     const _inputValue = _value.title || _value.address || '';
-    const _getMapInfo = (0, _mapEditorUtils.getMapInfo)(config),
-      mapType = _getMapInfo.mapType,
-      mapKey = _getMapInfo.mapKey;
+    const {
+      mapType,
+      mapKey
+    } = (0, _mapEditorUtils.getMapInfo)(config);
     this.readOnly = readOnly;
     this.state = {
       isLoading: true,
@@ -342,9 +370,10 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
     }
   }
   render() {
-    const _this$state = this.state,
-      isLoading = _this$state.isLoading,
-      inputValue = _this$state.inputValue;
+    const {
+      isLoading,
+      inputValue
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Modal, {
       size: "lg",
       isOpen: true,

package/lib/GeolocationEditor/pc-editor/province-city-editor.js

@@ -12,7 +12,7 @@ var _DTableCustomFooter = _interopRequireDefault(require("../../DTableCustomFoot
 var _selectorList = _interopRequireDefault(require("./selector-list"));
 var _selectorHeaderItem = _interopRequireDefault(require("./selector-header-item"));
 var _Loading = _interopRequireDefault(require("../../Loading"));
-var _parseGeolocation2 = _interopRequireDefault(require("./parse-geolocation"));
+var _parseGeolocation = _interopRequireDefault(require("./parse-geolocation"));
 var _constants = require("../../constants");
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -84,7 +84,9 @@ class ProvinceCityEditor extends _react.Component {
       this.props.setValue(this.value);
     };
     this.selectSelectorType = type => {
-      const selectedProvince = this.state.selectedProvince;
+      const {
+        selectedProvince
+      } = this.state;
       if (!selectedProvince) return;
       this.setState({
         selectedItem: type
@@ -104,9 +106,10 @@ class ProvinceCityEditor extends _react.Component {
         this.timer = null;
         const value = this.parseRef.value;
         if (this.isComposing) return;
-        const _parseGeolocation = (0, _parseGeolocation2.default)(this.locations, value),
-          province = _parseGeolocation.province,
-          city = _parseGeolocation.city;
+        const {
+          province,
+          city
+        } = (0, _parseGeolocation.default)(this.locations, value);
         this.value = Object.assign({}, this.value);
         this.props.setValue(this.value);
         if (!province) return;
@@ -129,9 +132,10 @@ class ProvinceCityEditor extends _react.Component {
       }
     };
     this.onSubmit = () => {
-      const _this$value = this.value,
-        province = _this$value.province,
-        city = _this$value.city;
+      const {
+        province,
+        city
+      } = this.value;
       if (!province || !city) {
         const errMessage = (0, _lang.getLocale)('Province/City_must_be_filled_in');
         this.setState({
@@ -158,10 +162,11 @@ class ProvinceCityEditor extends _react.Component {
   componentDidMount() {
     this.props.getData().then(data => {
       this.locations = data;
-      const _this$initLocationSel = this.initLocationSelecting(this.value),
-        selectedProvince = _this$initLocationSel.selectedProvince,
-        selectedCity = _this$initLocationSel.selectedCity,
-        selectedItem = _this$initLocationSel.selectedItem;
+      const {
+        selectedProvince,
+        selectedCity,
+        selectedItem
+      } = this.initLocationSelecting(this.value);
       this.setState({
         isLoadingData: false,
         selectedProvince,
@@ -171,13 +176,14 @@ class ProvinceCityEditor extends _react.Component {
     });
   }
   render() {
-    const _this$state = this.state,
-      selectedItem = _this$state.selectedItem,
-      selectedCity = _this$state.selectedCity,
-      selectedProvince = _this$state.selectedProvince,
-      isShowSelector = _this$state.isShowSelector,
-      isLoadingData = _this$state.isLoadingData,
-      location = _this$state.location;
+    const {
+      selectedItem,
+      selectedCity,
+      selectedProvince,
+      isShowSelector,
+      isLoadingData,
+      location
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [!isLoadingData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         onClick: this.onClick,

package/lib/GeolocationEditor/pc-editor/province-editor.js

@@ -46,7 +46,9 @@ class ProvinceEditor extends _react.Component {
     this.onUpArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let highlightIndex = this.state.highlightIndex;
+      let {
+        highlightIndex
+      } = this.state;
       if (highlightIndex > 0) {
         this.setState({
           highlightIndex: highlightIndex - 1
@@ -60,7 +62,9 @@ class ProvinceEditor extends _react.Component {
     this.onDownArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let highlightIndex = this.state.highlightIndex;
+      let {
+        highlightIndex
+      } = this.state;
       if (highlightIndex < this.filteredProvince.length - 1) {
         this.setState({
           highlightIndex: highlightIndex + 1
@@ -120,9 +124,10 @@ class ProvinceEditor extends _react.Component {
       }, 300);
     };
     this.createProvinceList = () => {
-      const _this$state = this.state,
-        value = _this$state.value,
-        highlightIndex = _this$state.highlightIndex;
+      const {
+        value,
+        highlightIndex
+      } = this.state;
       let provinceList = this.filteredProvince.map((item, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "geolocation-region-editor-province ".concat(highlightIndex === index ? 'geolocation-region-editor-province-highlight' : ''),
@@ -178,7 +183,9 @@ class ProvinceEditor extends _react.Component {
     }
   }
   render() {
-    const isLoadingData = this.state.isLoadingData;
+    const {
+      isLoadingData
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-geolocation-province-editor",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/GeolocationEditor/pc-editor/selector-header-item.js

@@ -10,11 +10,12 @@ var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 class SelectorHeaderItem extends _react.default.Component {
   render() {
-    const _this$props = this.props,
-      type = _this$props.type,
-      clickHandler = _this$props.clickHandler,
-      selectedType = _this$props.selectedType,
-      selectedItem = _this$props.selectedItem;
+    const {
+      type,
+      clickHandler,
+      selectedType,
+      selectedItem
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: 'dtable-ui-geolocation-selector-header-item ' + (selectedType === type ? 'selected-dtable-ui-geolocation-selector-header-item' : ''),
       onClick: () => {

package/lib/GeolocationEditor/pc-editor/selector-list.js

@@ -9,12 +9,13 @@ var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 class SelectorList extends _react.default.Component {
   render() {
-    const _this$props = this.props,
-      clickHandler = _this$props.clickHandler,
-      type = _this$props.type,
-      selectedItem = _this$props.selectedItem,
-      parent = _this$props.parent,
-      doubleClickHandler = _this$props.doubleClickHandler;
+    const {
+      clickHandler,
+      type,
+      selectedItem,
+      parent,
+      doubleClickHandler
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: "dtable-ui-geolocation-selector-list",
       children: parent.children.map((item, index) => {

package/lib/GeolocationFormatter/index.js

@@ -12,10 +12,11 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class GeolocationFormatter extends _react.default.Component {
   render() {
-    let _this$props = this.props,
-      value = _this$props.value,
-      data = _this$props.data,
-      containerClassName = _this$props.containerClassName;
+    let {
+      value,
+      data,
+      containerClassName
+    } = this.props;
     let className = (0, _classnames.default)('dtable-ui cell-formatter-container geolocation-formatter', containerClassName);
     if (typeof value !== 'object') {
       return null;

package/lib/HtmlLongTextFormatter/index.js

@@ -15,7 +15,9 @@ class HtmlLongTextFormatter extends _react.Component {
   constructor(_props) {
     super(_props);
     this.translateValue = props => {
-      const value = props.value;
+      const {
+        value
+      } = props;
       if (!value) {
         this.setState({
           innerHtml: null
@@ -49,14 +51,20 @@ class HtmlLongTextFormatter extends _react.Component {
     this.translateValue(this.props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const value = this.props.value;
+    const {
+      value
+    } = this.props;
     if (nextProps.value !== value) {
       this.translateValue(nextProps);
     }
   }
   render() {
-    const innerHtml = this.state.innerHtml;
-    const containerClassName = this.props.containerClassName;
+    const {
+      innerHtml
+    } = this.state;
+    const {
+      containerClassName
+    } = this.props;
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
     if (!innerHtml) return null;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/Icon/index.js

@@ -20,9 +20,11 @@ class Icon extends React.Component {
   }
   render() {
     const _this$props = this.props,
-      type = _this$props.type,
-      className = _this$props.className,
-      size = _this$props.size,
+      {
+        type,
+        className,
+        size
+      } = _this$props,
       restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
     const cls = (0, _classnames.default)(className, 'am-icon', "am-icon-".concat(type), "am-icon-".concat(size));
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", (0, _objectSpread2.default)((0, _objectSpread2.default)({

package/lib/IconButton/index.js

@@ -12,10 +12,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["disabled", "className", "icon", "children"];
 const IconButton = _ref => {
-  let disabled = _ref.disabled,
-    className = _ref.className,
-    icon = _ref.icon,
-    children = _ref.children,
+  let {
+      disabled,
+      className,
+      icon,
+      children
+    } = _ref,
     otherProperties = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
     className: (0, _classnames.default)('seatable-icon-btn', className, {

package/lib/ImageEditor/images-previewer/image-preview/index.js

@@ -18,11 +18,15 @@ class ImagePreviewer extends _react.default.Component {
   constructor(props) {
     super(props);
     this.showLargeImage = () => {
-      let imageItemUrl = this.props.imageItemUrl;
+      let {
+        imageItemUrl
+      } = this.props;
       this.props.showLargeImage(imageItemUrl);
     };
     this.showImageToolbar = () => {
-      let itemIndex = this.props.itemIndex;
+      let {
+        itemIndex
+      } = this.props;
       this.props.setImageItemIndex(itemIndex);
     };
     this.hideImageToolbar = () => {
@@ -34,7 +38,9 @@ class ImagePreviewer extends _react.default.Component {
     };
     this.deleteImage = e => {
       e.stopPropagation();
-      let itemIndex = this.props.itemIndex;
+      let {
+        itemIndex
+      } = this.props;
       this.props.deleteImage(itemIndex, _constants.FILE_EDITOR_STATUS.PREVIEWER);
     };
     this.onClickDelete = e => {
@@ -84,15 +90,17 @@ class ImagePreviewer extends _react.default.Component {
     const offsetWidth = document.body.offsetWidth;
     this.containerSize = offsetWidth < 768 ? (offsetWidth - 55) / 2 + 'px' : (offsetWidth - 80) / 3 + 'px';
     this.position = {};
-    const _ref = props.config || {},
-      mediaUrl = _ref.mediaUrl;
+    const {
+      mediaUrl
+    } = props.config || {};
     this.imageLoadingFailedUrl = "".concat(mediaUrl, "img/image-loading-failed.png");
     this.ref = null;
   }
   componentDidMount() {
-    let _this$props = this.props,
-      imageItemUrl = _this$props.imageItemUrl,
-      config = _this$props.config;
+    let {
+      imageItemUrl,
+      config
+    } = this.props;
     if ((0, _url.checkSVGImage)(imageItemUrl)) {
       this.setState({
         imageThumbnailUrl: imageItemUrl
@@ -111,10 +119,11 @@ class ImagePreviewer extends _react.default.Component {
     });
   }
   render() {
-    const _this$props2 = this.props,
-      enterImageItemIndex = _this$props2.enterImageItemIndex,
-      itemIndex = _this$props2.itemIndex,
-      imageItemUrl = _this$props2.imageItemUrl;
+    const {
+      enterImageItemIndex,
+      itemIndex,
+      imageItemUrl
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         style: _constants.isMobile ? {

package/lib/ImageEditor/images-previewer/index.js

@@ -26,7 +26,9 @@ class ImagesPreviewer extends _react.default.Component {
       }
     };
     this.showLargeImage = itemUrl => {
-      let value = this.props.value;
+      let {
+        value
+      } = this.props;
       this.setState({
         isShowLargeImage: true,
         largeImageIndex: value.indexOf(itemUrl)
@@ -56,7 +58,9 @@ class ImagesPreviewer extends _react.default.Component {
     };
     this.deleteImage = (index, type) => {
       this.props.deleteImage(index, type);
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       if (index > value.length - 2) {
         if (value.length - 2 < 0) {
           this.hideLargeImage();
@@ -99,7 +103,9 @@ class ImagesPreviewer extends _react.default.Component {
     }
   }
   render() {
-    let value = this.props.value;
+    let {
+      value
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)('dtable-ui-image-previewer-container', {
         'mt-0': value.length === 0 && _constants.isMobile

package/lib/ImageEditor/index.js

@@ -16,7 +16,9 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isMobile"];
 const ImageEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let isMobile = _ref.isMobile,
+  let {
+      isMobile
+    } = _ref,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     ref: ref

package/lib/ImageEditor/mb-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 _ActivityIndicator = _interopRequireDefault(require("../../ActivityIndicator"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
@@ -17,35 +16,28 @@ var _utils = require("../../utils/utils");
 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 MBImageEditor = _ref => {
-  let oldValue = _ref.value,
-    column = _ref.column,
-    config = _ref.config,
-    onToggle = _ref.onToggle,
-    onCommit = _ref.onCommit,
-    uploadFile = _ref.uploadFile;
-  const _useState = (0, _react.useState)(oldValue || []),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  const _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isShowEditor = _useState4[0],
-    setShowEditor = _useState4[1];
-  const _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    uploadLocalImages = _useState6[0],
-    setUploadLocalImages = _useState6[1];
-  const _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    isUploading = _useState8[0],
-    setUploading = _useState8[1];
+  let {
+    value: oldValue,
+    column,
+    config,
+    onToggle,
+    onCommit,
+    uploadFile
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)(oldValue || []);
+  const [isShowEditor, setShowEditor] = (0, _react.useState)(false);
+  const [uploadLocalImages, setUploadLocalImages] = (0, _react.useState)([]);
+  const [isUploading, setUploading] = (0, _react.useState)(false);
   const uploadingFilesCount = (0, _react.useRef)(0);
   const uploadedFilesCount = (0, _react.useRef)(0);
-  const _ref2 = config || {},
-    mediaUrl = _ref2.mediaUrl;
+  const {
+    mediaUrl
+  } = config || {};
   const resetAdditionImage = (0, _react.useCallback)(() => {
     setUploadLocalImages([]);
   }, []);

package/lib/ImageEditor/pc-editor/addition-previewer/image-link/index.js

@@ -14,7 +14,9 @@ class ImageLink extends _react.default.Component {
   constructor(props) {
     super(props);
     this.saveImageLink = () => {
-      let imageLink = this.state.imageLink;
+      let {
+        imageLink
+      } = this.state;
       let _this = this;
       let image = new Image();
       image.onload = function () {
@@ -48,7 +50,9 @@ class ImageLink extends _react.default.Component {
     };
   }
   render() {
-    const isShowErrorMessage = this.state.isShowErrorMessage;
+    const {
+      isShowErrorMessage
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-image-link",
       onKeyDown: this.onKeyDown,

package/lib/ImageEditor/pc-editor/addition-previewer/index.js

@@ -32,7 +32,9 @@ class AdditionPreviewer extends _react.default.Component {
     };
   }
   render() {
-    const activeTab = this.state.activeTab;
+    const {
+      activeTab
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-image-addition-container",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {