{"version":3,"file":"KrScoreSetting.cjs","sources":["../../../../../packages/src/kr-score-setting/KrScoreSetting.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-radio-group v-model=\"dataList.scoreType\" class=\"ml-4\" @change=\"typeChange\">\n                    <el-radio :label=\"1\" size=\"large\">单项</el-radio>\n                    <el-radio :label=\"2\" size=\"large\">多项</el-radio>\n                </el-radio-group>\n            </div>\n            <div class=\"setting-content-item item-row\">\n                <span>样式</span>\n                <div class=\"select-box\">\n                    <el-select ref=\"selectRef\" 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-number-s v-else-if=\"item.value === 'NumberS'\" :iconType=\"dataList.icon\" />\n                                <score-ruler style=\"margin-top: 15px\" v-else-if=\"item.value === 'Ruler'\" :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-number-s v-else-if=\"dataList.icon === 'NumberS'\" :iconType=\"dataList.icon\" />\n                        <score-ruler v-else-if=\"dataList.icon === 'Ruler'\" :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                <span>分值</span>\n                <div class=\"select-box\">\n                    <el-select v-model=\"dataList.score\" class=\"m-2\" placeholder=\"Select\" size=\"large\">\n                        <el-option v-for=\"item in scoreOptions\" :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\n                    v-model=\"dataList.showScoreExplain\"\n                    class=\"ml-2\"\n                    style=\"--el-switch-on-color: rgba(34, 64, 195, 1); --el-switch-off-color: #d8d8d8\"\n                />\n            </div>\n            <div class=\"setting-content-item\" v-show=\"dataList.showScoreExplain\">\n                <span>分值说明</span>\n                <div class=\"item-row\">\n                    <span>最低分</span>\n                    <div class=\"select-box\">\n                        <el-input v-model=\"dataList.miniScoreExplain\"></el-input>\n                    </div>\n                </div>\n                <div class=\"item-row\">\n                    <span>最高分</span>\n                    <div class=\"select-box\">\n                        <el-input class=\"score-input\" v-model=\"dataList.maxScoreExplain\"></el-input>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup name=\"kr-score-setting\">\nimport ScoreIcon from \"@/components/scoreIcon/Icon.vue\";\nimport ScoreNumber from \"@/components/scoreIcon/Number.vue\";\nimport ScoreNumberS from \"@/components/scoreIcon/NumberS.vue\";\nimport ScoreRuler from \"@/components/scoreIcon/Ruler.vue\";\n\nconst props = defineProps({\n    dataList: {\n        type: Object,\n        default: () => ({}),\n    },\n});\n\nlet scoreOptions = [\n    { label: \"5\", value: 5 },\n    { label: \"10\", value: 10, icon: \"\" },\n];\nlet 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    { label: \"Number\", value: \"NumberS\", icon: \"\" },\n    { label: \"Ruler\", value: \"Ruler\", icon: \"\" },\n];\nfunction typeChange(e) {\n    // 为1 展示请打分， 为2 展示请给以下各项打分，仅仅在未填写的情况下\n    if (e === 1) {\n        props.dataList.title = \"请打分\";\n    } else {\n        props.dataList.title = \"请给以下各项打分\";\n    }\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    width: 100%;\n    position: relative;\n    box-sizing: border-box;\n    margin-left: 6px;\n\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:deep(.score-input.el-input),\n:deep(.el-select--large) {\n    width: 100%;\n}\n\n:deep(.el-select-dropdown__item) {\n    line-height: 44px;\n}\n</style>\n"],"names":["scoreOptions","iconOptions","typeChange","e","props"],"mappings":"i+CA+EA,IAAAA,EAAA,CACA,CAAA,MAAA,IAAA,MAAA,CAAA,EACA,CAAA,MAAA,KAAA,MAAA,GAAA,KAAA,EAAA,CACA,EACAC,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,EACA,CAAA,MAAA,SAAA,MAAA,UAAA,KAAA,EAAA,EACA,CAAA,MAAA,QAAA,MAAA,QAAA,KAAA,EAAA,CACA,EACA,SAAAC,EAAAC,EAAA,CAEAA,IAAA,EACAC,EAAA,SAAA,MAAA,MAEAA,EAAA,SAAA,MAAA,UAEA"}