{"version":3,"file":"RichTextType.cjs","sources":["../../../../../packages/components/editor/RichTextType.vue"],"sourcesContent":["<template>\n    <div>\n        <ul class=\"rich-text-type\">\n            <li class=\"item\">\n                <input ref=\"file\" type=\"file\" class=\"input-file\" @change=\"uploadChange\" />\n                <div class=\"hign-edit\" style=\"width: 80px\" @mousedown.prevent=\"uploadImg\">\n                    插入图片\n                    <div class=\"icon icon1\"></div>\n                </div>\n            </li>\n            <li class=\"item\">\n                <div class=\"hign-edit\" style=\"width: 100px\" @mousedown.prevent=\"openFullEditor\">\n                    富文本编辑器\n                    <div class=\"icon icon2\"></div>\n                </div>\n            </li>\n            <li class=\"item\">\n                <div class=\"hign-edit\" style=\"width: 80px\" @mousedown.prevent=\"insertQuote\">\n                    插入引用\n                    <div class=\"icon icon3\"></div>\n                </div>\n            </li>\n        </ul>\n    </div>\n</template>\n<script setup>\nimport { ref } from \"vue\";\n\nconst props = defineProps([\"editElement\"]);\nconst emits = defineEmits([\"operationDialog\"]);\n\n// 图片上传；\nconst file = ref(null);\n\nfunction uploadChange(e) {\n    // 前面做上传限制判断\n    let reader = new FileReader();\n    reader.onload = function (event) {\n        let spanString = `<img src=\"${event.target.result}\" style=\"max-width: 100%\" />`;\n        document.execCommand(\"insertHTML\", false, spanString);\n        props.editElement.blur();\n    };\n    reader.readAsDataURL(e.target.files[0]);\n}\nfunction uploadImg() {\n    // 在上传之前线清空上一个文件\n    file.value.value = \"\";\n    file.value.click();\n}\nfunction openFullEditor(event) {\n    emits(\"operationDialog\", true);\n}\n\nfunction insertQuote(event) {}\n</script>\n<style lang=\"scss\" scoped>\n.rich-text-type {\n    height: 43px;\n    display: flex;\n    z-index: 4;\n    background-image: url(@/images/icon/Union@3x.png);\n    background-size: 100% 100%;\n    padding: 2px 5px;\n    padding-top: 5px;\n    color: rgba(112, 120, 134, 1);\n    -webkit-user-select: none; /* 禁止 DIV 中的文本被鼠标选中 */\n    -moz-user-select: none; /* 禁止 DIV 中的文本被鼠标选中 */\n    -ms-user-select: none; /* 禁止 DIV 中的文本被鼠标选中 */\n    user-select: none; /* 禁止 DIV 中的文本被鼠标选中 */\n    li.item {\n        min-width: 30px;\n        height: 26px;\n        line-height: 26px;\n        text-align: center;\n        padding: 0 5px;\n        position: relative;\n        .hign-edit {\n            padding-left: 19px;\n            position: relative;\n            font-size: 12px;\n            .icon {\n                width: 11px;\n                height: 11px;\n                position: absolute;\n                top: 56%;\n                left: 2px;\n                transform: translateY(-50%);\n                background-size: 100% 100%;\n            }\n            .icon1 {\n                background-image: url(@/images/icon/tupian@3x.png);\n            }\n            .icon2 {\n                background-image: url(@/images/icon/fuwenben@3x.png);\n            }\n            .icon3 {\n                background-image: url(@/images/icon/yinyong@3x.png);\n            }\n        }\n        .input-file {\n            display: none;\n        }\n        &:hover {\n            background-color: rgba(0, 0, 0, 0.1);\n            cursor: pointer;\n        }\n    }\n}\n</style>\n"],"names":["file","ref","uploadChange","e","reader","event","spanString","props","uploadImg","openFullEditor","emits","insertQuote"],"mappings":"gtBAgCAA,EAAAC,EAAAA,IAAA,IAAA,EAEA,SAAAC,EAAAC,EAAA,CAEA,IAAAC,EAAA,IAAA,WACAA,EAAA,OAAA,SAAAC,EAAA,CACA,IAAAC,EAAA,aAAAD,EAAA,OAAA,qCACA,SAAA,YAAA,aAAA,GAAAC,CAAA,EACAC,EAAA,YAAA,MACA,EACAH,EAAA,cAAAD,EAAA,OAAA,MAAA,CAAA,CAAA,CACA,CACA,SAAAK,GAAA,CAEAR,EAAA,MAAA,MAAA,GACAA,EAAA,MAAA,OACA,CACA,SAAAS,EAAAJ,EAAA,CACAK,EAAA,kBAAA,EAAA,CACA,CAEA,SAAAC,EAAAN,EAAA,CAAA"}