{"version":3,"file":"KrMultipleChoiceSetting.cjs","sources":["../../../../../packages/src/kr-multiple-choice-setting/KrMultipleChoiceSetting.vue"],"sourcesContent":["<template>\n    <div class=\"setting-box\">\n        <div class=\"setting-title\">选项设置</div>\n        <div class=\"setting-content\">\n            <div class=\"setting-content-item item-row\">\n                <span>选项随机显示</span>\n                <el-switch v-model=\"dataList.isRandom\" class=\"ml-2\" />\n            </div>\n            <div class=\"setting-content-item item-row\">\n                <span\n                    >选项排列\n                    <el-tooltip\n                        class=\"box-item\"\n                        effect=\"customized\"\n                        content=\"排序只针对电脑端设置生效，移动端不受此控制（注：移动端默认只显示纵向排列样式 ）。\"\n                        placement=\"top\"\n                    >\n                        <svg-icon name=\"tips\" class=\"icon\" />\n                    </el-tooltip>\n                </span>\n                <el-radio-group v-model=\"dataList.array\" size=\"small\">\n                    <el-radio-button label=\"1\">1列</el-radio-button>\n                    <el-radio-button label=\"2\">2列</el-radio-button>\n                    <el-radio-button label=\"3\">3列</el-radio-button>\n                </el-radio-group>\n            </div>\n            <div class=\"setting-content-item\">\n                <span>答题选择</span>\n                <div class=\"item-row\">\n                    <span>最多选择</span>\n                    <el-select v-model=\"dataList.maxChoiceNum\" class=\"m-2\" placeholder=\"Select\" size=\"large\">\n                        <el-option v-for=\"item in maxChoiceList\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\" />\n                    </el-select>\n                </div>\n                <div class=\"item-row\">\n                    <span>最少选择</span>\n                    <el-select v-model=\"dataList.minChoiceNum\" class=\"m-2\" placeholder=\"Select\" size=\"large\">\n                        <el-option v-for=\"item in minChoiceList\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\" />\n                    </el-select>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup name=\"kr-multiple-choice-setting\">\nconst props = defineProps({\n    dataList: {\n        type: Object,\n        default: () => ({}),\n    },\n});\nconst maxChoiceList = [\n    { label: \"不限制\", value: \"\" },\n    { label: \"3\", value: \"3\" },\n    { label: \"2\", value: \"2\" },\n    { label: \"1\", value: \"1\" },\n];\nconst minChoiceList = [\n    { label: \"1\", value: \"1\" },\n    { label: \"2\", value: \"2\" },\n    { label: \"3\", value: \"3\" },\n];\n</script>\n<style lang=\"scss\" scoped>\n@import \"@/css/setting.scss\";\n.item-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    .icon {\n        cursor: pointer;\n        font-size: 16px;\n    }\n    span {\n        flex-shrink: 0;\n    }\n}\n\n:deep(.el-select--large) {\n    width: 100%;\n    position: relative;\n    margin-left: 6px;\n}\n:deep(.el-select-dropdown__item) {\n    line-height: 44px;\n}\n</style>\n"],"names":["maxChoiceList","minChoiceList"],"mappings":"i6BAmDA,MAAAA,EAAA,CACA,CAAA,MAAA,MAAA,MAAA,EAAA,EACA,CAAA,MAAA,IAAA,MAAA,GAAA,EACA,CAAA,MAAA,IAAA,MAAA,GAAA,EACA,CAAA,MAAA,IAAA,MAAA,GAAA,CACA,EACAC,EAAA,CACA,CAAA,MAAA,IAAA,MAAA,GAAA,EACA,CAAA,MAAA,IAAA,MAAA,GAAA,EACA,CAAA,MAAA,IAAA,MAAA,GAAA,CACA"}