{"version":3,"file":"KrNpsSetting.cjs","sources":["../../../../../packages/src/kr-nps-setting/KrNpsSetting.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\">\n                    <span>0分</span>\n                    <div class=\"select-box\">\n                        <el-input class=\"score-box\" v-model=\"dataList.miniScoreExplain\"></el-input>\n                    </div>\n                </div>\n                <div class=\"item-row\">\n                    <span>10分</span>\n                    <div class=\"select-box\">\n                        <el-input class=\"score-box\" v-model=\"dataList.maxScoreExplain\"></el-input>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup name=\"kr-nps-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\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, .score-box.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":"+/BAyCA,MAAAA,EAAA,CACA,CAAA,MAAA,OAAA,MAAA,GAAA,EACA,CAAA,MAAA,OAAA,MAAA,GAAA,CACA"}