import "../../../../../../node_modules/.pnpm/vue@3.3.4/node_modules/vue/dist/vue.runtime.esm-bundler.mjs";
import SettingItem from "../../../../../components/Pages/ChartItemSetting/SettingItem.vue2.mjs";
import SettingItemBox from "../../../../../components/Pages/ChartItemSetting/SettingItemBox.vue.mjs";
import _sfc_main$2 from "../../../../../components/Pages/ChartItemSetting/CollapseItem.vue.mjs";
import _sfc_main$1 from "../../../../../components/Pages/ChartItemSetting/GlobalSetting.vue2.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 "../../../../../../node_modules/.pnpm/vue3-lazyload@0.2.5-beta_a6dezdz3je235ci4e3tu4rayna/node_modules/vue3-lazyload/dist/vue3-lazyload.esm.mjs";
import "../../../../../components/GoSkeleton/index.vue.mjs";
import "../../../../../components/GoLoading/index.mjs";
import "../../../../../settings/designSetting.mjs";
import "../../../../../components/Pages/ChartItemSetting/StylesSetting.vue.mjs";
import { FunnelOrderEnumList, FunnelLabelPositionEnumList } from "./config.mjs";
import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createVNode, Fragment, renderList, createBlock, withCtx, createTextVNode } 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";
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "config",
  props: {
    optionData: {
      type: Object,
      required: true
    }
  },
  setup(__props) {
    const props = __props;
    const seriesList = computed(() => {
      return props.optionData.series;
    });
    const sliderFormatTooltip = (v) => {
      return `${v}px`;
    };
    return (_ctx, _cache) => {
      const _component_n_select = resolveComponent("n-select");
      const _component_n_slider = resolveComponent("n-slider");
      const _component_n_input_number = resolveComponent("n-input-number");
      const _component_n_color_picker = resolveComponent("n-color-picker");
      const _component_n_checkbox = resolveComponent("n-checkbox");
      return openBlock(), createElementBlock(Fragment, null, [
        createVNode(unref(_sfc_main$1), { optionData: __props.optionData }, null, 8, ["optionData"]),
        (openBlock(true), createElementBlock(Fragment, null, renderList(seriesList.value, (item, index) => {
          return openBlock(), createBlock(unref(_sfc_main$2), {
            key: index,
            name: `漏斗图`,
            expanded: ""
          }, {
            default: withCtx(() => [
              createVNode(unref(SettingItemBox), {
                name: "排序",
                alone: ""
              }, {
                default: withCtx(() => [
                  createVNode(unref(SettingItem), null, {
                    default: withCtx(() => [
                      createVNode(_component_n_select, {
                        value: item.sort,
                        "onUpdate:value": ($event) => item.sort = $event,
                        options: unref(FunnelOrderEnumList),
                        size: "small"
                      }, null, 8, ["value", "onUpdate:value", "options"])
                    ]),
                    _: 2
                  }, 1024)
                ]),
                _: 2
              }, 1024),
              createVNode(unref(SettingItemBox), {
                name: "范围",
                alone: true
              }, {
                default: withCtx(() => [
                  createVNode(unref(SettingItem), {
                    name: `顶部距离：${item.top}px`
                  }, {
                    default: withCtx(() => [
                      createVNode(_component_n_slider, {
                        value: item.top,
                        "onUpdate:value": ($event) => item.top = $event,
                        min: 0,
                        max: 300,
                        "format-tooltip": sliderFormatTooltip
                      }, null, 8, ["value", "onUpdate:value"])
                    ]),
                    _: 2
                  }, 1032, ["name"])
                ]),
                _: 2
              }, 1024),
              createVNode(unref(SettingItemBox), { name: "区块" }, {
                default: withCtx(() => [
                  createVNode(unref(SettingItem), { name: "边框大小" }, {
                    default: withCtx(() => [
                      createVNode(_component_n_input_number, {
                        value: item.itemStyle.borderWidth,
                        "onUpdate:value": ($event) => item.itemStyle.borderWidth = $event,
                        min: 0,
                        max: 10,
                        size: "small"
                      }, null, 8, ["value", "onUpdate:value"])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode(unref(SettingItem), { name: "边框颜色" }, {
                    default: withCtx(() => [
                      createVNode(_component_n_color_picker, {
                        value: item.itemStyle.borderColor,
                        "onUpdate:value": ($event) => item.itemStyle.borderColor = $event,
                        modes: ["hex"],
                        size: "small"
                      }, null, 8, ["value", "onUpdate:value"])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode(unref(SettingItem), { name: "间隔" }, {
                    default: withCtx(() => [
                      createVNode(_component_n_input_number, {
                        value: item.gap,
                        "onUpdate:value": ($event) => item.gap = $event,
                        min: 0,
                        max: 20,
                        size: "small"
                      }, null, 8, ["value", "onUpdate:value"])
                    ]),
                    _: 2
                  }, 1024)
                ]),
                _: 2
              }, 1024),
              createVNode(unref(SettingItemBox), { name: "标签" }, {
                default: withCtx(() => [
                  createVNode(unref(SettingItem), { name: "是否显示" }, {
                    default: withCtx(() => [
                      createVNode(_component_n_checkbox, {
                        checked: item.label.show,
                        "onUpdate:checked": ($event) => item.label.show = $event,
                        size: "small"
                      }, {
                        default: withCtx(() => [
                          createTextVNode("标签")
                        ]),
                        _: 2
                      }, 1032, ["checked", "onUpdate:checked"])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode(unref(SettingItem), { name: "位置" }, {
                    default: withCtx(() => [
                      createVNode(_component_n_select, {
                        value: item.label.position,
                        "onUpdate:value": ($event) => item.label.position = $event,
                        options: unref(FunnelLabelPositionEnumList),
                        size: "small"
                      }, null, 8, ["value", "onUpdate:value", "options"])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode(unref(SettingItem), { name: "大小" }, {
                    default: withCtx(() => [
                      createVNode(_component_n_input_number, {
                        value: item.label.fontSize,
                        "onUpdate:value": ($event) => item.label.fontSize = $event,
                        min: 0,
                        size: "small"
                      }, null, 8, ["value", "onUpdate:value"])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode(unref(SettingItem), { name: "悬停时大小" }, {
                    default: withCtx(() => [
                      createVNode(_component_n_input_number, {
                        value: item.emphasis.label.fontSize,
                        "onUpdate:value": ($event) => item.emphasis.label.fontSize = $event,
                        min: 0,
                        size: "small"
                      }, null, 8, ["value", "onUpdate:value"])
                    ]),
                    _: 2
                  }, 1024)
                ]),
                _: 2
              }, 1024)
            ]),
            _: 2
          }, 1024);
        }), 128))
      ], 64);
    };
  }
});
export {
  _sfc_main as default
};
