import { observer } from 'mobx-react';
import * as React from 'react';
import { C as Checkbox } from './index-d6e25798.js';
import { q as appContext } from './MapEditView-f6381866.js';
import 'classnames';
import './Spin-84813b22.js';
import 'maptalks';
import 'lodash';
import 'uuid';
import 'mobx';
import 'lz-string';
import 'dayjs';
import 'react-dom';
import 'react-is';
import '@loadable/component';
import 'js-beautify';
import 'axios';
import 'superstruct';
import '@tanem/react-nprogress';
import 'jquery';
import 'chroma-js';
import 'js-cookie';
import 'is-email';
import 'is-uuid';
import 'is-url';
import 'anymatch';
import '@syncpoint/wkx';
import 'buffer';
import '@turf/turf';
import '@mapbox/polylabel';
import 'turf-multipolygon';
import 'turf-polygon';
import 'gcoord';
import 'eventemitter2';
import 'geobuf';
import 'localforage';
import 'rc-menu';
import 'perfect-scrollbar';
import 'ahooks';
import 'jszip';
import 'file-saver';
import 'screenfull';
import 'sql-formatter-fork';
import 'array-move';
import 'turf-multilinestring';
import 'copy-to-clipboard';
import 'maptalks.three';
import 'ajv';
import 'spark-md5';
import 'react-draggable';
import 'react-virtualized';
import 'turf-point';
import 'decamelize';
import 'rbush';
import 'qs';
import 'maptalks.snap';
import 'react-use';
import 'react-rnd';
import 'react-beautiful-dnd';

const MapMobileSettings = () => {
    const { routeStore } = React.useContext(appContext.getContext());
    const { MapSettingStore: { MapMobileSettingStore: { changeShowFence, changeShowFindMe, changeShowGeoTools, changeShowResetMap, changeShowLegend, }, mobileSettings: { showResetMap, showLegend, showFence, showFindMe, showGeoTools }, }, } = routeStore;
    return (React.createElement("div", { className: "map-mobile-settings" },
        React.createElement("div", null, "\u8BBE\u7F6E"),
        React.createElement("div", { className: "map-mobile-settings-list" },
            React.createElement("div", null,
                React.createElement(Checkbox, { checked: showFence, onClick: () => {
                        changeShowFence();
                    } }, "\u663E\u793A\u56F4\u680F")),
            React.createElement("div", null,
                React.createElement(Checkbox, { checked: showGeoTools, onClick: () => {
                        changeShowGeoTools();
                    } }, "\u663E\u793A\u5730\u7406\u5DE5\u5177")),
            React.createElement("div", null,
                React.createElement(Checkbox, { checked: showFindMe, onClick: () => {
                        changeShowFindMe();
                    } }, "\u663E\u793A\u5B9A\u4F4D\u5DE5\u5177")),
            React.createElement("div", null,
                React.createElement(Checkbox, { checked: showResetMap, onClick: () => {
                        changeShowResetMap();
                    } }, "\u663E\u793A\u91CD\u7F6E\u5730\u56FE")),
            React.createElement("div", null,
                React.createElement(Checkbox, { checked: showLegend, onClick: () => {
                        changeShowLegend();
                    } }, "\u663E\u793A\u56FE\u4F8B")))));
};
var MapMobileSettings$1 = observer(MapMobileSettings);

export { MapMobileSettings$1 as default };
