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

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

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

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

@@ -1,31 +1,34 @@
 "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 _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,
-  Body
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  Body = _MobileFullScreenPage.default.Body;
 const ProvinceEditor = _ref => {
-  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);
+  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];
   const locations = (0, _react.useRef)([]);
   (0, _react.useEffect)(() => {
     getData().then(data => {

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

@@ -31,9 +31,7 @@ class CountryEditor extends _react.Component {
     this.onDownArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let {
-        highlightIndexes
-      } = this.state;
+      let highlightIndexes = this.state.highlightIndexes;
       const continents = Object.keys(this.filteredCountry);
       if (continents.length === 0) return;
       const continent = continents[highlightIndexes[0]];
@@ -55,9 +53,7 @@ class CountryEditor extends _react.Component {
     this.onUpArrow = e => {
       e.preventDefault();
       e.stopPropagation();
-      let {
-        highlightIndexes
-      } = this.state;
+      let highlightIndexes = this.state.highlightIndexes;
       const continents = Object.keys(this.filteredCountry);
       if (continents.length === 0) return;
       if (highlightIndexes[1] === 0 && highlightIndexes[0] !== 0) {
@@ -95,9 +91,7 @@ class CountryEditor extends _react.Component {
         });
         this.props.onSubmit();
       } else {
-        const {
-          highlightIndexes
-        } = this.state;
+        const highlightIndexes = this.state.highlightIndexes;
         const continents = Object.keys(this.filteredCountry);
         if (continents.length > 0) {
           const continent = continents[highlightIndexes[0]];
@@ -117,9 +111,7 @@ class CountryEditor extends _react.Component {
     };
     this.onMenuMouseLeave = (continentIndex, countryIndex) => {
       this.timer = setTimeout(() => {
-        const {
-          highlightIndexes
-        } = this.state;
+        const highlightIndexes = this.state.highlightIndexes;
         if (highlightIndexes[0] === continentIndex && highlightIndexes[1] === countryIndex) {
           this.setState({
             highlightIndexes: [0, -1]
@@ -152,10 +144,9 @@ class CountryEditor extends _react.Component {
       return continentsList;
     };
     this.createCountryList = (continent, continentIndex) => {
-      const {
-        value,
-        highlightIndexes
-      } = this.state;
+      const _this$state = this.state,
+        value = _this$state.value,
+        highlightIndexes = _this$state.highlightIndexes;
       let countryList = this.filteredCountry[continent].map((country, index) => {
         const isHighlight = highlightIndexes[0] === continentIndex && highlightIndexes[1] === index;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -222,10 +213,8 @@ class CountryEditor extends _react.Component {
       }
     };
     this.countryReg = null;
-    const {
-      column,
-      value: _value
-    } = props;
+    const column = props.column,
+      _value = props.value;
     const columnData = column.data || {};
     this.lang = columnData.lang === 'cn' ? 'cn' : 'en';
     this.state = {
@@ -257,9 +246,7 @@ class CountryEditor extends _react.Component {
     }
   }
   render() {
-    const {
-      isLoadingData
-    } = this.state;
+    const isLoadingData = this.state.isLoadingData;
     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,9 +48,7 @@ class PCGeolocationEditor extends _react.default.Component {
       this.props.onToggle && this.props.onToggle();
     };
     this.setEditorPosition = () => {
-      const {
-        isInModal
-      } = this.props;
+      const isInModal = this.props.isInModal;
       const editorFormat = this.getGeoFormat();
       if (this.ref && (editorFormat === _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION || editorFormat === _dtableUtils.GEOLOCATION_FORMAT.PROVINCE)) {
         let height = 240;
@@ -116,10 +114,9 @@ class PCGeolocationEditor extends _react.default.Component {
           geoEditorTop = height + geoEditorTop > innerHeight ? innerHeight - height - 30 : geoEditorTop;
           geoEditorLeft = -30;
         } else {
-          let {
-            offsetLeft,
-            offsetTop
-          } = this.ref.parentNode;
+          let _this$ref$parentNode = this.ref.parentNode,
+            offsetLeft = _this$ref$parentNode.offsetLeft,
+            offsetTop = _this$ref$parentNode.offsetTop;
           geoEditorLeft = offsetLeft - width;
           geoEditorTop = offsetTop;
           if (offsetLeft < width) {
@@ -143,9 +140,7 @@ class PCGeolocationEditor extends _react.default.Component {
       }
     };
     this.getGeoFormat = () => {
-      const {
-        column
-      } = this.props;
+      const column = this.props.column;
       let data = column.data || {};
       return data.geo_format ? data.geo_format : _dtableUtils.DEFAULT_GEOLOCATION_FORMAT;
     };
@@ -155,13 +150,12 @@ class PCGeolocationEditor extends _react.default.Component {
     };
     this.createEditor = () => {
       const geoFormat = this.getGeoFormat();
-      const {
-        config,
-        column,
-        getCountryData,
-        getLocationData,
-        toggleLargeMap
-      } = this.props;
+      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 props = {
         column,
         config,
@@ -239,9 +233,7 @@ class PCGeolocationEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onHotKey, true);
   }
   render() {
-    const {
-      editorPosition
-    } = this.state;
+    const editorPosition = this.state.editorPosition;
     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 _parseGeolocation = _interopRequireDefault(require("./parse-geolocation"));
+var _parseGeolocation2 = _interopRequireDefault(require("./parse-geolocation"));
 var _lang = require("../../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 class LocationEditor extends _react.Component {
@@ -116,10 +116,9 @@ class LocationEditor extends _react.Component {
       this.props.setValue(this.value);
     };
     this.selectSelectorType = type => {
-      const {
-        selectedProvince,
-        selectedCity
-      } = this.state;
+      const _this$state = this.state,
+        selectedProvince = _this$state.selectedProvince,
+        selectedCity = _this$state.selectedCity;
       if (!selectedProvince) return;
       if (type === 'county' && !selectedCity) return;
       this.setState({
@@ -146,12 +145,11 @@ class LocationEditor extends _react.Component {
         this.timer = null;
         const value = this.parseRef.value;
         if (this.isComposing) return;
-        const {
-          province,
-          city,
-          district,
-          detail
-        } = (0, _parseGeolocation.default)(this.locations, value);
+        const _parseGeolocation = (0, _parseGeolocation2.default)(this.locations, value),
+          province = _parseGeolocation.province,
+          city = _parseGeolocation.city,
+          district = _parseGeolocation.district,
+          detail = _parseGeolocation.detail;
         if (this.detailInfo) {
           this.detailInfo.value = detail || '';
           this.value = Object.assign({}, this.value, {
@@ -173,11 +171,10 @@ class LocationEditor extends _react.Component {
       this.isComposing = false;
     };
     this.onSubmit = () => {
-      const {
-        province,
-        city,
-        district
-      } = this.value;
+      const _this$value = this.value,
+        province = _this$value.province,
+        city = _this$value.city,
+        district = _this$value.district;
       if (!province || !city || !district) {
         const errMessage = (0, _lang.getLocale)('Province/City/District_must_be_filled_in');
         this.setState({
@@ -205,12 +202,11 @@ class LocationEditor extends _react.Component {
   UNSAFE_componentWillMount() {
     this.props.getData().then(data => {
       this.locations = data;
-      const {
-        selectedProvince,
-        selectedCity,
-        selectedCounty,
-        selectedItem
-      } = this.initLocationSelecting(this.value);
+      const _this$initLocationSel = this.initLocationSelecting(this.value),
+        selectedProvince = _this$initLocationSel.selectedProvince,
+        selectedCity = _this$initLocationSel.selectedCity,
+        selectedCounty = _this$initLocationSel.selectedCounty,
+        selectedItem = _this$initLocationSel.selectedItem;
       this.setState({
         isLoadingData: false,
         selectedProvince,
@@ -221,15 +217,14 @@ class LocationEditor extends _react.Component {
     });
   }
   render() {
-    const {
-      selectedItem,
-      selectedCity,
-      selectedProvince,
-      selectedCounty,
-      isShowSelector,
-      isLoadingData,
-      location
-    } = this.state;
+    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;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [!isLoadingData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         onClick: this.onClick,