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$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, createBlock, 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 dotTypes = [
      {
        label: "点",
        value: "dot"
      },
      {
        label: "线",
        value: "line"
      }
    ];
    const directions = [
      {
        label: "水平方向",
        value: "horizontal"
      },
      {
        label: "垂直方向",
        value: "vertical"
      }
    ];
    const effects = [
      {
        label: "slide",
        value: "slide"
      },
      {
        label: "fade",
        value: "fade"
      },
      {
        label: "card",
        value: "card"
      },
      {
        label: "custom",
        value: "custom"
      }
    ];
    const dotPlacements = [
      {
        label: "上边",
        value: "top"
      },
      {
        label: "下边",
        value: "bottom"
      },
      {
        label: "左边",
        value: "left"
      },
      {
        label: "右边",
        value: "right"
      }
    ];
    const fitList = [
      {
        value: "fill",
        label: "fill"
      },
      {
        value: "contain",
        label: "contain"
      },
      {
        value: "cover",
        label: "cover"
      },
      {
        value: "scale-down",
        label: "scale-down"
      },
      {
        value: "none",
        label: "none"
      }
    ];
    return (_ctx, _cache) => {
      const _component_n_input = resolveComponent("n-input");
      const _component_n_button = resolveComponent("n-button");
      const _component_n_input_group = resolveComponent("n-input-group");
      const _component_n_switch = resolveComponent("n-switch");
      const _component_n_text = resolveComponent("n-text");
      const _component_n_space = resolveComponent("n-space");
      const _component_n_input_number = resolveComponent("n-input-number");
      const _component_n_select = resolveComponent("n-select");
      return openBlock(), createElementBlock(Fragment, null, [
        createVNode(unref(_sfc_main$1), {
          name: "路径",
          expanded: true
        }, {
          default: withCtx(() => [
            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.optionData.dataset, (item, index) => {
              return openBlock(), createBlock(unref(SettingItem), { key: index }, {
                default: withCtx(() => [
                  createVNode(_component_n_input_group, null, {
                    default: withCtx(() => [
                      createVNode(_component_n_input, {
                        value: __props.optionData.dataset[index],
                        "onUpdate:value": ($event) => __props.optionData.dataset[index] = $event,
                        size: "small",
                        placeholder: "请输入图片地址"
                      }, null, 8, ["value", "onUpdate:value"]),
                      createVNode(_component_n_button, {
                        ghost: "",
                        onClick: ($event) => __props.optionData.dataset.splice(index, 1)
                      }, {
                        default: withCtx(() => [
                          createTextVNode(" - ")
                        ]),
                        _: 2
                      }, 1032, ["onClick"])
                    ]),
                    _: 2
                  }, 1024)
                ]),
                _: 2
              }, 1024);
            }), 128)),
            createVNode(unref(SettingItem), null, {
              default: withCtx(() => [
                createVNode(_component_n_button, {
                  size: "small",
                  onClick: _cache[0] || (_cache[0] = ($event) => __props.optionData.dataset.push(""))
                }, {
                  default: withCtx(() => [
                    createTextVNode(" + 新增")
                  ]),
                  _: 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_space, null, {
                      default: withCtx(() => [
                        createVNode(_component_n_switch, {
                          value: __props.optionData.autoplay,
                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => __props.optionData.autoplay = $event),
                          size: "small"
                        }, null, 8, ["value"]),
                        createVNode(_component_n_text, null, {
                          default: withCtx(() => [
                            createTextVNode("自动播放")
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "间隔时间" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_input_number, {
                      value: __props.optionData.interval,
                      "onUpdate:value": _cache[2] || (_cache[2] = ($event) => __props.optionData.interval = $event),
                      size: "small",
                      placeholder: ""
                    }, {
                      suffix: withCtx(() => [
                        createTextVNode(" 毫秒 ")
                      ]),
                      _: 1
                    }, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "轮播方向" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_select, {
                      value: __props.optionData.direction,
                      "onUpdate:value": _cache[3] || (_cache[3] = ($event) => __props.optionData.direction = $event),
                      options: directions,
                      placeholder: "选择方向"
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "过渡效果" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_select, {
                      value: __props.optionData.effect,
                      "onUpdate:value": _cache[4] || (_cache[4] = ($event) => __props.optionData.effect = $event),
                      options: effects,
                      placeholder: "效果"
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "每页数量" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_input_number, {
                      value: __props.optionData.slidesPerview,
                      "onUpdate:value": _cache[5] || (_cache[5] = ($event) => __props.optionData.slidesPerview = $event),
                      size: "small",
                      placeholder: ""
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), null, {
                  default: withCtx(() => [
                    createVNode(_component_n_space, null, {
                      default: withCtx(() => [
                        createVNode(_component_n_switch, {
                          value: __props.optionData.centeredSlides,
                          "onUpdate:value": _cache[6] || (_cache[6] = ($event) => __props.optionData.centeredSlides = $event),
                          size: "small"
                        }, null, 8, ["value"]),
                        createVNode(_component_n_text, null, {
                          default: withCtx(() => [
                            createTextVNode("居中显示")
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "图片样式" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_select, {
                      value: __props.optionData.fit,
                      "onUpdate:value": _cache[7] || (_cache[7] = ($event) => __props.optionData.fit = $event),
                      options: fitList,
                      placeholder: "样式"
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }),
            createVNode(unref(SettingItemBox), { name: "指示器" }, {
              default: withCtx(() => [
                createVNode(unref(SettingItem), { name: "样式" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_select, {
                      value: __props.optionData.dotType,
                      "onUpdate:value": _cache[8] || (_cache[8] = ($event) => __props.optionData.dotType = $event),
                      options: dotTypes,
                      placeholder: "选择样式"
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), { name: "位置" }, {
                  default: withCtx(() => [
                    createVNode(_component_n_select, {
                      value: __props.optionData.dotPlacement,
                      "onUpdate:value": _cache[9] || (_cache[9] = ($event) => __props.optionData.dotPlacement = $event),
                      options: dotPlacements,
                      placeholder: "选择位置"
                    }, null, 8, ["value"])
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), null, {
                  default: withCtx(() => [
                    createVNode(_component_n_space, null, {
                      default: withCtx(() => [
                        createVNode(_component_n_switch, {
                          value: __props.optionData.showDots,
                          "onUpdate:value": _cache[10] || (_cache[10] = ($event) => __props.optionData.showDots = $event),
                          size: "small"
                        }, null, 8, ["value"]),
                        createVNode(_component_n_text, null, {
                          default: withCtx(() => [
                            createTextVNode("显示")
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), null, {
                  default: withCtx(() => [
                    createVNode(_component_n_space, null, {
                      default: withCtx(() => [
                        createVNode(_component_n_switch, {
                          value: __props.optionData.showArrow,
                          "onUpdate:value": _cache[11] || (_cache[11] = ($event) => __props.optionData.showArrow = $event),
                          size: "small"
                        }, null, 8, ["value"]),
                        createVNode(_component_n_text, null, {
                          default: withCtx(() => [
                            createTextVNode("箭头")
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                }),
                createVNode(unref(SettingItem), null, {
                  default: withCtx(() => [
                    createVNode(_component_n_space, null, {
                      default: withCtx(() => [
                        createVNode(_component_n_switch, {
                          value: __props.optionData.draggable,
                          "onUpdate:value": _cache[12] || (_cache[12] = ($event) => __props.optionData.draggable = $event),
                          size: "small"
                        }, null, 8, ["value"]),
                        createVNode(_component_n_text, null, {
                          default: withCtx(() => [
                            createTextVNode("拖曳切换")
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                })
              ]),
              _: 1
            })
          ]),
          _: 1
        })
      ], 64);
    };
  }
});
export {
  _sfc_main as default
};
