{"version":3,"file":"KrDateSetting.cjs","sources":["../../../../../packages/src/kr-date-setting/KrDateSetting.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                    <el-select v-model=\"dataList.dateFormat\" class=\"m-2\" style=\"width: 100%; height: 35px\" placeholder=\"Select\" size=\"large\">\n                        <el-option v-for=\"item in dateTypeList\" :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-date-setting\">\nconst props = defineProps({\n    dataList: {\n        type: Object,\n        default: () => ({}),\n    },\n});\n\nconst dateTypeList = [\n    { label: \"包含年月日（如2022年3月1日）\", value: \"D\" },\n    { label: \"包含年月（如2022年3月）\", value: \"M\" },\n    { label: \"包含年（如2022年）\", value: \"Y\" },\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: 230px;\n    position: relative;\n}\n:deep(.el-select-dropdown__item) {\n    line-height: 44px;\n}\n</style>\n"],"names":["dateTypeList"],"mappings":"ioBAuBA,MAAAA,EAAA,CACA,CAAA,MAAA,oBAAA,MAAA,GAAA,EACA,CAAA,MAAA,iBAAA,MAAA,GAAA,EACA,CAAA,MAAA,cAAA,MAAA,GAAA,CACA"}