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, createBlock, withCtx, createVNode } 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) {
    return (_ctx, _cache) => {
      const _component_n_input_number = resolveComponent("n-input-number");
      const _component_n_color_picker = resolveComponent("n-color-picker");
      const _component_n_select = resolveComponent("n-select");
      return openBlock(), createBlock(unref(_sfc_main$1), {
        name: "翻牌",
        expanded: true
      }, {
        default: withCtx(() => [
          createVNode(unref(SettingItemBox), { name: "内容" }, {
            default: withCtx(() => [
              createVNode(unref(SettingItem), { name: "初始值" }, {
                default: withCtx(() => [
                  createVNode(_component_n_input_number, {
                    value: __props.optionData.dataset,
                    "onUpdate:value": _cache[0] || (_cache[0] = ($event) => __props.optionData.dataset = $event),
                    size: "small",
                    min: 0
                  }, null, 8, ["value"])
                ]),
                _: 1
              }),
              createVNode(unref(SettingItem), { name: "翻牌个数" }, {
                default: withCtx(() => [
                  createVNode(_component_n_input_number, {
                    value: __props.optionData.flipperLength,
                    "onUpdate:value": _cache[1] || (_cache[1] = ($event) => __props.optionData.flipperLength = $event),
                    size: "small",
                    min: 1
                  }, null, 8, ["value"])
                ]),
                _: 1
              })
            ]),
            _: 1
          }),
          createVNode(unref(SettingItemBox), { name: "样式" }, {
            default: withCtx(() => [
              createVNode(unref(SettingItem), { name: "宽度" }, {
                default: withCtx(() => [
                  createVNode(_component_n_input_number, {
                    value: __props.optionData.flipperWidth,
                    "onUpdate:value": _cache[2] || (_cache[2] = ($event) => __props.optionData.flipperWidth = $event),
                    size: "small",
                    min: 1
                  }, null, 8, ["value"])
                ]),
                _: 1
              }),
              createVNode(unref(SettingItem), { name: "高度" }, {
                default: withCtx(() => [
                  createVNode(_component_n_input_number, {
                    value: __props.optionData.flipperHeight,
                    "onUpdate:value": _cache[3] || (_cache[3] = ($event) => __props.optionData.flipperHeight = $event),
                    size: "small",
                    min: 1
                  }, null, 8, ["value"])
                ]),
                _: 1
              }),
              createVNode(unref(SettingItem), { name: "边框" }, {
                default: withCtx(() => [
                  createVNode(_component_n_input_number, {
                    value: __props.optionData.flipperBorderWidth,
                    "onUpdate:value": _cache[4] || (_cache[4] = ($event) => __props.optionData.flipperBorderWidth = $event),
                    size: "small",
                    min: 0,
                    max: 10
                  }, null, 8, ["value"])
                ]),
                _: 1
              }),
              createVNode(unref(SettingItem), { name: "圆角" }, {
                default: withCtx(() => [
                  createVNode(_component_n_input_number, {
                    value: __props.optionData.flipperRadius,
                    "onUpdate:value": _cache[5] || (_cache[5] = ($event) => __props.optionData.flipperRadius = $event),
                    size: "small",
                    min: 0
                  }, null, 8, ["value"])
                ]),
                _: 1
              }),
              createVNode(unref(SettingItem), { name: "翻牌间隔" }, {
                default: withCtx(() => [
                  createVNode(_component_n_input_number, {
                    value: __props.optionData.flipperGap,
                    "onUpdate:value": _cache[6] || (_cache[6] = ($event) => __props.optionData.flipperGap = $event),
                    size: "small",
                    min: 0
                  }, null, 8, ["value"])
                ]),
                _: 1
              }),
              createVNode(unref(SettingItem)),
              createVNode(unref(SettingItem), { name: "背景色" }, {
                default: withCtx(() => [
                  createVNode(_component_n_color_picker, {
                    size: "small",
                    "show-alpha": false,
                    modes: ["hex"],
                    value: __props.optionData.flipperBgColor,
                    "onUpdate:value": _cache[7] || (_cache[7] = ($event) => __props.optionData.flipperBgColor = $event)
                  }, null, 8, ["value"])
                ]),
                _: 1
              }),
              createVNode(unref(SettingItem), { name: "字体色" }, {
                default: withCtx(() => [
                  createVNode(_component_n_color_picker, {
                    size: "small",
                    modes: ["hex"],
                    value: __props.optionData.flipperTextColor,
                    "onUpdate:value": _cache[8] || (_cache[8] = ($event) => __props.optionData.flipperTextColor = $event)
                  }, null, 8, ["value"])
                ]),
                _: 1
              })
            ]),
            _: 1
          }),
          createVNode(unref(SettingItemBox), { name: "行为" }, {
            default: withCtx(() => [
              createVNode(unref(SettingItem), { name: "动画" }, {
                default: withCtx(() => [
                  createVNode(_component_n_select, {
                    value: __props.optionData.flipperType,
                    "onUpdate:value": _cache[9] || (_cache[9] = ($event) => __props.optionData.flipperType = $event),
                    size: "small",
                    options: [
                      { label: "下翻", value: "down" },
                      { label: "上翻", value: "up" }
                    ]
                  }, null, 8, ["value"])
                ]),
                _: 1
              }),
              createVNode(unref(SettingItem), { name: "翻牌速度(毫秒)" }, {
                default: withCtx(() => [
                  createVNode(_component_n_input_number, {
                    value: __props.optionData.flipperSpeed,
                    "onUpdate:value": _cache[10] || (_cache[10] = ($event) => __props.optionData.flipperSpeed = $event),
                    size: "small",
                    min: 100,
                    max: 900,
                    step: 100
                  }, null, 8, ["value"])
                ]),
                _: 1
              })
            ]),
            _: 1
          })
        ]),
        _: 1
      });
    };
  }
});
export {
  _sfc_main as default
};
