{"version":3,"file":"ActionBar.cjs","sources":["../../../../../packages/components/action/ActionBar.vue"],"sourcesContent":["<template>\n    <div class=\"action-bar\">\n        <div class=\"action-bar_right\">\n            <div v-for=\"item in actionList\" :key=\"item.type\">\n                <el-tooltip class=\"box-item\" :content=\"item.name\" placement=\"top\" effect=\"customized\">\n                    <div class=\"action-box\">\n                        <div>\n                            <svg-icon v-if=\"item.type === 1\" :name=\"item.icon\" class=\"svg-icon move\" />\n                            <svg-icon v-else @click=\"item.onclick(item)\" :name=\"item.icon\" class=\"svg-icon\" />\n                        </div>\n                    </div>\n                </el-tooltip>\n            </div>\n        </div>\n        <slot name=\"operation\" />\n        <!-- 确认删除弹框 -->\n        <delete-dialog ref=\"deleteDialog\" @confirmDelete=\"confirmDelete\" />\n    </div>\n</template>\n<script setup>\nimport { ref, inject } from \"vue\";\nimport DeleteDialog from \"../dialog/DeleteDialog.vue\";\nconst emit = defineEmits([\"addCopy\", \"deleteQuestion\", \"view\"]);\nconst deleteDialog = ref(null);\nconst actionList = ref([\n    { type: 2, name: \"预览题目\", icon: \"views\", onclick: (e) => emit(\"view\", e) },\n    { type: 1, name: \"长按拖动题目进行排序\", icon: \"drag\", selectShow: false },\n    { type: 4, name: \"复制题目\", icon: \"copy\", onclick: () => addCopy() },\n    {\n        type: 5,\n        name: \"删除题目\",\n        icon: \"delete\",\n        selectShow: false,\n        onclick: (e) => deleteQuestion(e),\n    },\n]);\nconst itemView = (e) => {};\n// 复制\nconst addCopy = () => {\n    emit(\"addCopy\");\n};\n// 点击删除按钮\nconst deleteQuestion = () => {\n    deleteDialog.value.deleteDialogVisible = true;\n};\nconst confirmDelete = () => {\n    // 在最外层组件调用删除逻辑\n    emit(\"deleteQuestion\");\n};\n</script>\n<style>\n.el-popper.is-customized {\n    /* Set padding to ensure the height is 32px */\n    border: 1px solid rgba(34, 64, 195, 0.8);\n    background-color: #fff;\n}\n\n.el-popper.is-customized .el-popper__arrow::before {\n    border: 1px solid rgba(34, 64, 195, 0.8);\n    background-color: #fff;\n    right: 0;\n}\n</style>\n<style lang=\"scss\" scoped>\n@use \"@/css/reset.scss\" as *;\n.action-bar {\n    display: flex;\n    flex-direction: row-reverse;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n    .action-bar_right {\n        display: flex;\n        .action-box {\n            width: 30px;\n            height: 30px;\n            border-radius: 50%;\n            margin-left: 18px;\n            cursor: pointer;\n            .svg-icon {\n                width: 30px;\n                height: 30px;\n            }\n        }\n    }\n}\n</style>\n"],"names":["deleteDialog","ref","actionList","e","emit","addCopy","deleteQuestion","confirmDelete"],"mappings":"gcAuBA,MAAAA,EAAAC,EAAAA,IAAA,IAAA,EACAC,EAAAD,EAAAA,IAAA,CACA,CAAA,KAAA,EAAA,KAAA,OAAA,KAAA,QAAA,QAAAE,GAAAC,EAAA,OAAAD,CAAA,CAAA,EACA,CAAA,KAAA,EAAA,KAAA,aAAA,KAAA,OAAA,WAAA,EAAA,EACA,CAAA,KAAA,EAAA,KAAA,OAAA,KAAA,OAAA,QAAA,IAAAE,GAAA,EACA,CACA,KAAA,EACA,KAAA,OACA,KAAA,SACA,WAAA,GACA,QAAAF,GAAAG,EAAA,CACA,CACA,CAAA,EAGAD,EAAA,IAAA,CACAD,EAAA,SAAA,CACA,EAEAE,EAAA,IAAA,CACAN,EAAA,MAAA,oBAAA,EACA,EACAO,EAAA,IAAA,CAEAH,EAAA,gBAAA,CACA"}