dtable-ui-component 6.0.48 → 6.0.50

package/lib/FileFormatter/index.js

@@ -12,6 +12,7 @@ var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"))
 var _ImagePreviewerLightbox = _interopRequireDefault(require("../ImagePreviewerLightbox"));
 var _url = require("../utils/url");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const FileFormatter = _ref => {
   let {
     isSample = false,
@@ -79,42 +80,45 @@ const FileFormatter = _ref => {
   }
   if (isSample) {
     const item = value[0];
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: className
-    }, /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
-      file: item
-    }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-item-count"
-    }, "+".concat(value.length)));
-  }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: className
-  }, value.map((item, index) => {
-    const dom = /*#__PURE__*/_react.default.createElement(_FileItemFormatter.default, {
-      openFile: openFile,
-      file: item,
-      config: {
-        server,
-        dtableUuid,
-        workspaceID
-      }
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: className,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FileItemFormatter.default, {
+        file: item
+      }), value.length !== 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "file-item-count",
+        children: "+".concat(value.length)
+      })]
     });
-    if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: index
-    }, renderItem(dom));
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: index
-    }, dom);
-  }), largeImageIndex > -1 && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-    server: server,
-    workspaceID: workspaceID,
-    dtableUuid: dtableUuid,
-    readOnly: true,
-    imageItems: fileImageUrlList,
-    imageIndex: largeImageIndex,
-    closeImagePopup: hideLargeImage,
-    moveToPrevImage: movePrev,
-    moveToNextImage: moveNext
-  }));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: className,
+    children: [value.map((item, index) => {
+      const dom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileItemFormatter.default, {
+        openFile: openFile,
+        file: item,
+        config: {
+          server,
+          dtableUuid,
+          workspaceID
+        }
+      });
+      if (renderItem) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+        children: renderItem(dom)
+      }, index);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+        children: dom
+      }, index);
+    }), largeImageIndex > -1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewerLightbox.default, {
+      server: server,
+      workspaceID: workspaceID,
+      dtableUuid: dtableUuid,
+      readOnly: true,
+      imageItems: fileImageUrlList,
+      imageIndex: largeImageIndex,
+      closeImagePopup: hideLargeImage,
+      moveToPrevImage: movePrev,
+      moveToNextImage: moveNext
+    })]
+  });
 };
 var _default = exports.default = FileFormatter;

package/lib/FileItemFormatter/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _url = require("../utils/url");
+var _jsxRuntime = require("react/jsx-runtime");
 const FileItemFormatter = _ref => {
   let {
     file,
@@ -17,7 +18,7 @@ const FileItemFormatter = _ref => {
     fileIconUrl,
     isImage
   } = (0, _url.getFileThumbnailInfo)(file, config);
-  return /*#__PURE__*/_react.default.createElement("img", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
     onClick: () => openFile && openFile(file),
     className: "file-item-icon ".concat(isImage ? 'img' : ''),
     src: fileIconUrl,

package/lib/FileUploader/index.js

@@ -11,6 +11,7 @@ var _utc = _interopRequireDefault(require("dayjs/plugin/utc"));
 var _getEventTransfer = _interopRequireDefault(require("../utils/get-event-transfer"));
 var _url = require("../utils/url");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 _dayjs.default.extend(_utc.default);
 const MAX_UPLOAD_FILES = 10;
 class FileUploader extends _react.default.Component {
@@ -252,7 +253,7 @@ class FileUploader extends _react.default.Component {
     const {
       uploadType
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       onDragEnter: this.onDragEnter,
       onDragOver: this.onDragOver,
       onDragLeave: this.onDragLeave,
@@ -261,25 +262,26 @@ class FileUploader extends _react.default.Component {
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.onMouseLeave,
       onClick: this.uploadFileClick,
-      className: this.props.className
-    }, this.props.children, uploadType === 'file' && /*#__PURE__*/_react.default.createElement("input", {
-      type: "file",
-      className: "dtable-ui-upload-image",
-      ref: ref => this.uploadFileRef = ref,
-      onClick: this.onInputFile,
-      onChange: this.uploadFilesChange,
-      value: "",
-      multiple: true
-    }), uploadType === 'image' && /*#__PURE__*/_react.default.createElement("input", {
-      type: "file",
-      className: "dtable-ui-upload-image",
-      accept: "image/*",
-      ref: ref => this.uploadFileRef = ref,
-      onClick: this.onInputFile,
-      onChange: this.uploadFilesChange,
-      value: "",
-      multiple: true
-    }));
+      className: this.props.className,
+      children: [this.props.children, uploadType === 'file' && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "file",
+        className: "dtable-ui-upload-image",
+        ref: ref => this.uploadFileRef = ref,
+        onClick: this.onInputFile,
+        onChange: this.uploadFilesChange,
+        value: "",
+        multiple: true
+      }), uploadType === 'image' && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+        type: "file",
+        className: "dtable-ui-upload-image",
+        accept: "image/*",
+        ref: ref => this.uploadFileRef = ref,
+        onClick: this.onInputFile,
+        onChange: this.uploadFilesChange,
+        value: "",
+        multiple: true
+      })]
+    });
   }
 }
 var _default = exports.default = FileUploader;

package/lib/FormulaFormatter/index.js

@@ -13,6 +13,7 @@ var _utils = require("./utils");
 var _utils2 = require("../utils/utils");
 var _cellValueValidator = _interopRequireDefault(require("./cell-value-validator"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class FormulaFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -34,11 +35,12 @@ class FormulaFormatter extends _react.default.Component {
         containerClassName
       } = this.props;
       const gridCellClassName = this.getGridCellClassName(resultType);
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
         title: cellValue,
-        "aria-label": cellValue
-      }, cellValue);
+        "aria-label": cellValue,
+        children: cellValue
+      });
     };
     this.renderInternalErrorValue = (errorValue, resultType) => {
       return this.renderCellValue(errorValue, resultType);
@@ -71,15 +73,16 @@ class FormulaFormatter extends _react.default.Component {
         cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
       }
       const contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui formula-formatter multiple"
-      }, cellValue.map((v, index) => {
-        formatterProps.value = v;
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: contentItemClassName,
-          key: "formula-formatter-content-item-".concat(index)
-        }, this.createColumnFormatter(Formatter, formatterProps));
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui formula-formatter multiple",
+        children: cellValue.map((v, index) => {
+          formatterProps.value = v;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: contentItemClassName,
+            children: this.createColumnFormatter(Formatter, formatterProps)
+          }, "formula-formatter-content-item-".concat(index));
+        })
+      });
     };
     this.getFormatterProps = (array_type, array_data, collaborators) => {
       switch (array_type) {
@@ -116,9 +119,13 @@ class FormulaFormatter extends _react.default.Component {
         ...formatterProps
       });
     } else if ((0, _utils2.isFunction)(Formatter)) {
-      return /*#__PURE__*/_react.default.createElement(Formatter, formatterProps);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
+        ...formatterProps
+      });
     }
-    return /*#__PURE__*/_react.default.createElement(_TextFormatter.default, formatterProps);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {
+      ...formatterProps
+    });
   }
   render() {
     const {

package/lib/GeolocationEditor/index.js

@@ -10,6 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isMobile,
@@ -71,32 +72,40 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       return data;
     });
   }, [config]);
-  if (isMobile === false) return /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     config: config,
     getLocationData: getLocationData,
     getCountryData: getCountryData,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     config: config,
     getLocationData: getLocationData,
     getCountryData: getCountryData,
     ref: ref
-  }));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    config: config,
-    getLocationData: getLocationData,
-    getCountryData: getCountryData,
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    config: config,
-    getLocationData: getLocationData,
-    getCountryData: getCountryData,
-    ref: ref
-  }))));
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        config: config,
+        getLocationData: getLocationData,
+        getCountryData: getCountryData,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        config: config,
+        getLocationData: getLocationData,
+        getCountryData: getCountryData,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = GeolocationEditor;

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

@@ -11,6 +11,7 @@ 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
@@ -48,32 +49,46 @@ const CountryEditor = _ref => {
     }
     onToggle();
   }, [value, oldValue, onCommit, onToggle]);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-    onClose: onToggle
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: onToggle,
-    onRightClick: onSubmit
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      color: '#f09f3f'
-    }
-  }, (0, _lang.getLocale)('Submit'))), /*#__PURE__*/_react.default.createElement(Body, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-row-expand-subtitle"
-  }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Address_information'))), /*#__PURE__*/_react.default.createElement(_Picker.default, {
-    className: "dtable-ui-mobile-geolocation-editor-picker",
-    data: isLoading ? [] : locations.current,
-    value: value,
-    format: "",
-    onChange: onValueChange,
-    cascade: true,
-    title: (0, _lang.getLocale)('Address_information'),
-    extra: (0, _lang.getLocale)('Select_location'),
-    onOk: e => onValueChange(e),
-    okText: (0, _lang.getLocale)('Done'),
-    dismissText: (0, _lang.getLocale)('Cancel'),
-    cols: 2
-  }, /*#__PURE__*/_react.default.createElement(_List.default.Item, {
-    arrow: "horizontal"
-  }, value[1] || (0, _lang.getLocale)('Select_location')))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
+    onClose: onToggle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+      onLeftClick: onToggle,
+      onRightClick: onSubmit,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: (0, _lang.getLocale)('Cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: column.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          color: '#f09f3f'
+        },
+        children: (0, _lang.getLocale)('Submit')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Body, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-mobile-row-expand-subtitle",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('Address_information')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
+        className: "dtable-ui-mobile-geolocation-editor-picker",
+        data: isLoading ? [] : locations.current,
+        value: value,
+        format: "",
+        onChange: onValueChange,
+        cascade: true,
+        title: (0, _lang.getLocale)('Address_information'),
+        extra: (0, _lang.getLocale)('Select_location'),
+        onOk: e => onValueChange(e),
+        okText: (0, _lang.getLocale)('Done'),
+        dismissText: (0, _lang.getLocale)('Cancel'),
+        cols: 2,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default.Item, {
+          arrow: "horizontal",
+          children: value[1] || (0, _lang.getLocale)('Select_location')
+        })
+      })]
+    })]
+  });
 };
 var _default = exports.default = CountryEditor;

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

@@ -15,6 +15,7 @@ var _locationEditor = _interopRequireDefault(require("./location-editor"));
 var _mapEditor = _interopRequireDefault(require("./map-editor"));
 var _mapSelectionEditor = _interopRequireDefault(require("./map-selection-editor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const transLocationData = data => {
   if (Object.prototype.toString.call(data) === '[object Object]') {
     const name = data.name;
@@ -72,53 +73,60 @@ const MBGeolocationEditor = _ref => {
   switch (format) {
     case _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT:
       {
-        return /*#__PURE__*/_react.default.createElement(_mapEditor.default, Object.assign({}, props, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, {
+          ...props,
           config: config,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION:
       {
-        return /*#__PURE__*/_react.default.createElement(_mapSelectionEditor.default, Object.assign({}, props, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, {
+          ...props,
           config: config,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION:
       {
-        return /*#__PURE__*/_react.default.createElement(_countryEditor.default, Object.assign({}, props, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, {
+          ...props,
           getData: _getCountryData,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
       {
-        return /*#__PURE__*/_react.default.createElement(_provinceEditor.default, Object.assign({}, props, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, {
+          ...props,
           getData: getData,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY:
       {
-        return /*#__PURE__*/_react.default.createElement(_provinceCityEditor.default, Object.assign({}, props, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, {
+          ...props,
           getData: getData,
           column: column
-        }));
+        });
       }
     case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
       {
-        return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
+          ...props,
           getData: getData,
           column: column
-        }));
+        });
       }
     default:
       {
-        return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
+          ...props,
           isShowDetails: true,
           getData: getData,
           column: column
-        }));
+        });
       }
   }
 };

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

@@ -13,6 +13,7 @@ var _List = _interopRequireDefault(require("../../List"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
 var _lang = require("../../lang");
 var _objectUtils = _interopRequireDefault(require("../../utils/object-utils"));
+var _jsxRuntime = require("react/jsx-runtime");
 const {
   Header,
   Body
@@ -63,39 +64,58 @@ const LocationEditor = _ref => {
     }
     onToggle();
   }, [isShowDetails, value, oldValue, onCommit, onToggle]);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-    onToggle: onToggle
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: onToggle,
-    onRightClick: onSubmit
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      color: '#f09f3f'
-    }
-  }, (0, _lang.getLocale)('Submit'))), /*#__PURE__*/_react.default.createElement(Body, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-row-expand-subtitle"
-  }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Address_information'))), /*#__PURE__*/_react.default.createElement(_Picker.default, {
-    className: "dtable-ui-mobile-geolocation-editor-picker",
-    data: isLoading ? [] : locations.current,
-    value: value.slice(0, 3),
-    format: "",
-    onChange: onValueChange,
-    cascade: true,
-    title: (0, _lang.getLocale)('Address_information'),
-    extra: (0, _lang.getLocale)('Select_location'),
-    onOk: e => onValueChange(e),
-    okText: (0, _lang.getLocale)('Done'),
-    dismissText: (0, _lang.getLocale)('Cancel'),
-    cols: 3
-  }, /*#__PURE__*/_react.default.createElement(_List.default.Item, {
-    arrow: "horizontal"
-  }, value.slice(0, 3).join(' ') || (0, _lang.getLocale)('Select_location'))), isShowDetails && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-row-expand-subtitle"
-  }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Detailed_address'))), /*#__PURE__*/_react.default.createElement(_InputItem.default, {
-    placeholder: (0, _lang.getLocale)('Detailed_address_placeholder'),
-    value: value[3],
-    onChange: onAddressChange,
-    moneyKeyboardAlign: "left"
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
+    onToggle: onToggle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+      onLeftClick: onToggle,
+      onRightClick: onSubmit,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: (0, _lang.getLocale)('Cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: column.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          color: '#f09f3f'
+        },
+        children: (0, _lang.getLocale)('Submit')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Body, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-mobile-row-expand-subtitle",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('Address_information')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
+        className: "dtable-ui-mobile-geolocation-editor-picker",
+        data: isLoading ? [] : locations.current,
+        value: value.slice(0, 3),
+        format: "",
+        onChange: onValueChange,
+        cascade: true,
+        title: (0, _lang.getLocale)('Address_information'),
+        extra: (0, _lang.getLocale)('Select_location'),
+        onOk: e => onValueChange(e),
+        okText: (0, _lang.getLocale)('Done'),
+        dismissText: (0, _lang.getLocale)('Cancel'),
+        cols: 3,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default.Item, {
+          arrow: "horizontal",
+          children: value.slice(0, 3).join(' ') || (0, _lang.getLocale)('Select_location')
+        })
+      }), isShowDetails && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-mobile-row-expand-subtitle",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            children: (0, _lang.getLocale)('Detailed_address')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputItem.default, {
+          placeholder: (0, _lang.getLocale)('Detailed_address_placeholder'),
+          value: value[3],
+          onChange: onAddressChange,
+          moneyKeyboardAlign: "left"
+        })]
+      })]
+    })]
+  });
 };
 var _default = exports.default = LocationEditor;