{"version":3,"file":"KrFillBlankSetting.cjs","sources":["../../../../../packages/src/kr-fill-blank-setting/KrFillBlankSetting.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\">\n                <div>回答形式</div>\n                <div class=\"type-box\">\n                    <div class=\"type-box1\" @click=\"choseType('1')\" :style=\"dataList.answerType == '1' ? choseStyle : {}\">手动输入</div>\n                    <div class=\"type-box1\" @click=\"choseType('2')\" :style=\"dataList.answerType == '2' ? choseStyle : {}\">语音</div>\n                </div>\n            </div>\n            <div class=\"setting-content-item\">\n                <div>输入类型</div>\n                <el-radio-group :disabled=\"noEdit\" v-model=\"dataList.inputBoxType\" size=\"small\">\n                    <el-radio label=\"1\">单行文本</el-radio>\n                    <el-radio label=\"2\">多行文本</el-radio>\n                </el-radio-group>\n            </div>\n            <div class=\"setting-content-item\">\n                <div>字符限制</div>\n                <div class=\"type-box\">\n                    <div class=\"limit-box1\">\n                        <el-input-number :disabled=\"noEdit\" v-model=\"dataList.leastNumber\" :controls=\"false\" :step=\"1\" size=\"large\" step-strictly />\n                    </div>\n                    <span style=\"margin: 0 10px; line-height: 35px\">-</span>\n                    <div class=\"limit-box1\">\n                        <el-input-number :disabled=\"noEdit\" v-model=\"dataList.MaxNumber\" :controls=\"false\" :step=\"1\" step-strictly />\n                    </div>\n                </div>\n            </div>\n            <div class=\"setting-content-item\">\n                <div>占位文字</div>\n                <div class=\"type-box\">\n                    <el-input :disabled=\"noEdit\" v-model=\"dataList.placeHolderText\" placeholder=\"请输入回答内容\" />\n                </div>\n            </div>\n            <div class=\"setting-content-item\">\n                <div>\n                    填写内容限制\n                    <el-tooltip class=\"box-item\" effect=\"customized\" content=\"选择文本输入框可输入的内容类型\" placement=\"top\">\n                        <svg-icon name=\"tips\" class=\"icon\" />\n                    </el-tooltip>\n                </div>\n                <div class=\"type-box\">\n                    <el-select\n                        v-model=\"dataList.contentLimit\"\n                        :disabled=\"noEdit\"\n                        class=\"m-2\"\n                        style=\"width: 100%; height: 35px\"\n                        placeholder=\"Select\"\n                        size=\"large\"\n                    >\n                        <el-option v-for=\"item in limitList\" :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-fill-blank-setting\">\nconst props = defineProps({\n    dataList: {\n        type: Object,\n        default: () => ({}),\n    },\n    // 文本框是否可编辑\n    noEdit: {\n        type: Boolean,\n        default: false,\n    },\n});\nconst choseStyle = {\n    color: \"rgba(34, 64, 195, 1)\",\n    background: \"rgba(127, 148, 242, 0.1)\",\n    border: \"1px solid rgba(127, 148, 242, 1)\",\n};\nconst limitList = [\n    { label: \"不限制\", value: \"\" },\n    { label: \"文字\", value: \"T\" },\n    { label: \"数字\", value: \"N\" },\n    { label: \"字母\", value: \"E\" },\n    { label: \"日期\", value: \"D\" },\n    { label: \"姓名\", value: \"N\" },\n    { label: \"手机号码\", value: \"P\" },\n    { label: \"邮箱\", value: \"M\" },\n];\n\n// 选择输入类型\nfunction choseType(type) {\n    props.dataList.answerType = type;\n}\n</script>\n<style lang=\"scss\" scoped>\n@import \"@/css/setting.scss\";\n:deep(.el-radio) {\n    margin-right: 60px;\n}\n:deep(.el-input-number) {\n    width: 98px;\n}\n.type-box {\n    display: flex;\n    margin-top: 8px;\n    .type-box1 {\n        width: 98px;\n        height: 35px;\n        line-height: 35px;\n        text-align: center;\n        opacity: 1;\n        border-radius: 4px;\n        background: rgba(255, 255, 255, 1);\n        border: 1px solid rgba(229, 232, 238, 1);\n        cursor: pointer;\n        &:first-child {\n            margin-right: 30px;\n        }\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-input__inner) {\n    height: 33px;\n}\n</style>\n"],"names":["choseStyle","limitList","choseType","type","props"],"mappings":"gqCAuEAA,EAAA,CACA,MAAA,uBACA,WAAA,2BACA,OAAA,kCACA,EACAC,EAAA,CACA,CAAA,MAAA,MAAA,MAAA,EAAA,EACA,CAAA,MAAA,KAAA,MAAA,GAAA,EACA,CAAA,MAAA,KAAA,MAAA,GAAA,EACA,CAAA,MAAA,KAAA,MAAA,GAAA,EACA,CAAA,MAAA,KAAA,MAAA,GAAA,EACA,CAAA,MAAA,KAAA,MAAA,GAAA,EACA,CAAA,MAAA,OAAA,MAAA,GAAA,EACA,CAAA,MAAA,KAAA,MAAA,GAAA,CACA,EAGA,SAAAC,EAAAC,EAAA,CACAC,EAAA,SAAA,WAAAD,CACA"}