yks-element 1.0.322 → 1.0.792

package/packages/Topic/src/config.js

@@ -1,132 +0,0 @@
-/**
- * uploadRecording 录音
- * uploadVideo 视频
- * uploadAudio 音频
- * uploadFile 文件
- */
-
-export const toolbar = [
-    'bold underline italic strikethrough | kityformula-editor subscript superscript charmap | link image | table | removeformat | uploadRecording uploadVideo uploadAudio uploadFile'
-]
-
-/* 选项、填空等 */
-export const toolbarSpare = ['kityformula-editor subscript superscript charmap']
-
-/* 插件 */
-export const plugins = ['kityformula-editor powerpaste lists image media table charmap imagetools']
-
-/* 选项字符 */
-export const letter = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N']
-
-/* 自定义添加菜单项（录音、上传视频、上传音乐、上传文件）：题干 / 标题 - 类型 */
-export const stemItemType = {
-    recording: 'stem_voiceRecord',
-    video: 'stem_video',
-    audio: 'stem_audio',
-    file: 'stem_document'
-}
-
-/* 自定义添加菜单项（录音、上传视频、上传音乐、上传文件）： 标准答案 - 类型 */
-export const shortItemType = {
-    recording: 'answer_voiceRecord',
-    video: 'answer_video',
-    audio: 'answer_audio',
-    file: 'answer_document'
-}
-
-/* 自定义添加菜单项（录音、上传视频、上传音乐、上传文件）： 选项  - 类型 */
-export const optionItemType = {
-    recording: 'option_voiceRecord',
-    video: 'option_video',
-    audio: 'option_audio',
-    file: 'option_document'
-}
-
-/* 自定义添加菜单项（录音、上传视频、上传音乐、上传文件）： 答案解析 - 类型 */
-export const analysisItemType = {
-    recording: 'description_voiceRecord',
-    video: 'description_video',
-    audio: 'description_audio',
-    file: 'description_document'
-}
-
-/**
- * 获取题类型
- * @param {string} type
- * @return {Object}
- */
-export const getFileType = (type, data) => {
-    if (data) {
-        let params = {}
-        switch (type) {
-            case 'stem':
-                params = {
-                    stem_voiceRecord: 'recording',
-                    stem_video: 'video',
-                    stem_audio: 'audio',
-                    stem_document: 'file'
-                }
-                break
-            case 'answer':
-                params = {
-                    answer_voiceRecord: 'recording',
-                    answer_video: 'video',
-                    answer_audio: 'audio',
-                    answer_document: 'file'
-                }
-                break
-            case 'option':
-                params = {
-                    option_voiceRecord: 'recording',
-                    option_video: 'video',
-                    option_audio: 'audio',
-                    option_document: 'file'
-                }
-                break
-            case 'analysis':
-                params = {
-                    description_voiceRecord: 'recording',
-                    description_video: 'video',
-                    description_audio: 'audio',
-                    description_document: 'file'
-                }
-                break
-        }
-        const fileType = params[data.type]
-
-        return {
-            ...data,
-            fileType
-        }
-    }
-    return false
-}
-
-export const itemDataLists = () => {
-    return [
-        {
-            optionName: 'A',
-            content: '',
-            optionAttrs: [],
-            score: ''
-        },
-        {
-            optionName: 'B',
-            content: '',
-            optionAttrs: [],
-            score: ''
-        },
-        {
-            optionName: 'C',
-            content: '',
-            optionAttrs: [],
-            score: ''
-        },
-        {
-            optionName: 'D',
-            content: '',
-            optionAttrs: [],
-            score: ''
-        }
-    ]
-}

package/packages/Topic/src/fillInBlanks.vue

@@ -1,272 +0,0 @@
-<template>
-    <div class="single">
-        <div class="single-stem__label required__label">题干</div>
-        <yks-tinymce
-            ref="stemTinymceEdit"
-            key="itemContent"
-            :value="fromData.itemContent"
-            :toolbar="toolbar"
-            :plugins="plugins"
-            :charLimit="topicDataExtent.itemContentLength || 20000"
-            
-            :fileParams="getFileTypes('stem', fromData.stemAttrs)"
-            :uploadFileToHwCloud="uploadFileToHwCloud"
-            :uploadFileFunction="uploadFileFunction"
-            menubar=""
-            height="200px"
-            @change="($event) => getTinymceEdit($event, 'stem')"
-            @delte="($event) => handleDelteAttrs($event, 'stem', fromData.stemAttrs)"
-        />
-        <div class="yks-flex yks-mt10">
-            <el-button type="primary" class="yks-mr10" @click="handleFillInBlanks"
-                >插入填空符</el-button
-            >
-            <span class="yks-fs-12 info">请在题干中你需要的位置插入填空符，并在下方编辑对应答案</span>
-        </div>
-
-        <div class="yks-flex single-single">
-            <span class="single-single__label required__label">答案</span>
-            <span class="yks-fs-12 yks-info">考生需要在每个空内输入正确的答案</span>
-        </div>
-        <div
-            v-for="(item, index) in fromData.itemList"
-            :key="`itemList${index}`"
-            class="yks-flex yks-mb10 v-start"
-        >
-            <span class="yks-w_60 yks-mr10">填空{{ index + 1 }}</span>
-            <yks-tinymce
-                key="content"
-                :value="item.content"
-                :toolbar="toolbarSpare"
-                :plugins="plugins"
-                :charLimit="topicDataExtent.answerLength || 5000"
-                
-                :fileParams="getFileTypes('option', item.optionAttrs)"
-                :uploadFileToHwCloud="uploadFileToHwCloud"
-                :uploadFileFunction="uploadFileFunction"
-                inline
-                height="60px"
-                menubar=""
-                class="flex-1 radio-tinymce"
-                @change="($event) => changeItem($event, item)"
-                @delte="($event) => handleDelteAttrs($event, 'option', item.optionAttrs, item)"
-            />
-            <el-input-number
-                v-model="item.score"
-                controls-position="right"
-                placeholder="分值"
-                class="yks-mr10"
-                size="large"
-                :min="0"
-                :step="0.5"
-                :max="100"
-            ></el-input-number>
-            <el-button type="text" class="yks-danger" @click="handleDelte(index)">删除</el-button>
-        </div>
-
-        <div class="fill__other">
-            <div class="text__warning">
-                1、如果勾选考生端开启数学公式编辑器，在PC端考生答题页面，本题答题区域考生可以使用数据公式编辑器。
-                <br />
-                2、如果勾选按答案自动判分，需要考生填写内容须跟答案完全相同，才能得分，录入答案时，请不要加多余的空格标点符号等干扰字符，考生考后系统自动出分。
-                <br />
-                3、如果没有勾选按答案自动判分，考生答卷需等待管理员后台手工判分。
-            </div>
-            <div class="yks-mt10">
-                <el-checkbox v-model="fromData.mathematical"
-                    >开启数学公式编辑器（只适用于PC端答题）</el-checkbox
-                >
-                <div class="yks-mt10">
-                    <el-checkbox v-model="fromData.automaticScoring" true-label="1" false-label="0"
-                        >按答案自动判分</el-checkbox
-                    >
-                </div>
-                <div v-if="fromData.automaticScoring === '1'" class="yks-mt10">
-                    <el-checkbox v-model="fromData.outOfOrder" true-label="1" false-label="0"
-                        >允许考生答案与参考答案顺序不一致</el-checkbox
-                    >
-                    <el-checkbox v-model="fromData.neglect" true-label="1" false-label="0"
-                        >忽略大小写</el-checkbox
-                    >
-                </div>
-            </div>
-        </div>
-
-        <div class="single-stem__label">答案解析</div>
-        <yks-tinymce
-            key="description"
-            :value="fromData.description"
-            :toolbar="toolbar"
-            :plugins="plugins"
-            :charLimit="topicDataExtent.descriptionLength || 20000"
-            
-            :fileParams="getFileTypes('analysis', fromData.descriptionAttrs)"
-            :uploadFileToHwCloud="uploadFileToHwCloud"
-            :uploadFileFunction="uploadFileFunction"
-            menubar=""
-            height="200px"
-            @change="($event) => getTinymceEdit($event, 'analysis')"
-            @delte="($event) => handleDelteAttrs($event, 'analysis', fromData.descriptionAttrs)"
-        />
-    </div>
-</template>
-<script>
-import YksTinymce from '../../Tinymce/index'
-import TopicMixins from '../../assets/mixins/topic'
-import { stemItemType, optionItemType, analysisItemType } from './config'
-
-export default {
-    name: 'YksFillinblanks',
-    components: { YksTinymce },
-    mixins: [TopicMixins],
-    methods: {
-        /**
-         * data 富文本数据
-         * field 对象名
-         * type 类型
-         */
-        getTinymceEdit(data, type) {
-            switch (type) {
-                case 'stem':
-                    data.itemAttr.type = stemItemType[data.itemAttr.type]
-                    if (data.itemAttr.type && data.itemAttr.content) {
-                        this.fromData.stemAttrs.push(data.itemAttr)
-                    }
-                    // eslint-disable-next-line no-case-declarations
-                    const list = data.value.match(/<input ([^>|]+)>/g, '') || []
-                    // eslint-disable-next-line no-case-declarations
-                    const editor = this.$refs.stemTinymceEdit
-                    if ((this.fromData.itemList || []).length !== list.length && !this.processing) {
-                        const { itemContent } = this.fromData
-                        this.$message.error('请从下方填空符删除！')
-                        this.fromData.itemContent = itemContent.replace(
-                            /<input ([^>|]+)\/>/g,
-                            (all, value) => {
-                                const attributes = value.replace('disabled="disabled"', '')
-                                return `<input ${attributes} disabled="disabled" />`
-                            }
-                        )
-                        this.$nextTick(() => {
-                            editor.keepLastIndex()
-                        })
-                    } else {
-                        this.fromData.itemContent = data.value
-                    }
-                    break
-                case 'analysis':
-                    data.itemAttr.type = analysisItemType[data.itemAttr.type]
-                    this.fromData.description = data.value
-                    if (data.itemAttr.type && data.itemAttr.content) {
-                        this.fromData.descriptionAttrs.push(data.itemAttr)
-                    }
-                    break
-                default:
-                    break
-            }
-            this.$emit('change', this.fromData)
-        },
-
-        changeItem(data, row) {
-            data.itemAttr.type = optionItemType[data.itemAttr.type]
-            if (data.itemAttr.type && data.itemAttr.content) {
-                row.optionAttrs.push(data.itemAttr)
-                this.$set(row, 'optionAttrs', row.optionAttrs)
-            }
-            this.$set(row, 'content', data.value)
-            this.$emit('change', this.fromData)
-        },
-
-        handleDelte(index) {
-            const list = this.fromData.itemContent.match(/<input ([^>|]+)>/g, '') || []
-            const classId = this.fromData.itemList[index].classId
-            if (classId) {
-                const subIndex = list.findIndex((v) => v.search(classId) !== -1)
-                this.fromData.itemList.splice(index, 1)
-                const editor = this.$refs.stemTinymceEdit
-                editor.deleFillItem(subIndex)
-            } else {
-                this.fromData.itemList.splice(index, 1)
-                const editor = this.$refs.stemTinymceEdit
-                editor.deleFillItem(index)
-            }
-
-            this.$emit('change', this.fromData)
-        },
-
-        handleFillInBlanks() {
-            if (this.fromData.itemList.length >= 40) {
-                return
-            }
-            const value = Date.now()
-            this.processing = true
-            const editor = this.$refs.stemTinymceEdit
-            editor.handleFillInBlanks(this.fromData.itemList.length, value)
-            const { itemContent } = this.fromData
-            let index = 0
-            this.fromData.itemContent = itemContent.replace(/<input ([^>|]+)\/>/g, (all, value) => {
-                index += 1
-                return `<input value="${index}" ${value} />`
-            })
-            const list = this.fromData.itemContent.match(/<input ([^>|]+)>/g, '') || []
-            const subIndex = list.findIndex((v) => v.search(value) !== -1)
-            this.fromData.itemList.splice(subIndex, 0, {
-                optionName: '',
-                content: '',
-                score: '',
-                optionAttrs: [],
-                classId: value
-            })
-            this.$nextTick(() => {
-                editor.keepLastIndex()
-                this.$emit('change', this.fromData)
-            })
-            this.processing = false
-        },
-
-        handleDelteAttrs(data, type, list, row = {}) {
-            const listAttrs = list
-            listAttrs.splice(data.index, 1)
-            switch (type) {
-                case 'stem':
-                    this.fromData.stemAttrs = listAttrs
-                    break
-                case 'option':
-                    this.$set(row, 'optionAttrs', listAttrs)
-                    break
-                case 'analysis':
-                    this.fromData.descriptionAttrs = listAttrs
-                    break
-                default:
-                    break
-            }
-            this.$emit('change', this.fromData)
-        }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-.single-single {
-    margin: 30px 0;
-    .single-single__label {
-        font-weight: 700;
-        font-size: 18px;
-        width: 100px;
-    }
-}
-.single-stem__label {
-    font-weight: 700;
-    font-size: 18px;
-    margin: 30px 0;
-}
-.radio-tinymce {
-    font-size: 14px;
-    margin-right: 20px;
-}
-
-::v-deep {
-    .el-radio-group {
-        display: block;
-    }
-}
-</style>

package/packages/Topic/src/judgment.vue

@@ -1,140 +0,0 @@
-<template>
-    <div class="single">
-        <div class="single-stem__label required__label">题干</div>
-        <yks-tinymce
-            key="itemContent"
-            :value="fromData.itemContent"
-            :toolbar="toolbar"
-            :plugins="plugins"
-            :charLimit="topicDataExtent.itemContentLength || 20000"
-            
-            :fileParams="getFileTypes('stem', fromData.stemAttrs)"
-            :uploadFileToHwCloud="uploadFileToHwCloud"
-            :uploadFileFunction="uploadFileFunction"
-            menubar=""
-            height="200px"
-            @change="($event) => getTinymceEdit($event, 'stem')"
-            @delte="($event) => handleDelteAttrs($event, 'stem', fromData.stemAttrs)"
-        />
-
-        <div class="yks-flex single-single">
-            <span class="single-single__label required__label">选项</span>
-            <span class="yks-fs-12 yks-info">请选择正确的判断项</span>
-        </div>
-        <el-radio-group v-model="fromData.answer">
-            <el-radio label="1">对</el-radio>
-            <el-radio label="0">错</el-radio>
-        </el-radio-group>
-        <div class="single-stem__label">答案解析</div>
-        <yks-tinymce
-            key="description"
-            :value="fromData.description"
-            :toolbar="toolbar"
-            :plugins="plugins"
-            :charLimit="topicDataExtent.descriptionLength || 20000"
-            
-            :fileParams="getFileTypes('analysis', fromData.descriptionAttrs)"
-            :uploadFileToHwCloud="uploadFileToHwCloud"
-            :uploadFileFunction="uploadFileFunction"
-            menubar=""
-            height="200px"
-            @change="($event) => getTinymceEdit($event, 'analysis')"
-            @delte="($event) => handleDelteAttrs($event, 'analysis', fromData.descriptionAttrs)"
-        />
-    </div>
-</template>
-<script>
-import YksTinymce from '../../Tinymce/index'
-import TopicMixins from '../../assets/mixins/topic'
-import { letter, stemItemType, analysisItemType } from './config'
-
-export default {
-    name: 'YksJudgment',
-    components: { YksTinymce },
-    mixins: [TopicMixins],
-    methods: {
-        /**
-         * data 富文本数据
-         * field 对象名
-         * type 类型
-         */
-        getTinymceEdit(data, type) {
-            switch (type) {
-                case 'stem':
-                    data.itemAttr.type = stemItemType[data.itemAttr.type]
-                    this.fromData.itemContent = data.value
-                    if (data.itemAttr.type && data.itemAttr.content) {
-                        this.fromData.stemAttrs.push(data.itemAttr)
-                    }
-                    break
-                case 'analysis':
-                    data.itemAttr.type = analysisItemType[data.itemAttr.type]
-                    this.fromData.description = data.value
-                    if (data.itemAttr.type && data.itemAttr.content) {
-                        this.fromData.descriptionAttrs.push(data.itemAttr)
-                    }
-                    break
-                default:
-                    break
-            }
-            this.$emit('change', this.fromData)
-        },
-
-        handleAddItem() {
-            const { itemList } = this.fromData
-            this.fromData.itemList.push({
-                optionName: letter[itemList.length],
-                content: '',
-                optionAttrs: []
-            })
-
-            this.$emit('change', this.fromData)
-        },
-
-        handleDelteAttrs(data, type, list, row = {}) {
-            const listAttrs = list
-            listAttrs.splice(data.index, 1)
-            switch (type) {
-                case 'stem':
-                    this.fromData.stemAttrs = listAttrs
-                    break
-                case 'option':
-                    this.$set(row, 'optionAttrs', listAttrs)
-                    break
-                case 'analysis':
-                    this.fromData.descriptionAttrs = listAttrs
-                    break
-                default:
-                    break
-            }
-            this.$emit('change', this.fromData)
-        }
-    }
-}
-</script>
-
-<style lang="scss" scoped>
-.single-single {
-    margin: 30px 0;
-    .single-single__label {
-        font-weight: 700;
-        font-size: 18px;
-        width: 100px;
-    }
-}
-.single-stem__label {
-    font-weight: 700;
-    font-size: 18px;
-    margin: 30px 0;
-}
-.radio-tinymce {
-    font-size: 14px;
-    margin-right: 20px;
-}
-
-::v-deep {
-    .el-radio-group {
-        display: block;
-    }
-}
-</style>