import "../../../../../../node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue.runtime.esm-bundler.mjs";
import { ThemeEnum, LangEnum, ViewModeEnum, FeaturesEnum, MarkerEnum } from "./config.mjs";
import SettingItem from "../../../../../components/Pages/ChartItemSetting/SettingItem.vue2.mjs";
import SettingItemBox from "../../../../../components/Pages/ChartItemSetting/SettingItemBox.vue.mjs";
import _sfc_main$1 from "../../../../../components/Pages/ChartItemSetting/CollapseItem.vue.mjs";
import "../../../../../../node_modules/.pnpm/vue3-lazyload@0.2.5-beta_a6dezdz3je235ci4e3tu4rayna/node_modules/vue3-lazyload/dist/vue3-lazyload.esm.mjs";
import "../../../../../../node_modules/.pnpm/screenfull@6.0.2/node_modules/screenfull/index.mjs";
import "../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_root.mjs";
import "../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseGetTag.mjs";
import "../../../../../../node_modules/.pnpm/html2canvas@1.4.1/node_modules/html2canvas/dist/html2canvas.esm.mjs";
import "../../../../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/_baseClone.mjs";
import "../../../../../../node_modules/.pnpm/crypto-js@4.1.1/node_modules/crypto-js/index.mjs";
import "../../../../../enums/pageEnum.mjs";
import "../../../../../router/index.mjs";
import "../../../../../store/modules/designStore/designStore.mjs";
import "../../../../../settings/designSetting.mjs";
import "../../../../../components/GoLoading/index.mjs";
import "../../../../../components/GoSkeleton/index.vue.mjs";
import "../../../../../store/modules/chartEditStore/chartEditStore.mjs";
import "../../../../../components/Pages/ChartItemSetting/StylesSetting.vue.mjs";
import { defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Fragment, renderList, createTextVNode, createBlock, createCommentVNode } from "../../../../../../node_modules/.pnpm/@vue_runtime-core@3.3.4/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.mjs";
import { unref } from "../../../../../../node_modules/.pnpm/@vue_reactivity@3.3.4/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.mjs";
import { toDisplayString } from "../../../../../../node_modules/.pnpm/@vue_shared@3.3.4/node_modules/@vue/shared/dist/shared.esm-bundler.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "config",
  props: {
    optionData: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const themeOptions = [
      {
        value: ThemeEnum.NORMAL,
        label: "标准"
      },
      {
        value: ThemeEnum.DARK,
        label: "幻影黑"
      },
      {
        value: ThemeEnum.LIGHT,
        label: "月光银"
      },
      {
        value: ThemeEnum.WHITES_MOKE,
        label: "远山黛"
      },
      {
        value: ThemeEnum.FRESH,
        label: "草色青"
      },
      {
        value: ThemeEnum.GREY,
        label: "雅士灰"
      },
      {
        value: ThemeEnum.GRAFFITI,
        label: "涂鸦"
      },
      {
        value: ThemeEnum.MACARON,
        label: "马卡龙"
      },
      {
        value: ThemeEnum.BLUE,
        label: "靛青蓝"
      },
      {
        value: ThemeEnum.DARKBLUE,
        label: "极夜蓝"
      },
      {
        value: ThemeEnum.WINE,
        label: "酱籽"
      },
      {
        value: ThemeEnum.WEIXIN,
        label: "卫星"
      }
    ];
    const langOptions = [
      {
        value: LangEnum.ZH_CN,
        label: "中文简体"
      },
      {
        value: LangEnum.EN,
        label: "英文"
      },
      {
        value: LangEnum.ZH_EN,
        label: "中英文对照"
      }
    ];
    const viewModeOptions = [
      {
        value: ViewModeEnum.PLANE,
        label: "2D"
      },
      {
        value: ViewModeEnum.STEREOSCOPIC,
        label: "3D"
      }
    ];
    const featuresOptions = [
      {
        value: FeaturesEnum.BG,
        label: "显示地图背景"
      },
      {
        value: FeaturesEnum.POINT,
        label: "显示标识"
      },
      {
        value: FeaturesEnum.ROAD,
        label: "显示道路"
      },
      {
        value: FeaturesEnum.BUILDING,
        label: "显示建筑"
      }
    ];
    const MarkerOptions = [
      {
        value: MarkerEnum.CIRCLE_MARKER,
        label: "圆形标点"
      },
      {
        value: MarkerEnum.MARKER,
        label: "定位标点"
      },
      {
        value: MarkerEnum.NONE,
        label: "隐藏标点"
      }
    ];
    return (_ctx, _cache) => {
      const _component_n_select = resolveComponent("n-select");
      const _component_n_input = resolveComponent("n-input");
      const _component_n_checkbox = resolveComponent("n-checkbox");
      const _component_n_space = resolveComponent("n-space");
      const _component_n_checkbox_group = resolveComponent("n-checkbox-group");
      const _component_n_input_number = resolveComponent("n-input-number");
      const _component_n_radio = resolveComponent("n-radio");
      const _component_n_radio_group = resolveComponent("n-radio-group");
      const _component_n_color_picker = resolveComponent("n-color-picker");
      return openBlock(), createElementBlock(Fragment, null, [
        createVNode(unref(_sfc_main$1), {
          name: "基础",
          expanded: true
        }, {
          default: withCtx(() => [
            createVNode(unref(SettingItemBox), {
              name: "语言类型",
              alone: true
            }, {
              default: withCtx(() => [
                createVNode(unref(SettingItem), null, {
                  default: withCtx(() => [
                    createVNode(_component_n_select, {
                      size: "small",
                      value: __props.optionData.mapOptions.lang,
                      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => __props.optionData.mapOptions.lang = $event),
                      options: langOptions
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }),
            createVNode(unref(SettingItemBox), {
              name: "Key",
              alone: true
            }, {
              default: withCtx(() => [
                createVNode(unref(SettingItem), { name: "请务必使用自己的高德应用 key" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_input, {
                      value: __props.optionData.mapOptions.amapKey,
                      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => __props.optionData.mapOptions.amapKey = $event),
                      size: "small"
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }),
            createVNode(unref(SettingItemBox), {
              name: "自定义地图样式ID",
              alone: true
            }, {
              default: withCtx(() => [
                createVNode(unref(SettingItem), null, {
                  default: withCtx(() => [
                    createVNode(_component_n_input, {
                      size: "small",
                      value: __props.optionData.mapOptions.amapStyleKeyCustom,
                      "onUpdate:value": _cache[2] || (_cache[2] = ($event) => __props.optionData.mapOptions.amapStyleKeyCustom = $event)
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            })
          ]),
          _: 1
        }),
        createVNode(unref(_sfc_main$1), {
          name: "地图",
          expanded: true
        }, {
          default: withCtx(() => [
            createVNode(unref(SettingItemBox), { name: "主题" }, {
              default: withCtx(() => [
                createVNode(unref(SettingItem), null, {
                  default: withCtx(() => [
                    createVNode(_component_n_select, {
                      size: "small",
                      value: __props.optionData.mapOptions.amapStyleKey,
                      "onUpdate:value": _cache[3] || (_cache[3] = ($event) => __props.optionData.mapOptions.amapStyleKey = $event),
                      options: themeOptions
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }),
            createVNode(unref(SettingItemBox), {
              name: "内容",
              alone: true
            }, {
              default: withCtx(() => [
                createVNode(_component_n_checkbox_group, {
                  value: __props.optionData.mapOptions.features,
                  "onUpdate:value": _cache[4] || (_cache[4] = ($event) => __props.optionData.mapOptions.features = $event)
                }, {
                  default: withCtx(() => [
                    createVNode(_component_n_space, { "item-style": "display: flex;" }, {
                      default: withCtx(() => [
                        (openBlock(), createElementBlock(Fragment, null, renderList(featuresOptions, (item, index) => {
                          return createVNode(_component_n_checkbox, {
                            value: item.value,
                            label: item.label,
                            key: index
                          }, null, 8, ["value", "label"]);
                        }), 64))
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                }, 8, ["value"])
              ]),
              _: 1
            }),
            createVNode(unref(SettingItemBox), { name: "位置" }, {
              default: withCtx(() => [
                createVNode(unref(SettingItem), { name: "经度" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_input_number, {
                      value: __props.optionData.mapOptions.amapLon,
                      "onUpdate:value": _cache[5] || (_cache[5] = ($event) => __props.optionData.mapOptions.amapLon = $event),
                      "show-button": false,
                      size: "small"
                    }, {
                      suffix: withCtx(() => [
                        createTextVNode("°")
                      ]),
                      _: 1
                    }, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "纬度" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_input_number, {
                      value: __props.optionData.mapOptions.amapLat,
                      "onUpdate:value": _cache[6] || (_cache[6] = ($event) => __props.optionData.mapOptions.amapLat = $event),
                      "show-button": false,
                      size: "small"
                    }, {
                      suffix: withCtx(() => [
                        createTextVNode("°")
                      ]),
                      _: 1
                    }, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "初始缩放" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_input_number, {
                      value: __props.optionData.mapOptions.amapZindex,
                      "onUpdate:value": _cache[7] || (_cache[7] = ($event) => __props.optionData.mapOptions.amapZindex = $event),
                      min: 0,
                      size: "small"
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }),
            createVNode(unref(SettingItemBox), {
              name: "模式",
              alone: true
            }, {
              default: withCtx(() => [
                createVNode(unref(SettingItem), null, {
                  default: withCtx(() => [
                    createVNode(_component_n_radio_group, {
                      value: __props.optionData.mapOptions.viewMode,
                      "onUpdate:value": _cache[8] || (_cache[8] = ($event) => __props.optionData.mapOptions.viewMode = $event),
                      name: "radiogroup"
                    }, {
                      default: withCtx(() => [
                        createVNode(_component_n_space, null, {
                          default: withCtx(() => [
                            (openBlock(), createElementBlock(Fragment, null, renderList(viewModeOptions, (song) => {
                              return createVNode(_component_n_radio, {
                                key: song.value,
                                value: song.value
                              }, {
                                default: withCtx(() => [
                                  createTextVNode(toDisplayString(song.label), 1)
                                ]),
                                _: 2
                              }, 1032, ["value"]);
                            }), 64))
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    }, 8, ["value"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }),
            __props.optionData.mapOptions.viewMode === "3D" ? (openBlock(), createBlock(unref(SettingItemBox), { key: 0 }, {
              default: withCtx(() => [
                createVNode(unref(SettingItem), { name: "天空色" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_color_picker, {
                      size: "small",
                      modes: ["hex"],
                      value: __props.optionData.mapOptions.skyColor,
                      "onUpdate:value": _cache[9] || (_cache[9] = ($event) => __props.optionData.mapOptions.skyColor = $event)
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "俯仰角" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_input_number, {
                      value: __props.optionData.mapOptions.pitch,
                      "onUpdate:value": _cache[10] || (_cache[10] = ($event) => __props.optionData.mapOptions.pitch = $event),
                      min: 0,
                      max: 83,
                      size: "small"
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            })) : createCommentVNode("", true)
          ]),
          _: 1
        }),
        createVNode(unref(_sfc_main$1), {
          name: "标记",
          expanded: true
        }, {
          default: withCtx(() => [
            createVNode(unref(SettingItemBox), { name: "样式" }, {
              default: withCtx(() => [
                createVNode(unref(SettingItem), { name: "类型" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_select, {
                      size: "small",
                      value: __props.optionData.mapOptions.mapMarkerType,
                      "onUpdate:value": _cache[11] || (_cache[11] = ($event) => __props.optionData.mapOptions.mapMarkerType = $event),
                      options: MarkerOptions
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "颜色" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_color_picker, {
                      value: __props.optionData.mapOptions.marker.fillColor,
                      "onUpdate:value": _cache[12] || (_cache[12] = ($event) => __props.optionData.mapOptions.marker.fillColor = $event),
                      size: "small"
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            })
          ]),
          _: 1
        })
      ], 64);
    };
  }
});
export {
  _sfc_main as default
};
