{"version":3,"file":"KrEvaluationSetting.cjs","sources":["../../../../../packages/src/kr-evaluation-setting/KrEvaluationSetting.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                            <div style=\"margin-top: 5px\">\n                                <score-number v-if=\"item.value === 'Number'\" :iconType=\"item.value\" />\n                                <score-icon v-else :iconType=\"item.value\" />\n                            </div>\n                        </el-option>\n                    </el-select>\n                    <div class=\"chose-icon\">\n                        <score-number v-if=\"dataList.icon === 'Number'\" :iconType=\"dataList.icon\" />\n                        <score-icon v-else :iconType=\"dataList.icon\" />\n                    </div>\n                </div>\n            </div>\n            <div class=\"setting-content-item item-row\">\n                <el-checkbox v-model=\"dataList.isInputComments\" label=\"输入评价\" size=\"large\" />\n            </div>\n            <div class=\"setting-content-item item-row\">\n                <el-checkbox v-model=\"dataList.isLeastOne\" label=\"至少选择一个标签\" size=\"large\" />\n            </div>\n        </div>\n    </div>\n</template>\n<script setup name=\"kr-evaluation-setting\">\nimport ScoreIcon from \"@/components/scoreIcon/Icon.vue\";\nimport ScoreNumber from \"@/components/scoreIcon/Number.vue\";\nimport ScoreRuler from \"@/components/scoreIcon/Ruler.vue\";\nconst props = defineProps({\n    dataList: {\n        type: Object,\n        default: () => ({}),\n    },\n});\n\nconst iconOptions = [\n    { label: \"Star\", value: \"Star\", icon: \"\" },\n    { label: \"Thumbs\", value: \"Thumbs\", icon: \"\" },\n    { label: \"Smile\", value: \"Smile\", icon: \"\" },\n    { label: \"Love\", value: \"Love\", icon: \"\" },\n    { label: \"Number\", value: \"Number\", icon: \"\" },\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}\n.select-box {\n    position: relative;\n    width: 100%;\n    margin-left: 6px;\n    .chose-icon {\n        position: absolute;\n        top: 50%;\n        left: 12px;\n        transform: translateY(-50%);\n        height: 30px;\n        background-color: #fff;\n        display: flex;\n        align-items: center;\n        pointer-events: none;\n    }\n}\n\n:deep(.el-select--large) {\n    width: 100%;\n    position: relative;\n}\n:deep(.el-select-dropdown__item) {\n    line-height: 44px;\n}\n:deep(.el-checkbox) {\n    height: 21px;\n}\n</style>\n"],"names":["iconOptions"],"mappings":"47BAyCA,MAAAA,EAAA,CACA,CAAA,MAAA,OAAA,MAAA,OAAA,KAAA,EAAA,EACA,CAAA,MAAA,SAAA,MAAA,SAAA,KAAA,EAAA,EACA,CAAA,MAAA,QAAA,MAAA,QAAA,KAAA,EAAA,EACA,CAAA,MAAA,OAAA,MAAA,OAAA,KAAA,EAAA,EACA,CAAA,MAAA,SAAA,MAAA,SAAA,KAAA,EAAA,CACA"}