dtable-ui-component 7.0.13 → 7.0.15

package/lib/GeolocationEditor/mb-editor/map-selection-editor/index.js

@@ -17,8 +17,10 @@ var _lang = require("../../../lang");
 var _Loading = _interopRequireDefault(require("../../../Loading"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const Header = _MobileFullScreenPage.default.Header,
-  Body = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body
+} = _MobileFullScreenPage.default;
 const getInputMode = column => {
   const data = column.data;
   if (!data) return _mapEditorUtils.INPUT_MODE_MAP.ANY_LOCATION;
@@ -39,7 +41,9 @@ class MapSelectionEditor extends _react.default.Component {
   constructor(props) {
     super(props);
     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)
@@ -58,9 +62,11 @@ class MapSelectionEditor extends _react.default.Component {
       const geoCoder = new window.BMap.Geocoder();
       let value = {};
       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 = {
@@ -71,10 +77,12 @@ class MapSelectionEditor 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 || [];
@@ -98,12 +106,17 @@ class MapSelectionEditor extends _react.default.Component {
         if (!window.BMap.Map) return;
         setTimeout(() => {
           this.map = new window.BMap.Map('dtable-ui-mobile-geolocation-map-container');
-          let _getInitCenter = (0, _mapEditorUtils.getInitCenter)(),
-            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)();
+          const {
+            value
+          } = this.state;
+          const {
+            lngLat
+          } = value;
           if ((0, _cell.isValidPosition)(lngLat.lng, lngLat.lat)) {
             lng = lngLat.lng;
             lat = lngLat.lat;
@@ -122,9 +135,11 @@ class MapSelectionEditor 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 = {
@@ -135,10 +150,12 @@ class MapSelectionEditor 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 || [];
@@ -168,9 +185,11 @@ class MapSelectionEditor 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 = {
@@ -181,10 +200,12 @@ class MapSelectionEditor 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 || [];
@@ -239,7 +260,9 @@ class MapSelectionEditor extends _react.default.Component {
       });
     };
     this.onCommit = () => {
-      const value = this.state.value;
+      const {
+        value
+      } = this.state;
       const isEmptyMapSelection = this.isEmptySelection(value);
       this.props.onCommit(isEmptyMapSelection ? '' : value);
     };
@@ -247,7 +270,9 @@ class MapSelectionEditor extends _react.default.Component {
       this.props.onToggle();
     };
     this.onFillIn = () => {
-      const selectedSelection = this.state.selectedSelection;
+      const {
+        selectedSelection
+      } = this.state;
       this.setState({
         value: selectedSelection,
         isShowLabel: false
@@ -267,7 +292,9 @@ class MapSelectionEditor extends _react.default.Component {
     };
     this.onSearch = e => {
       e.stopPropagation();
-      const inputValue = this.state.inputValue;
+      const {
+        inputValue
+      } = this.state;
       if (!inputValue) return;
       const options = {
         onSearchComplete: results => {
@@ -300,7 +327,9 @@ class MapSelectionEditor extends _react.default.Component {
       local.search(inputValue);
     };
     this.renderSearchResult = () => {
-      const searchResults = this.state.searchResults;
+      const {
+        searchResults
+      } = this.state;
       if (searchResults.length === 0) return null;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui-mobile-map-selection-editor-search-results",
@@ -320,10 +349,14 @@ class MapSelectionEditor extends _react.default.Component {
       });
     };
     this.renderLabel = () => {
-      const selectedSelection = this.state.selectedSelection;
-      const address = selectedSelection.address,
-        title = selectedSelection.title,
-        tag = selectedSelection.tag;
+      const {
+        selectedSelection
+      } = this.state;
+      const {
+        address,
+        title,
+        tag
+      } = selectedSelection;
       const tagContent = Array.isArray(tag) && tag.length > 0 ? tag[0] : '';
       if (title) {
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -373,11 +406,12 @@ class MapSelectionEditor extends _react.default.Component {
       });
     };
     this.renderMap = () => {
-      const _this$state = this.state,
-        isLoading = _this$state.isLoading,
-        inputValue = _this$state.inputValue,
-        isShowSearchView = _this$state.isShowSearchView,
-        isShowLabel = _this$state.isShowLabel;
+      const {
+        isLoading,
+        inputValue,
+        isShowSearchView,
+        isShowLabel
+      } = this.state;
       if (isLoading) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "w-100 h-100 d-flex align-items-center justify-content-center",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {})
@@ -456,13 +490,16 @@ class MapSelectionEditor extends _react.default.Component {
         }), isShowLabel && this.renderLabel()]
       });
     };
-    const _value = props.value,
-      config = props.config,
-      column = props.column;
+    const {
+      value: _value,
+      config,
+      column
+    } = props;
     const oldValue = _value || {};
-    const _getMapInfo = (0, _mapEditorUtils.getMapInfo)(config),
-      mapType = _getMapInfo.mapType,
-      mapKey = _getMapInfo.mapKey;
+    const {
+      mapType,
+      mapKey
+    } = (0, _mapEditorUtils.getMapInfo)(config);
     this.mapType = mapType;
     this.mapKey = mapKey;
     const mode = getInputMode(column);
@@ -505,7 +542,9 @@ class MapSelectionEditor extends _react.default.Component {
     this.map = null;
   }
   render() {
-    const column = this.props.column;
+    const {
+      column
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
       className: "dtable-ui-mobile-geolocation-map-selection-editor",
       onClose: this.onClose,

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

@@ -1,34 +1,31 @@
 "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 _Picker = _interopRequireDefault(require("../../Picker"));
 var _List = _interopRequireDefault(require("../../List"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
-const Header = _MobileFullScreenPage.default.Header,
-  Body = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body
+} = _MobileFullScreenPage.default;
 const ProvinceCityEditor = _ref => {
-  let column = _ref.column,
-    oldValue = _ref.value,
-    getData = _ref.getData,
-    onToggle = _ref.onToggle,
-    onCommit = _ref.onCommit;
-  const _useState = (0, _react.useState)([(oldValue === null || oldValue === void 0 ? void 0 : oldValue.province) || '', (oldValue === null || oldValue === void 0 ? void 0 : oldValue.city) || '']),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  const _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isLoading = _useState4[0],
-    setLoading = _useState4[1];
+  let {
+    column,
+    value: oldValue,
+    getData,
+    onToggle,
+    onCommit
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)([(oldValue === null || oldValue === void 0 ? void 0 : oldValue.province) || '', (oldValue === null || oldValue === void 0 ? void 0 : oldValue.city) || '']);
+  const [isLoading, setLoading] = (0, _react.useState)(true);
   const locations = (0, _react.useRef)([]);
   (0, _react.useEffect)(() => {
     getData().then(data => {

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

@@ -1,34 +1,31 @@
 "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 _Picker = _interopRequireDefault(require("../../Picker"));
 var _List = _interopRequireDefault(require("../../List"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
-const Header = _MobileFullScreenPage.default.Header,
-  Body = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body
+} = _MobileFullScreenPage.default;
 const ProvinceEditor = _ref => {
-  let column = _ref.column,
-    oldValue = _ref.value,
-    getData = _ref.getData,
-    onToggle = _ref.onToggle,
-    onCommit = _ref.onCommit;
-  const _useState = (0, _react.useState)([(oldValue === null || oldValue === void 0 ? void 0 : oldValue.province) || '']),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  const _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isLoading = _useState4[0],
-    setLoading = _useState4[1];
+  let {
+    column,
+    value: oldValue,
+    getData,
+    onToggle,
+    onCommit
+  } = _ref;
+  const [value, setValue] = (0, _react.useState)([(oldValue === null || oldValue === void 0 ? void 0 : oldValue.province) || '']);
+  const [isLoading, setLoading] = (0, _react.useState)(true);
   const locations = (0, _react.useRef)([]);
   (0, _react.useEffect)(() => {
     getData().then(data => {

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

@@ -31,7 +31,9 @@ class CountryEditor extends _react.Component {
     this.onDownArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let highlightIndexes = this.state.highlightIndexes;
+      let {
+        highlightIndexes
+      } = this.state;
       const continents = Object.keys(this.filteredCountry);
       if (continents.length === 0) return;
       const continent = continents[highlightIndexes[0]];
@@ -53,7 +55,9 @@ class CountryEditor extends _react.Component {
     this.onUpArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let highlightIndexes = this.state.highlightIndexes;
+      let {
+        highlightIndexes
+      } = this.state;
       const continents = Object.keys(this.filteredCountry);
       if (continents.length === 0) return;
       if (highlightIndexes[1] === 0 && highlightIndexes[0] !== 0) {
@@ -91,7 +95,9 @@ class CountryEditor extends _react.Component {
         });
         this.props.onSubmit();
       } else {
-        const highlightIndexes = this.state.highlightIndexes;
+        const {
+          highlightIndexes
+        } = this.state;
         const continents = Object.keys(this.filteredCountry);
         if (continents.length > 0) {
           const continent = continents[highlightIndexes[0]];
@@ -111,7 +117,9 @@ class CountryEditor extends _react.Component {
     };
     this.onMenuMouseLeave = (continentIndex, countryIndex) => {
       this.timer = setTimeout(() => {
-        const highlightIndexes = this.state.highlightIndexes;
+        const {
+          highlightIndexes
+        } = this.state;
         if (highlightIndexes[0] === continentIndex && highlightIndexes[1] === countryIndex) {
           this.setState({
             highlightIndexes: [0, -1]
@@ -144,20 +152,21 @@ class CountryEditor extends _react.Component {
       return continentsList;
     };
     this.createCountryList = (continent, continentIndex) => {
-      const _this$state = this.state,
-        value = _this$state.value,
-        highlightIndexes = _this$state.highlightIndexes;
+      const {
+        value,
+        highlightIndexes
+      } = this.state;
       let countryList = this.filteredCountry[continent].map((country, index) => {
         const isHighlight = highlightIndexes[0] === continentIndex && highlightIndexes[1] === index;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "geolocation-region-editor-country ".concat(isHighlight ? 'geolocation-region-editor-province-highlight' : ''),
+          className: `geolocation-region-editor-country ${isHighlight ? 'geolocation-region-editor-province-highlight' : ''}`,
           onMouseEnter: () => this.onMenuMouseEnter(continentIndex, index),
           onMouseLeave: () => this.onMenuMouseLeave(continentIndex, index),
           title: country,
           "aria-label": country,
           onClick: () => this.onClick(country),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: "icon ".concat(value === country ? 'dtable-font dtable-icon-check-mark' : '')
+            className: `icon ${value === country ? 'dtable-font dtable-icon-check-mark' : ''}`
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: "country-name",
             children: country
@@ -213,8 +222,10 @@ class CountryEditor extends _react.Component {
       }
     };
     this.countryReg = null;
-    const column = props.column,
-      _value = props.value;
+    const {
+      column,
+      value: _value
+    } = props;
     const columnData = column.data || {};
     this.lang = columnData.lang === 'cn' ? 'cn' : 'en';
     this.state = {
@@ -246,7 +257,9 @@ class CountryEditor extends _react.Component {
     }
   }
   render() {
-    const isLoadingData = this.state.isLoadingData;
+    const {
+      isLoadingData
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "dtable-ui-geolocation-country-editor",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _constants = require("../../constants");
@@ -48,7 +47,9 @@ class PCGeolocationEditor extends _react.default.Component {
       this.props.onToggle && this.props.onToggle();
     };
     this.setEditorPosition = () => {
-      const isInModal = this.props.isInModal;
+      const {
+        isInModal
+      } = this.props;
       const editorFormat = this.getGeoFormat();
       if (this.ref && (editorFormat === _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION || editorFormat === _dtableUtils.GEOLOCATION_FORMAT.PROVINCE)) {
         let height = 240;
@@ -114,9 +115,10 @@ class PCGeolocationEditor extends _react.default.Component {
           geoEditorTop = height + geoEditorTop > innerHeight ? innerHeight - height - 30 : geoEditorTop;
           geoEditorLeft = -30;
         } else {
-          let _this$ref$parentNode = this.ref.parentNode,
-            offsetLeft = _this$ref$parentNode.offsetLeft,
-            offsetTop = _this$ref$parentNode.offsetTop;
+          let {
+            offsetLeft,
+            offsetTop
+          } = this.ref.parentNode;
           geoEditorLeft = offsetLeft - width;
           geoEditorTop = offsetTop;
           if (offsetLeft < width) {
@@ -140,7 +142,9 @@ class PCGeolocationEditor extends _react.default.Component {
       }
     };
     this.getGeoFormat = () => {
-      const column = this.props.column;
+      const {
+        column
+      } = this.props;
       let data = column.data || {};
       return data.geo_format ? data.geo_format : _dtableUtils.DEFAULT_GEOLOCATION_FORMAT;
     };
@@ -150,12 +154,13 @@ class PCGeolocationEditor extends _react.default.Component {
     };
     this.createEditor = () => {
       const geoFormat = this.getGeoFormat();
-      const _this$props = this.props,
-        config = _this$props.config,
-        column = _this$props.column,
-        getCountryData = _this$props.getCountryData,
-        getLocationData = _this$props.getLocationData,
-        toggleLargeMap = _this$props.toggleLargeMap;
+      const {
+        config,
+        column,
+        getCountryData,
+        getLocationData,
+        toggleLargeMap
+      } = this.props;
       const props = {
         column,
         config,
@@ -167,54 +172,61 @@ class PCGeolocationEditor extends _react.default.Component {
       switch (geoFormat) {
         case _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, {
+              ...props,
               toggleLargeMap: toggleLargeMap,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, {
+              ...props,
               toggleLargeMap: toggleLargeMap,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, {
+              ...props,
               getData: getCountryData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, {
+              ...props,
               onPressTab: this.props.onPressTab,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, {
+              ...props,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
+              ...props,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         default:
           {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
+              ...props,
               isShowDetails: true,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
       }
     };
@@ -233,7 +245,9 @@ class PCGeolocationEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onHotKey, true);
   }
   render() {
-    const editorPosition = this.state.editorPosition;
+    const {
+      editorPosition
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref => this.ref = ref,
       style: editorPosition,