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

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,9 +152,10 @@ 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", {
@@ -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

@@ -48,7 +48,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 +116,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 +143,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 +155,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,
@@ -233,7 +239,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,

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

@@ -13,7 +13,7 @@ var _selectorList = _interopRequireDefault(require("./selector-list"));
 var _selectorHeaderItem = _interopRequireDefault(require("./selector-header-item"));
 var _constants = require("../../constants");
 var _Loading = _interopRequireDefault(require("../../Loading"));
-var _parseGeolocation2 = _interopRequireDefault(require("./parse-geolocation"));
+var _parseGeolocation = _interopRequireDefault(require("./parse-geolocation"));
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 class LocationEditor extends _react.Component {
@@ -116,9 +116,10 @@ class LocationEditor extends _react.Component {
       this.props.setValue(this.value);
     };
     this.selectSelectorType = type => {
-      const _this$state = this.state,
-        selectedProvince = _this$state.selectedProvince,
-        selectedCity = _this$state.selectedCity;
+      const {
+        selectedProvince,
+        selectedCity
+      } = this.state;
       if (!selectedProvince) return;
       if (type === 'county' && !selectedCity) return;
       this.setState({
@@ -145,11 +146,12 @@ class LocationEditor 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,
-          district = _parseGeolocation.district,
-          detail = _parseGeolocation.detail;
+        const {
+          province,
+          city,
+          district,
+          detail
+        } = (0, _parseGeolocation.default)(this.locations, value);
         if (this.detailInfo) {
           this.detailInfo.value = detail || '';
           this.value = Object.assign({}, this.value, {
@@ -171,10 +173,11 @@ class LocationEditor extends _react.Component {
       this.isComposing = false;
     };
     this.onSubmit = () => {
-      const _this$value = this.value,
-        province = _this$value.province,
-        city = _this$value.city,
-        district = _this$value.district;
+      const {
+        province,
+        city,
+        district
+      } = this.value;
       if (!province || !city || !district) {
         const errMessage = (0, _lang.getLocale)('Province/City/District_must_be_filled_in');
         this.setState({
@@ -202,11 +205,12 @@ class LocationEditor extends _react.Component {
   UNSAFE_componentWillMount() {
     this.props.getData().then(data => {
       this.locations = data;
-      const _this$initLocationSel = this.initLocationSelecting(this.value),
-        selectedProvince = _this$initLocationSel.selectedProvince,
-        selectedCity = _this$initLocationSel.selectedCity,
-        selectedCounty = _this$initLocationSel.selectedCounty,
-        selectedItem = _this$initLocationSel.selectedItem;
+      const {
+        selectedProvince,
+        selectedCity,
+        selectedCounty,
+        selectedItem
+      } = this.initLocationSelecting(this.value);
       this.setState({
         isLoadingData: false,
         selectedProvince,
@@ -217,14 +221,15 @@ class LocationEditor extends _react.Component {
     });
   }
   render() {
-    const _this$state2 = this.state,
-      selectedItem = _this$state2.selectedItem,
-      selectedCity = _this$state2.selectedCity,
-      selectedProvince = _this$state2.selectedProvince,
-      selectedCounty = _this$state2.selectedCounty,
-      isShowSelector = _this$state2.isShowSelector,
-      isLoadingData = _this$state2.isLoadingData,
-      location = _this$state2.location;
+    const {
+      selectedItem,
+      selectedCity,
+      selectedProvince,
+      selectedCounty,
+      isShowSelector,
+      isLoadingData,
+      location
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [!isLoadingData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         onClick: this.onClick,