dtable-ui-component 6.0.29-beta9 → 6.0.29

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

@@ -1,194 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _imagesPreviewer = _interopRequireDefault(require("../images-previewer"));
-var _additionPreviewer = _interopRequireDefault(require("./addition-previewer"));
-var _constants = require("../../constants");
-var _DTableModalHeader = _interopRequireDefault(require("../../DTableModalHeader"));
-var _lang = require("../../lang");
-var _constants2 = require("../constants");
-require("./index.css");
-class PCImageEditor extends _react.default.Component {
-  constructor(props) {
-    var _this;
-    super(props);
-    _this = this;
-    this.getValue = () => {
-      return this.state.value;
-    };
-    this.getEditorView = () => {
-      const {
-        isInModal,
-        value
-      } = this.props;
-      return !value || value.length === 0 || isInModal ? _constants.FILE_EDITOR_STATUS.ADDITION : _constants.FILE_EDITOR_STATUS.PREVIEWER;
-    };
-    this.deleteImage = function (index) {
-      let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-      let uploadLocalImageValue = _this.state.uploadLocalImageValue.slice(0);
-      let value = _this.state.value.slice(0);
-      if (_this.state.editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER) {
-        value.splice(index, 1);
-      } else {
-        if (type === 'localPicture') {
-          uploadLocalImageValue.splice(index, 1);
-        }
-      }
-      _this.setState({
-        uploadLocalImageValue: uploadLocalImageValue,
-        isUpdated: true,
-        value: value
-      });
-    };
-    this.resetAdditionImage = () => {
-      this.setState({
-        uploadLocalImageValue: [],
-        imageLinkValue: []
-      });
-    };
-    this.toggle = e => {
-      e.stopPropagation();
-      if (this.state.isOpen && this.state.isUpdated) {
-        if (this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION) {
-          let {
-            value,
-            uploadLocalImageValue
-          } = this.state;
-          let newValue = value.concat(uploadLocalImageValue);
-          this.setState({
-            value: newValue
-          }, () => {
-            this.props.isInModal ? this.props.onCommit(this.getValue()) : this.props.onCommit();
-          });
-          return;
-        }
-        this.props.isInModal ? this.props.onCommit(this.getValue()) : this.props.onCommit();
-      }
-      if (this.props.isInModal) {
-        this.props.onToggle();
-      }
-      const nextIsOpen = !this.state.isOpen;
-      this.setState({
-        isOpen: nextIsOpen
-      }, () => {
-        if (!nextIsOpen) {
-          this.props.onCommitCancel && this.props.onCommitCancel();
-        }
-      });
-    };
-    this.closeEditor = () => {
-      this.setState({
-        isOpen: false
-      });
-    };
-    this.togglePreviewer = type => {
-      this.setState({
-        editorView: type
-      });
-    };
-    this.fileUploadCompleted = fileMessage => {
-      let uploadLocalImageValue = this.state.uploadLocalImageValue.slice(0);
-      const imageUrl = fileMessage.url;
-      uploadLocalImageValue.push(imageUrl);
-      this.setState({
-        uploadLocalImageValue: uploadLocalImageValue,
-        isUpdated: true
-      });
-    };
-    this.addUploadedFile = fileMessageList => {
-      let uploadLocalImageValue = this.state.uploadLocalImageValue.slice(0);
-      // eslint-disable-next-line no-unused-vars
-      for (let fileMessage of fileMessageList) {
-        uploadLocalImageValue.push(fileMessage.url);
-      }
-      this.setState({
-        uploadLocalImageValue: uploadLocalImageValue,
-        isUpdated: true
-      });
-    };
-    this.renderHeader = () => {
-      let {
-        editorView
-      } = this.state;
-      if (this.props.isInModal) {
-        return /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_images'));
-      }
-      if (editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER) {
-        return /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('All_images'));
-      }
-      return /*#__PURE__*/_react.default.createElement("div", {
-        onClick: this.showImageListPreviewer
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-return mr-2"
-      }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_images')));
-    };
-    this.showImageListPreviewer = () => {
-      let {
-        value,
-        uploadLocalImageValue,
-        imageLinkValue
-      } = this.state;
-      let newValue = value.concat(uploadLocalImageValue, imageLinkValue);
-      this.setState({
-        value: newValue
-      });
-      this.togglePreviewer(_constants.FILE_EDITOR_STATUS.PREVIEWER);
-    };
-    this.saveImageLink = imageUrl => {
-      this.setState({
-        imageLinkValue: imageUrl,
-        isUpdated: true
-      });
-      this.showImageListPreviewer();
-    };
-    this.uploadFile = (file, callback) => {
-      return this.props.uploadFile(file, _constants2.IMAGES_FOLDER, callback);
-    };
-    this.state = {
-      value: props.value || [],
-      editorView: this.getEditorView(),
-      isOpen: true,
-      isShowFileChooser: false,
-      uploadLocalImageValue: [],
-      imageLinkValue: [],
-      isUpdated: false
-    };
-  }
-  render() {
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
-      className: "dtable-ui-image-editor-dialog",
-      contentClassName: "dtable-ui-image-editor-modal",
-      isOpen: this.state.isOpen,
-      toggle: this.toggle
-    }, /*#__PURE__*/_react.default.createElement(_DTableModalHeader.default, {
-      toggle: this.toggle
-    }, this.renderHeader()), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
-      className: "p-0"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-editor-container"
-    }, this.state.editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER && /*#__PURE__*/_react.default.createElement(_imagesPreviewer.default, {
-      value: this.state.value,
-      togglePreviewer: this.togglePreviewer,
-      deleteImage: this.deleteImage,
-      resetAdditionImage: this.resetAdditionImage
-    }), this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION && /*#__PURE__*/_react.default.createElement(_additionPreviewer.default, {
-      deleteImage: this.deleteImage,
-      handleFilesChange: this.handleFilesChange,
-      uploadLocalImageValue: this.state.uploadLocalImageValue,
-      togglePreviewer: this.togglePreviewer,
-      saveImageLink: this.saveImageLink,
-      fileUploadCompleted: this.fileUploadCompleted,
-      addUploadedFile: this.addUploadedFile,
-      showImageListPreviewer: this.showImageListPreviewer,
-      uploadFile: this.uploadFile
-    }))));
-  }
-}
-var _default = exports.default = PCImageEditor;

package/lib/MobileFullScreenPage/body/index.css

@@ -1,9 +0,0 @@
-.dtable-ui-mobile-full-screen-page-body { 
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  overflow-y: auto;
-  padding: 0;
-  background-color: #f5f5f5;
-  flex: 1;
-}

package/lib/MobileFullScreenPage/body/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-const Body = _ref => {
-  let {
-    classNamePrefix,
-    className,
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-body', className, {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-body")]: classNamePrefix
-    })
-  }, children);
-};
-var _default = exports.default = Body;

package/lib/MobileFullScreenPage/header/index.css

@@ -1,39 +0,0 @@
-.dtable-ui-mobile-full-screen-page-header {
-  width: 100%;
-  height: 51px;
-  background-color: #fff;
-  border-bottom: 1px solid #e9e9e9;
-  padding: 0;
-  color: #666;
-  font-size: 14px;
-  display: flex;
-  justify-content: space-between;
-  flex-shrink: 0;
-}
-
-.dtable-ui-mobile-full-screen-page-header .dtable-ui-mobile-full-screen-page-header-btn {
-  line-height: 24px;
-  min-width: 75px;
-  padding: 13px 16px;
-}
-
-.dtable-ui-mobile-full-screen-page-header .dtable-ui-mobile-full-screen-page-header-btn:hover {
-  cursor: pointer;
-}
-
-.dtable-ui-mobile-full-screen-page-header .dtable-ui-mobile-full-screen-page-header-title {
-  color: #212529;
-  line-height: 50px;
-  margin-bottom: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.dtable-ui-mobile-full-screen-page-header .dtable-ui-mobile-full-screen-page-header-btn:first-child {
-  text-align: left;
-}
-
-.dtable-ui-mobile-full-screen-page-header .dtable-ui-mobile-full-screen-page-header-btn:last-child {
-  text-align: right;
-}

package/lib/MobileFullScreenPage/header/index.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-const Header = _ref => {
-  let {
-    classNamePrefix,
-    children,
-    onLeftClick,
-    onRightClick
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header p-0', {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-header")]: classNamePrefix
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-btn', {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-header-btn")]: classNamePrefix
-    }),
-    onClick: onLeftClick
-  }, children[0]), /*#__PURE__*/_react.default.createElement("h4", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-title', {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-header-title")]: classNamePrefix
-    })
-  }, children[1]), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page-header-btn', {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page-header-btn")]: classNamePrefix
-    }),
-    onClick: onRightClick
-  }, children[2]));
-};
-var _default = exports.default = Header;

package/lib/MobileFullScreenPage/index.css

@@ -1,13 +0,0 @@
-.dtable-ui-mobile-full-screen-page {  
-  height: 100%;
-  width: 100%;
-  position: fixed;
-  background-color: #f5f5f5;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}

package/lib/MobileFullScreenPage/index.js

@@ -1,73 +0,0 @@
-"use strict";
-
-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 _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _BodyPortal = _interopRequireDefault(require("../BodyPortal"));
-var _header = _interopRequireDefault(require("./header"));
-var _body = _interopRequireDefault(require("./body"));
-var _utils = require("../utils/utils");
-require("./index.css");
-const MobileFullScreenPage = _ref => {
-  let {
-    classNamePrefix,
-    className,
-    style,
-    zIndex,
-    children,
-    onClose,
-    historyCallback
-  } = _ref;
-  const [isMount, setMount] = (0, _react.useState)(false);
-  const element = (0, _react.useMemo)(() => {
-    let _element = document.createElement('div');
-    _element.setAttribute('tabindex', '-1');
-    _element.style.position = 'relative';
-    _element.style.zIndex = zIndex || 100;
-    return _element;
-  }, [zIndex]);
-  const handelHistoryCallback = (0, _react.useCallback)(event => {
-    event.preventDefault();
-    if ((0, _utils.isFunction)(historyCallback)) {
-      historyCallback();
-      return;
-    }
-    if ((0, _utils.isFunction)(onClose)) {
-      onClose();
-      return;
-    }
-  }, [onClose, historyCallback]);
-  (0, _react.useEffect)(() => {
-    // eslint-disable-next-line no-restricted-globals
-    history.pushState(null, null, '#');
-    window.addEventListener('popstate', handelHistoryCallback, false);
-    return () => {
-      window.removeEventListener('popstate', handelHistoryCallback, false);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [handelHistoryCallback]);
-  (0, _react.useEffect)(() => {
-    document.body.appendChild(element);
-    setMount(true);
-    return () => {
-      document.body.removeChild(element);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_BodyPortal.default, {
-    node: element
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui-mobile-full-screen-page', className, {
-      ["".concat(classNamePrefix, "-mobile-full-screen-page")]: classNamePrefix
-    }),
-    style: style
-  }, isMount && children));
-};
-MobileFullScreenPage.Header = _header.default;
-MobileFullScreenPage.Body = _body.default;
-var _default = exports.default = MobileFullScreenPage;

package/lib/MobileModal/index.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _modal = _interopRequireDefault(require("antd-mobile/lib/modal"));
-var _react = _interopRequireDefault(require("react"));
-class MobileModal extends _react.default.PureComponent {
-  constructor() {
-    super(...arguments);
-    this.handleHistoryBack = e => {
-      e.preventDefault();
-      this.props.onClose();
-    };
-  }
-  componentDidMount() {
-    window.history.pushState(null, null, '#');
-    window.addEventListener('popstate', this.handleHistoryBack, false);
-  }
-  componentWillUnmount() {
-    window.removeEventListener('popstate', this.handleHistoryBack, false);
-  }
-  render() {
-    const {
-      children,
-      ...props
-    } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_modal.default, Object.assign({}, props, {
-      popup: true
-    }), children);
-  }
-}
-MobileModal.defaultProps = {
-  visible: true,
-  animationType: 'slide-up',
-  transitionName: 'transitionName',
-  maskTransitionName: 'maskTransitionName'
-};
-var _default = exports.default = MobileModal;

package/lib/MobileOperationSheet/index.css

@@ -1,27 +0,0 @@
-.dtable-ui-mobile-action-sheet .am-action-sheet-button-list {
-  text-align: left;
-  color: #212529;
-}
-
-.dtable-ui-mobile-action-sheet .am-action-sheet-button-list .am-action-sheet-button-list-item {
-  padding: 0;
-  height: 44px;
-  line-height: 44px;
-  font-size: 16px;
-  overflow-y: hidden;
-}
-
-html:not([data-scale]) .dtable-ui-mobile-action-sheet .am-action-sheet-button-list .am-action-sheet-button-list-item::before {
-  background-color: #fff;
-}
-
-.dtable-ui-mobile-action-sheet .my-am-action {
-  padding: 0 16px;
-  align-items: center;
-}
-
-.dtable-ui-mobile-action-sheet .am-action-sheet-button-list .am-action-sheet-button-list-item .dtable-font {
-  color: #888;
-  font-size: 20px;
-  margin-right: 16px;
-}

package/lib/MobileOperationSheet/index.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.OPERATION_TYPE = void 0;
-var _actionSheet = _interopRequireDefault(require("antd-mobile/lib/action-sheet"));
-var _react = _interopRequireWildcard(require("react"));
-var _lang = require("../lang");
-require("./index.css");
-const OPERATION_TYPE = exports.OPERATION_TYPE = {
-  RENAME: 'rename',
-  DOWNLOAD: 'download',
-  DELETE: 'delete',
-  CLOSE: 'close'
-};
-const OPERATION_TYPES = [OPERATION_TYPE.RENAME, OPERATION_TYPE.DOWNLOAD, OPERATION_TYPE.DELETE];
-const MobileOperationSheet = _ref => {
-  let {
-    onChange,
-    onClose,
-    operations = OPERATION_TYPES
-  } = _ref;
-  const actionSheet = (0, _react.useRef)(_actionSheet.default);
-  const btns = (0, _react.useMemo)(() => {
-    let _btns = [];
-    if (operations.includes(OPERATION_TYPE.RENAME)) {
-      _btns.push({
-        dom: /*#__PURE__*/_react.default.createElement("div", {
-          className: "my-am-action"
-        }, /*#__PURE__*/_react.default.createElement("i", {
-          "aria-hidden": "true",
-          className: "dtable-font dtable-icon-rename"
-        }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Rename'))),
-        value: OPERATION_TYPE.RENAME
-      });
-    }
-    if (operations.includes(OPERATION_TYPE.DOWNLOAD)) {
-      _btns.push({
-        dom: /*#__PURE__*/_react.default.createElement("div", {
-          className: "my-am-action"
-        }, /*#__PURE__*/_react.default.createElement("i", {
-          "aria-hidden": "true",
-          className: "dtable-font dtable-icon-download"
-        }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Download'))),
-        value: OPERATION_TYPE.DOWNLOAD
-      });
-    }
-    if (operations.includes(OPERATION_TYPE.DELETE)) {
-      _btns.push({
-        dom: /*#__PURE__*/_react.default.createElement("div", {
-          className: "my-am-action"
-        }, /*#__PURE__*/_react.default.createElement("i", {
-          "aria-hidden": "true",
-          className: "dtable-font dtable-icon-delete"
-        }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Delete'))),
-        value: OPERATION_TYPE.DELETE
-      });
-    }
-    return _btns;
-  }, [operations]);
-  const showActionSheet = (0, _react.useCallback)(() => {
-    const _btns = btns.map(btn => btn.dom);
-    actionSheet.current.showActionSheetWithOptions({
-      options: _btns,
-      maskClosable: true,
-      className: 'dtable-ui-mobile-action-sheet'
-    }, index => {
-      const {
-        value = 'close'
-      } = btns[index] || {};
-      if (value === 'close') {
-        onClose && onClose();
-        return;
-      }
-      onChange && onChange(value);
-    });
-  }, [btns, onChange, onClose]);
-  (0, _react.useEffect)(() => {
-    showActionSheet();
-    return () => {
-      actionSheet.current.close();
-      actionSheet.current = null;
-      onClose && onClose();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  return null;
-};
-var _default = exports.default = MobileOperationSheet;

package/lib/MobileSelector/empty/index.css

@@ -1,3 +0,0 @@
-.dtable-ui-mobile-selector-no-options {
-  opacity: 0.5;
-}

package/lib/MobileSelector/empty/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _list = _interopRequireDefault(require("antd-mobile/lib/list"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-require("./index.css");
-const Empty = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_list.default.Item, {
-    className: "dtable-ui-mobile-selector-no-options"
-  }, children);
-};
-Empty.propType = {
-  children: _propTypes.default.any
-};
-var _default = exports.default = Empty;

package/lib/MobileSelector/index.css

@@ -1,32 +0,0 @@
-.dtable-ui-mobile-selector .am-list-header {
-  color: #212529;
-  font-size: 16px;
-  font-weight: bold;
-}
-
-.dtable-ui-mobile-selector .am-list-header .mobile-selector-editor-close-btn {
-  width: 20px;
-  font-size: 16px;
-  color: #798d99;
-  right: 0px;
-  position: absolute;
-  bottom: 0px;
-}
-
-html:not([data-scale]) .dtable-ui-mobile-selector .am-list-body:before,
-html:not([data-scale]) .dtable-ui-mobile-selector .am-list-body:after {
-  background-color: #e9e9e9;
-  transform: scaleY(1) !important;
-}
-
-.dtable-ui-mobile-selector .am-list-body .dtable-ui-mobile-selector-search + .dtable-ui-mobile-selector-options {
-  border-top: 1px solid #e9e9e9;
-}
-
-.dtable-ui-mobile-selector .am-list-body .add-item-btn {
-  color: #212529;
-}
-
-.dtable-ui-mobile-selector .am-list-body .am-list-item {
-  min-height: 50px;
-}

package/lib/MobileSelector/index.js

@@ -1,57 +0,0 @@
-"use strict";
-
-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 _list = _interopRequireDefault(require("antd-mobile/lib/list"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _MobileModal = _interopRequireDefault(require("../MobileModal"));
-var _search = _interopRequireDefault(require("./search"));
-var _options = _interopRequireDefault(require("./options"));
-var _option = _interopRequireDefault(require("./option"));
-var _empty = _interopRequireDefault(require("./empty"));
-require("./index.css");
-const MobileSelector = _ref => {
-  let {
-    className,
-    listClassName,
-    title,
-    children,
-    onClose
-  } = _ref;
-  const handleHistoryBack = (0, _react.useCallback)(event => {
-    event.preventDefault();
-    onClose && onClose();
-  }, [onClose]);
-  (0, _react.useEffect)(() => {
-    history.pushState(null, null, '#'); // eslint-disable-line
-    window.addEventListener('popstate', handleHistoryBack, false);
-    return () => {
-      window.removeEventListener('popstate', handleHistoryBack, false);
-    };
-  }, [handleHistoryBack]);
-  const renderHeader = (0, _react.useCallback)(() => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "position-relative"
-    }, /*#__PURE__*/_react.default.createElement("span", null, title), /*#__PURE__*/_react.default.createElement("span", {
-      className: "mobile-selector-editor-close-btn dtable-font dtable-icon-x",
-      onClick: onClose
-    }));
-  }, [title, onClose]);
-  return /*#__PURE__*/_react.default.createElement(_MobileModal.default, {
-    onClose: onClose,
-    className: className
-  }, /*#__PURE__*/_react.default.createElement(_list.default, {
-    renderHeader: renderHeader,
-    className: (0, _classnames.default)('popup-list dtable-ui-mobile-selector', listClassName)
-  }, children));
-};
-MobileSelector.Search = _search.default;
-MobileSelector.Option = _option.default;
-MobileSelector.Options = _options.default;
-MobileSelector.Empty = _empty.default;
-var _default = exports.default = MobileSelector;