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

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

@@ -27,17 +27,12 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
         this.map = new window.BMap.Map('geolocation-map-selection-container-large', {
           enableMapClick: false
         });
-        let {
-          lng,
-          lat,
-          zoom
-        } = (0, _mapEditorUtils.getInitCenter)(true);
-        const {
-          value
-        } = this.state;
-        const {
-          lngLat
-        } = value;
+        let _getInitCenter = (0, _mapEditorUtils.getInitCenter)(true),
+          lng = _getInitCenter.lng,
+          lat = _getInitCenter.lat,
+          zoom = _getInitCenter.zoom;
+        const value = this.state.value;
+        const lngLat = value.lngLat;
         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;
@@ -58,11 +53,9 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
           const point = event.point;
           const geoCoder = new window.BMap.Geocoder();
           geoCoder.getLocation(point, result => {
-            const {
-              surroundingPois,
-              address,
-              point
-            } = result;
+            const surroundingPois = result.surroundingPois,
+              address = result.address,
+              point = result.point;
             if (surroundingPois.length === 0) {
               value.address = address;
               value.lngLat = {
@@ -73,12 +66,10 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
               value.title = '';
             } else {
               const position = surroundingPois[0];
-              const {
-                address,
-                title,
-                tags,
-                point
-              } = position;
+              const address = position.address,
+                title = position.title,
+                tags = position.tags,
+                point = position.point;
               value.address = address || '';
               value.title = title || '';
               value.tag = tags || [];
@@ -93,9 +84,7 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       });
     };
     this.addMarkerByPosition = value => {
-      const {
-        lngLat
-      } = value;
+      const lngLat = value.lngLat;
       let point = new window.BMap.Point(lngLat.lng, lngLat.lat);
       const marker = new window.BMap.Marker(point, {
         offset: new window.BMap.Size(-2, -5)
@@ -148,11 +137,9 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       }
     };
     this.getLabelContent = value => {
-      const {
-        address,
-        title,
-        tag
-      } = value;
+      const address = value.address,
+        title = value.title,
+        tag = value.tag;
       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        ");
@@ -161,9 +148,7 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       }
     };
     this.getInitValue = () => {
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       if (!value || (0, _dtableUtils.isEmptyObject)(value)) {
         return {
           address: '',
@@ -175,9 +160,7 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       return value;
     };
     this.onSearch = () => {
-      const {
-        inputValue
-      } = this.state;
+      const inputValue = this.state.inputValue;
       let options = {
         onSearchComplete: results => {
           const status = local.getStatus();
@@ -240,16 +223,12 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       event.preventDefault();
       event.stopPropagation();
       event.nativeEvent.stopImmediatePropagation();
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       this.props.setValue(value);
       this.props.toggleFullScreen(event);
     };
     this.renderSearchResults = () => {
-      const {
-        searchResults
-      } = this.state;
+      const searchResults = this.state.searchResults;
       if (searchResults.length === 0) return null;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "search-results-container",
@@ -290,11 +269,9 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
         const geoCoder = new window.BMap.Geocoder();
         geoCoder.getLocation(point, result => {
           let value = {};
-          const {
-            surroundingPois,
-            address,
-            point
-          } = result;
+          const surroundingPois = result.surroundingPois,
+            address = result.address,
+            point = result.point;
           if (surroundingPois.length === 0) {
             value.address = address;
             value.lngLat = {
@@ -305,12 +282,10 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
             value.title = '';
           } else {
             const position = surroundingPois[0];
-            const {
-              address,
-              title,
-              tags,
-              point
-            } = position;
+            const address = position.address,
+              title = position.title,
+              tags = position.tags,
+              point = position.point;
             value.address = address || '';
             value.title = title || '';
             value.tag = tags || [];
@@ -325,16 +300,13 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
         _toaster.default.danger((0, _lang.getLocale)('Positioning_failed'));
       }
     };
-    const {
-      readOnly,
-      config
-    } = props;
+    const readOnly = props.readOnly,
+      config = props.config;
     const _value = this.getInitValue();
     const _inputValue = _value.title || _value.address || '';
-    const {
-      mapType,
-      mapKey
-    } = (0, _mapEditorUtils.getMapInfo)(config);
+    const _getMapInfo = (0, _mapEditorUtils.getMapInfo)(config),
+      mapType = _getMapInfo.mapType,
+      mapKey = _getMapInfo.mapKey;
     this.readOnly = readOnly;
     this.state = {
       isLoading: true,
@@ -370,10 +342,9 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
     }
   }
   render() {
-    const {
-      isLoading,
-      inputValue
-    } = this.state;
+    const _this$state = this.state,
+      isLoading = _this$state.isLoading,
+      inputValue = _this$state.inputValue;
     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 _parseGeolocation = _interopRequireDefault(require("./parse-geolocation"));
+var _parseGeolocation2 = _interopRequireDefault(require("./parse-geolocation"));
 var _constants = require("../../constants");
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -84,9 +84,7 @@ class ProvinceCityEditor extends _react.Component {
       this.props.setValue(this.value);
     };
     this.selectSelectorType = type => {
-      const {
-        selectedProvince
-      } = this.state;
+      const selectedProvince = this.state.selectedProvince;
       if (!selectedProvince) return;
       this.setState({
         selectedItem: type
@@ -106,10 +104,9 @@ class ProvinceCityEditor extends _react.Component {
         this.timer = null;
         const value = this.parseRef.value;
         if (this.isComposing) return;
-        const {
-          province,
-          city
-        } = (0, _parseGeolocation.default)(this.locations, value);
+        const _parseGeolocation = (0, _parseGeolocation2.default)(this.locations, value),
+          province = _parseGeolocation.province,
+          city = _parseGeolocation.city;
         this.value = Object.assign({}, this.value);
         this.props.setValue(this.value);
         if (!province) return;
@@ -132,10 +129,9 @@ class ProvinceCityEditor extends _react.Component {
       }
     };
     this.onSubmit = () => {
-      const {
-        province,
-        city
-      } = this.value;
+      const _this$value = this.value,
+        province = _this$value.province,
+        city = _this$value.city;
       if (!province || !city) {
         const errMessage = (0, _lang.getLocale)('Province/City_must_be_filled_in');
         this.setState({
@@ -162,11 +158,10 @@ class ProvinceCityEditor extends _react.Component {
   componentDidMount() {
     this.props.getData().then(data => {
       this.locations = data;
-      const {
-        selectedProvince,
-        selectedCity,
-        selectedItem
-      } = this.initLocationSelecting(this.value);
+      const _this$initLocationSel = this.initLocationSelecting(this.value),
+        selectedProvince = _this$initLocationSel.selectedProvince,
+        selectedCity = _this$initLocationSel.selectedCity,
+        selectedItem = _this$initLocationSel.selectedItem;
       this.setState({
         isLoadingData: false,
         selectedProvince,
@@ -176,14 +171,13 @@ class ProvinceCityEditor extends _react.Component {
     });
   }
   render() {
-    const {
-      selectedItem,
-      selectedCity,
-      selectedProvince,
-      isShowSelector,
-      isLoadingData,
-      location
-    } = this.state;
+    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;
     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,9 +46,7 @@ class ProvinceEditor extends _react.Component {
     this.onUpArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let {
-        highlightIndex
-      } = this.state;
+      let highlightIndex = this.state.highlightIndex;
       if (highlightIndex > 0) {
         this.setState({
           highlightIndex: highlightIndex - 1
@@ -62,9 +60,7 @@ class ProvinceEditor extends _react.Component {
     this.onDownArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let {
-        highlightIndex
-      } = this.state;
+      let highlightIndex = this.state.highlightIndex;
       if (highlightIndex < this.filteredProvince.length - 1) {
         this.setState({
           highlightIndex: highlightIndex + 1
@@ -124,10 +120,9 @@ class ProvinceEditor extends _react.Component {
       }, 300);
     };
     this.createProvinceList = () => {
-      const {
-        value,
-        highlightIndex
-      } = this.state;
+      const _this$state = this.state,
+        value = _this$state.value,
+        highlightIndex = _this$state.highlightIndex;
       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' : ''),
@@ -183,9 +178,7 @@ class ProvinceEditor extends _react.Component {
     }
   }
   render() {
-    const {
-      isLoadingData
-    } = this.state;
+    const isLoadingData = this.state.isLoadingData;
     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,12 +10,11 @@ var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 class SelectorHeaderItem extends _react.default.Component {
   render() {
-    const {
-      type,
-      clickHandler,
-      selectedType,
-      selectedItem
-    } = this.props;
+    const _this$props = this.props,
+      type = _this$props.type,
+      clickHandler = _this$props.clickHandler,
+      selectedType = _this$props.selectedType,
+      selectedItem = _this$props.selectedItem;
     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,13 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 class SelectorList extends _react.default.Component {
   render() {
-    const {
-      clickHandler,
-      type,
-      selectedItem,
-      parent,
-      doubleClickHandler
-    } = this.props;
+    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;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
       className: "dtable-ui-geolocation-selector-list",
       children: parent.children.map((item, index) => {

package/lib/GeolocationFormatter/index.js

@@ -12,11 +12,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class GeolocationFormatter extends _react.default.Component {
   render() {
-    let {
-      value,
-      data,
-      containerClassName
-    } = this.props;
+    let _this$props = this.props,
+      value = _this$props.value,
+      data = _this$props.data,
+      containerClassName = _this$props.containerClassName;
     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,9 +15,7 @@ class HtmlLongTextFormatter extends _react.Component {
   constructor(_props) {
     super(_props);
     this.translateValue = props => {
-      const {
-        value
-      } = props;
+      const value = props.value;
       if (!value) {
         this.setState({
           innerHtml: null
@@ -51,20 +49,14 @@ class HtmlLongTextFormatter extends _react.Component {
     this.translateValue(this.props);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      value
-    } = this.props;
+    const value = this.props.value;
     if (nextProps.value !== value) {
       this.translateValue(nextProps);
     }
   }
   render() {
-    const {
-      innerHtml
-    } = this.state;
-    const {
-      containerClassName
-    } = this.props;
+    const innerHtml = this.state.innerHtml;
+    const containerClassName = this.props.containerClassName;
     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,11 +20,9 @@ class Icon extends React.Component {
   }
   render() {
     const _this$props = this.props,
-      {
-        type,
-        className,
-        size
-      } = _this$props,
+      type = _this$props.type,
+      className = _this$props.className,
+      size = _this$props.size,
       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,12 +12,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["disabled", "className", "icon", "children"];
 const IconButton = _ref => {
-  let {
-      disabled,
-      className,
-      icon,
-      children
-    } = _ref,
+  let disabled = _ref.disabled,
+    className = _ref.className,
+    icon = _ref.icon,
+    children = _ref.children,
     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,15 +18,11 @@ class ImagePreviewer extends _react.default.Component {
   constructor(props) {
     super(props);
     this.showLargeImage = () => {
-      let {
-        imageItemUrl
-      } = this.props;
+      let imageItemUrl = this.props.imageItemUrl;
       this.props.showLargeImage(imageItemUrl);
     };
     this.showImageToolbar = () => {
-      let {
-        itemIndex
-      } = this.props;
+      let itemIndex = this.props.itemIndex;
       this.props.setImageItemIndex(itemIndex);
     };
     this.hideImageToolbar = () => {
@@ -38,9 +34,7 @@ class ImagePreviewer extends _react.default.Component {
     };
     this.deleteImage = e => {
       e.stopPropagation();
-      let {
-        itemIndex
-      } = this.props;
+      let itemIndex = this.props.itemIndex;
       this.props.deleteImage(itemIndex, _constants.FILE_EDITOR_STATUS.PREVIEWER);
     };
     this.onClickDelete = e => {
@@ -90,17 +84,15 @@ 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 {
-      mediaUrl
-    } = props.config || {};
+    const _ref = props.config || {},
+      mediaUrl = _ref.mediaUrl;
     this.imageLoadingFailedUrl = "".concat(mediaUrl, "img/image-loading-failed.png");
     this.ref = null;
   }
   componentDidMount() {
-    let {
-      imageItemUrl,
-      config
-    } = this.props;
+    let _this$props = this.props,
+      imageItemUrl = _this$props.imageItemUrl,
+      config = _this$props.config;
     if ((0, _url.checkSVGImage)(imageItemUrl)) {
       this.setState({
         imageThumbnailUrl: imageItemUrl
@@ -119,11 +111,10 @@ class ImagePreviewer extends _react.default.Component {
     });
   }
   render() {
-    const {
-      enterImageItemIndex,
-      itemIndex,
-      imageItemUrl
-    } = this.props;
+    const _this$props2 = this.props,
+      enterImageItemIndex = _this$props2.enterImageItemIndex,
+      itemIndex = _this$props2.itemIndex,
+      imageItemUrl = _this$props2.imageItemUrl;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         style: _constants.isMobile ? {

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

@@ -26,9 +26,7 @@ class ImagesPreviewer extends _react.default.Component {
       }
     };
     this.showLargeImage = itemUrl => {
-      let {
-        value
-      } = this.props;
+      let value = this.props.value;
       this.setState({
         isShowLargeImage: true,
         largeImageIndex: value.indexOf(itemUrl)
@@ -58,9 +56,7 @@ class ImagesPreviewer extends _react.default.Component {
     };
     this.deleteImage = (index, type) => {
       this.props.deleteImage(index, type);
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       if (index > value.length - 2) {
         if (value.length - 2 < 0) {
           this.hideLargeImage();
@@ -103,9 +99,7 @@ class ImagesPreviewer extends _react.default.Component {
     }
   }
   render() {
-    let {
-      value
-    } = this.props;
+    let value = this.props.value;
     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,9 +16,7 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["isMobile"];
 const ImageEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      isMobile
-    } = _ref,
+  let isMobile = _ref.isMobile,
     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,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 _ActivityIndicator = _interopRequireDefault(require("../../ActivityIndicator"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
@@ -16,28 +17,35 @@ var _utils = require("../../utils/utils");
 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 MBImageEditor = _ref => {
-  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);
+  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];
   const uploadingFilesCount = (0, _react.useRef)(0);
   const uploadedFilesCount = (0, _react.useRef)(0);
-  const {
-    mediaUrl
-  } = config || {};
+  const _ref2 = config || {},
+    mediaUrl = _ref2.mediaUrl;
   const resetAdditionImage = (0, _react.useCallback)(() => {
     setUploadLocalImages([]);
   }, []);

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

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

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

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