{"version":3,"file":"KrCesSetting.cjs","sources":["../../../../../packages/src/kr-ces-setting/KrCesSetting.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                <div class=\"select-box\">\n                    <el-select v-model=\"dataList.icon\" class=\"m-2\" placeholder=\"Select\" size=\"large\">\n                        <el-option v-for=\"item in iconOptions\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\" />\n                    </el-select>\n                </div>\n            </div>\n            <div class=\"setting-content-item item-row\">\n                <span>显示分值说明</span>\n                <el-switch v-model=\"dataList.showScoreExplain\" class=\"ml-2\" />\n            </div>\n            <div class=\"setting-content-item\" v-show=\"dataList.showScoreExplain\">\n                <span>分值说明</span>\n                <div class=\"item-row\" v-for=\"(item, index) in 7\">\n                    <span class=\"score\">{{ index + 1 }}分</span>\n                    <div class=\"select-box\">\n                        <el-input class=\"score-input\" v-model=\"dataList[`score${index + 1}`]\"></el-input>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup name=\"kr-ces-setting\">\nconst props = defineProps({\n    dataList: {\n        type: Object,\n        default: () => ({}),\n    },\n});\nconst iconOptions = [\n    { label: \"圆型数字\", value: \"1\" },\n    { label: \"方型数字\", value: \"2\" },\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    span {\n        flex-shrink: 0;\n    }\n    span.score {\n        font-size: 14px;\n        font-weight: 400;\n        color: rgba(183, 186, 191, 1);\n    }\n    .select-box {\n        width: 100%;\n        margin-left: 6px;\n    }\n}\n\n:deep(.el-select--large),\n:deep(.score-input.el-input) {\n    width: 100%;\n    position: relative;\n}\n:deep(.el-select-dropdown__item) {\n    line-height: 44px;\n}\n</style>\n"],"names":["iconOptions"],"mappings":"83BAmCA,MAAAA,EAAA,CACA,CAAA,MAAA,OAAA,MAAA,GAAA,EACA,CAAA,MAAA,OAAA,MAAA,GAAA,CACA"}