yks-element 1.0.322 → 1.0.792

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/README.md +74 -8
  2. package/lib/theme-chalk/buttons.css +1 -0
  3. package/lib/theme-chalk/common.css +1 -0
  4. package/lib/theme-chalk/dialogs.css +1 -0
  5. package/{packages/Topic/src/indefiniteChoice.vue → lib/theme-chalk/element-variables.css} +0 -0
  6. package/lib/theme-chalk/elements.css +1 -0
  7. package/lib/theme-chalk/enlarge.css +1 -0
  8. package/{packages/styles → lib/theme-chalk}/fonts/element-icons.ttf +0 -0
  9. package/{packages/styles → lib/theme-chalk}/fonts/element-icons.woff +0 -0
  10. package/{packages/styles → lib/theme-chalk}/fonts/iconfont.ttf +0 -0
  11. package/lib/theme-chalk/fonts/iconfont.woff +0 -0
  12. package/lib/theme-chalk/icons.css +1 -0
  13. package/lib/theme-chalk/index.css +1 -0
  14. package/lib/theme-chalk/multimedia.css +1 -0
  15. package/lib/theme-chalk/paginations.css +1 -0
  16. package/lib/theme-chalk/scrollbars.css +1 -0
  17. package/lib/theme-chalk/selects.css +1 -0
  18. package/lib/theme-chalk/tables.css +1 -0
  19. package/lib/theme-chalk/tinymce.css +1 -0
  20. package/lib/theme-chalk/uploadfile.css +1 -0
  21. package/lib/theme-chalk/video.css +1 -0
  22. package/{packages/Topic/src/matching.vue → lib/theme-chalk/videoPlayer.css} +0 -0
  23. package/lib/yks.js +1 -0
  24. package/package.json +42 -12
  25. package/lib/fonts/element-icons.535877f5.woff +0 -0
  26. package/lib/fonts/element-icons.732389de.ttf +0 -0
  27. package/lib/fonts/iconfont.19124b0d.ttf +0 -0
  28. package/lib/fonts/iconfont.3ae3dd4e.woff +0 -0
  29. package/lib/yks.css +0 -1
  30. package/packages/Button/index.js +0 -8
  31. package/packages/Button/src/index.vue +0 -78
  32. package/packages/Dialog/index.js +0 -8
  33. package/packages/Dialog/src/index.vue +0 -103
  34. package/packages/Multimedia/index.js +0 -8
  35. package/packages/Multimedia/src/index.vue +0 -179
  36. package/packages/Pagination/index.js +0 -8
  37. package/packages/Pagination/src/index.vue +0 -149
  38. package/packages/Scrollbar/index.js +0 -8
  39. package/packages/Scrollbar/src/index.vue +0 -27
  40. package/packages/Select/index.js +0 -8
  41. package/packages/Select/src/index.vue +0 -350
  42. package/packages/Select/src/option.vue +0 -29
  43. package/packages/Table/index.js +0 -8
  44. package/packages/Table/src/index.vue +0 -141
  45. package/packages/Tinymce/index.js +0 -8
  46. package/packages/Tinymce/src/config.js +0 -25
  47. package/packages/Tinymce/src/index.vue +0 -500
  48. package/packages/Topic/index.js +0 -23
  49. package/packages/Topic/src/attachment.vue +0 -125
  50. package/packages/Topic/src/audioFrequency.vue +0 -127
  51. package/packages/Topic/src/clozeFillInBlanks.vue +0 -267
  52. package/packages/Topic/src/compound.vue +0 -221
  53. package/packages/Topic/src/config.js +0 -132
  54. package/packages/Topic/src/fillInBlanks.vue +0 -272
  55. package/packages/Topic/src/judgment.vue +0 -140
  56. package/packages/Topic/src/multiple.vue +0 -193
  57. package/packages/Topic/src/pictureAnswer.vue +0 -127
  58. package/packages/Topic/src/shortAnswer.vue +0 -136
  59. package/packages/Topic/src/single.vue +0 -194
  60. package/packages/UploadFile/index.js +0 -8
  61. package/packages/UploadFile/src/index.vue +0 -390
  62. package/packages/Video/index.js +0 -8
  63. package/packages/Video/src/index.vue +0 -351
  64. package/packages/assets/mixins/topic.js +0 -137
  65. package/packages/assets/utils/index.js +0 -83
  66. package/packages/assets/utils/topic.js +0 -132
  67. package/packages/icon/default/icons.js +0 -182
  68. package/packages/icon/default/icons.min.js +0 -1
  69. package/packages/icon/default/index.js +0 -7
  70. package/packages/icon/ks-pdf.png +0 -0
  71. package/packages/icon/ks-ppt.png +0 -0
  72. package/packages/icon/ks-word.png +0 -0
  73. package/packages/icon/ks-xslx.png +0 -0
  74. package/packages/icon/music-bg.png +0 -0
  75. package/packages/icon/video-bg.png +0 -0
  76. package/packages/index.js +0 -223
  77. package/packages/option/index.js +0 -6
  78. package/packages/styles/_mixin.scss +0 -93
  79. package/packages/styles/_variables.scss +0 -40
  80. package/packages/styles/common.scss +0 -200
  81. package/packages/styles/element-ui.scss +0 -135
  82. package/packages/styles/element-variables.scss +0 -794
  83. package/packages/styles/fonts/iconfont.woff +0 -0
  84. package/packages/styles/icon.scss +0 -69
  85. package/packages/styles/index.scss +0 -11
  86. package/packages/styles/select.scss +0 -98
  87. package/packages/styles/table.scss +0 -45
  88. package/packages/styles/topic.scss +0 -26
@@ -1,193 +0,0 @@
1
- <template>
2
- <div class="single">
3
- <div class="single-stem__label required__label">题干</div>
4
- <yks-tinymce
5
- key="itemContent"
6
- :value="fromData.itemContent"
7
- :toolbar="toolbar"
8
- :plugins="plugins"
9
- :charLimit="topicDataExtent.itemContentLength || 20000"
10
-
11
- :fileParams="getFileTypes('stem', fromData.stemAttrs)"
12
- :uploadFileToHwCloud="uploadFileToHwCloud"
13
- :uploadFileFunction="uploadFileFunction"
14
- menubar=""
15
- height="200px"
16
- @change="($event) => getTinymceEdit($event, 'stem')"
17
- @delte="($event) => handleDelteAttrs($event, 'stem', fromData.stemAttrs)"
18
- />
19
-
20
- <div class="yks-flex single-single">
21
- <span class="single-single__label required__label">选项</span>
22
- <span class="yks-fs-12 yks-info">请在编辑完选项后选择正确的答案(至少两个)</span>
23
- </div>
24
- <el-checkbox-group v-model="fromData.answer">
25
- <div
26
- v-for="(item, index) in fromData.itemList"
27
- :key="`itemList${index}`"
28
- class="yks-flex v-start yks-mb10"
29
- >
30
- <el-checkbox :label="item.optionName" class="yks-w_60 yks-mr10"></el-checkbox>
31
- <yks-tinymce
32
- :key="`itemList${index}`"
33
- :value="item.content"
34
- :toolbar="toolbar"
35
- :plugins="plugins"
36
- :charLimit="topicDataExtent.answerLength || 5000"
37
-
38
- :fileParams="getFileTypes('option', item.optionAttrs)"
39
- :uploadFileToHwCloud="uploadFileToHwCloud"
40
- :uploadFileFunction="uploadFileFunction"
41
- inline
42
- height="80px"
43
- menubar=""
44
- class="flex-1 radio-tinymce"
45
- @change="($event) => changeItem($event, item)"
46
- @delte="($event) => handleDelteAttrs($event, 'option', item.optionAttrs, item)"
47
- />
48
- <el-button
49
- v-if="fromData.itemList.length > 2"
50
- type="text"
51
- class="yks-danger"
52
- @click="handleDelte(index)"
53
- >删除</el-button
54
- >
55
- </div>
56
- </el-checkbox-group>
57
- <el-button v-if="fromData.itemList.length < 14" type="primary" @click="handleAddItem"
58
- >新增选项</el-button
59
- >
60
- <div class="single-stem__label">答案解析</div>
61
- <yks-tinymce
62
- key="description"
63
- :value="fromData.description"
64
- :toolbar="toolbar"
65
- :plugins="plugins"
66
- :charLimit="topicDataExtent.descriptionLength || 20000"
67
-
68
- :fileParams="getFileTypes('analysis', fromData.descriptionAttrs)"
69
- :uploadFileToHwCloud="uploadFileToHwCloud"
70
- :uploadFileFunction="uploadFileFunction"
71
- menubar=""
72
- height="200px"
73
- @change="($event) => getTinymceEdit($event, 'analysis')"
74
- @delte="($event) => handleDelteAttrs($event, 'analysis', fromData.descriptionAttrs)"
75
- />
76
- </div>
77
- </template>
78
- <script>
79
- import YksTinymce from '../../Tinymce/index'
80
- import TopicMixins from '../../assets/mixins/topic'
81
- import { letter, stemItemType, optionItemType, analysisItemType } from './config'
82
-
83
- export default {
84
- name: 'YksMultiple',
85
- components: { YksTinymce },
86
- mixins: [TopicMixins],
87
- methods: {
88
- /**
89
- * data 富文本数据
90
- * field 对象名
91
- * type 类型
92
- */
93
- getTinymceEdit(data, type) {
94
- switch (type) {
95
- case 'stem':
96
- data.itemAttr.type = stemItemType[data.itemAttr.type]
97
- this.fromData.itemContent = data.value
98
- if (data.itemAttr.type && data.itemAttr.content) {
99
- this.fromData.stemAttrs.push(data.itemAttr)
100
- }
101
- break
102
- case 'analysis':
103
- data.itemAttr.type = analysisItemType[data.itemAttr.type]
104
- this.fromData.description = data.value
105
- if (data.itemAttr.type && data.itemAttr.content) {
106
- this.fromData.descriptionAttrs.push(data.itemAttr)
107
- }
108
- break
109
- default:
110
- break
111
- }
112
- this.$emit('change', this.fromData)
113
- },
114
-
115
- changeItem(data, row) {
116
- data.itemAttr.type = optionItemType[data.itemAttr.type]
117
- if (data.itemAttr.type && data.itemAttr.content) {
118
- row.optionAttrs.push(data.itemAttr)
119
- this.$set(row, 'optionAttrs', row.optionAttrs)
120
- }
121
- this.$set(row, 'content', data.value)
122
- this.$emit('change', this.fromData)
123
- },
124
-
125
- handleDelte(index) {
126
- this.fromData.itemList.splice(index, 1)
127
- this.fromData.itemList = this.fromData.itemList.map((v, index) => {
128
- return {
129
- ...v,
130
- optionName: letter[index]
131
- }
132
- })
133
- this.$emit('change', this.fromData)
134
- },
135
-
136
- handleAddItem() {
137
- const { itemList } = this.fromData
138
- this.fromData.itemList.push({
139
- optionName: letter[itemList.length],
140
- content: '',
141
- optionAttrs: []
142
- })
143
-
144
- this.$emit('change', this.fromData)
145
- },
146
-
147
- handleDelteAttrs(data, type, list, row = {}) {
148
- const listAttrs = list
149
- listAttrs.splice(data.index, 1)
150
- switch (type) {
151
- case 'stem':
152
- this.fromData.stemAttrs = listAttrs
153
- break
154
- case 'option':
155
- this.$set(row, 'optionAttrs', listAttrs)
156
- break
157
- case 'analysis':
158
- this.fromData.descriptionAttrs = listAttrs
159
- break
160
- default:
161
- break
162
- }
163
- this.$emit('change', this.fromData)
164
- }
165
- }
166
- }
167
- </script>
168
-
169
- <style lang="scss" scoped>
170
- .single-single {
171
- margin: 30px 0;
172
- .single-single__label {
173
- font-weight: 700;
174
- font-size: 18px;
175
- width: 100px;
176
- }
177
- }
178
- .single-stem__label {
179
- font-weight: 700;
180
- font-size: 18px;
181
- margin: 30px 0;
182
- }
183
- .radio-tinymce {
184
- font-size: 14px;
185
- margin-right: 20px;
186
- }
187
-
188
- ::v-deep {
189
- .el-radio-group {
190
- display: block;
191
- }
192
- }
193
- </style>
@@ -1,127 +0,0 @@
1
- <template>
2
- <div class="single">
3
- <div class="single-stem__label required__label">题干</div>
4
- <yks-tinymce
5
- key="itemContent"
6
- :value="fromData.itemContent"
7
- :toolbar="toolbar"
8
- :plugins="plugins"
9
- :charLimit="topicDataExtent.itemContentLength || 20000"
10
-
11
- :fileParams="getFileTypes('stem', fromData.stemAttrs)"
12
- :uploadFileToHwCloud="uploadFileToHwCloud"
13
- :uploadFileFunction="uploadFileFunction"
14
- menubar=""
15
- height="200px"
16
- @change="($event) => getTinymceEdit($event, 'stem')"
17
- @delte="($event) => handleDelteAttrs($event, 'stem', fromData.stemAttrs)"
18
- />
19
- <div class="single-stem__label required__label">标准答案</div>
20
- <yks-tinymce
21
- key="answer"
22
- :value="fromData.answer"
23
- :toolbar="toolbar"
24
- :plugins="plugins"
25
- :charLimit="topicDataExtent.answerLength || 5000"
26
-
27
- :fileParams="getFileTypes('answer', fromData.answerAttrs)"
28
- :uploadFileToHwCloud="uploadFileToHwCloud"
29
- :uploadFileFunction="uploadFileFunction"
30
- menubar=""
31
- height="200px"
32
- @change="($event) => getTinymceEdit($event, 'answer')"
33
- @delte="($event) => handleDelteAttrs($event, 'answer', fromData.answerAttrs)"
34
- />
35
- <div class="single-stem__label">答案解析</div>
36
- <yks-tinymce
37
- key="description"
38
- :value="fromData.description"
39
- :toolbar="toolbar"
40
- :plugins="plugins"
41
- :charLimit="topicDataExtent.descriptionLength || 20000"
42
-
43
- :fileParams="getFileTypes('analysis', fromData.descriptionAttrs)"
44
- :uploadFileToHwCloud="uploadFileToHwCloud"
45
- :uploadFileFunction="uploadFileFunction"
46
- menubar=""
47
- height="200px"
48
- @change="($event) => getTinymceEdit($event, 'analysis')"
49
- @delte="($event) => handleDelteAttrs($event, 'analysis', fromData.descriptionAttrs)"
50
- />
51
- </div>
52
- </template>
53
- <script>
54
- import YksTinymce from '../../Tinymce/index'
55
- import TopicMixins from '../../assets/mixins/topic'
56
- import { stemItemType, shortItemType, analysisItemType } from './config'
57
-
58
- export default {
59
- name: 'YksPictureanswer',
60
- components: { YksTinymce },
61
- mixins: [TopicMixins],
62
- methods: {
63
- /**
64
- * data 富文本数据
65
- * field 对象名
66
- * type 类型
67
- */
68
- getTinymceEdit(data, type) {
69
- switch (type) {
70
- case 'stem':
71
- data.itemAttr.type = stemItemType[data.itemAttr.type]
72
- this.fromData.itemContent = data.value
73
- if (data.itemAttr.type && data.itemAttr.content) {
74
- this.fromData.stemAttrs.push(data.itemAttr)
75
- }
76
- break
77
- case 'answer':
78
- data.itemAttr.type = shortItemType[data.itemAttr.type]
79
- this.fromData.answer = data.value
80
- if (data.itemAttr.type && data.itemAttr.content) {
81
- this.fromData.answerAttrs.push(data.itemAttr)
82
- }
83
- break
84
- case 'analysis':
85
- data.itemAttr.type = analysisItemType[data.itemAttr.type]
86
- this.fromData.description = data.value
87
-
88
- if (data.itemAttr.type && data.itemAttr.content) {
89
- this.fromData.descriptionAttrs.push(data.itemAttr)
90
- }
91
- break
92
- default:
93
- break
94
- }
95
- this.$emit('change', this.fromData)
96
- },
97
-
98
- handleDelteAttrs(data, type, list, row = {}) {
99
- const listAttrs = list
100
- listAttrs.splice(data.index, 1)
101
- switch (type) {
102
- case 'stem':
103
- this.fromData.stemAttrs = listAttrs
104
- break
105
- case 'answer':
106
- this.fromData.answerAttrs = listAttrs
107
- break
108
- case 'analysis':
109
- this.fromData.descriptionAttrs = listAttrs
110
- break
111
- default:
112
- break
113
- }
114
- this.$emit('change', this.fromData)
115
- }
116
- }
117
- }
118
- </script>
119
-
120
- <style lang="scss" scoped>
121
-
122
- .single-stem__label {
123
- margin: 30px 0;
124
- font-size: 18px;
125
- font-weight: 700;
126
- }
127
- </style>
@@ -1,136 +0,0 @@
1
- <template>
2
- <div class="single">
3
- <div class="single-stem__label required__label">题干</div>
4
- <yks-tinymce
5
- key="itemContent"
6
- :value="fromData.itemContent"
7
- :toolbar="toolbar"
8
- :plugins="plugins"
9
- :charLimit="topicDataExtent.itemContentLength || 20000"
10
-
11
- :fileParams="getFileTypes('stem', fromData.stemAttrs)"
12
- :uploadFileToHwCloud="uploadFileToHwCloud"
13
- :uploadFileFunction="uploadFileFunction"
14
- menubar=""
15
- height="200px"
16
- @change="($event) => getTinymceEdit($event, 'stem')"
17
- @delte="($event) => handleDelteAttrs($event, 'stem', fromData.stemAttrs)"
18
- />
19
- <div class="single-stem__label required__label">标准答案</div>
20
- <yks-tinymce
21
- key="answer"
22
- :value="fromData.answer"
23
- :toolbar="toolbar"
24
- :plugins="plugins"
25
- :charLimit="topicDataExtent.answerLength || 5000"
26
-
27
- :fileParams="getFileTypes('answer', fromData.answerAttrs)"
28
- :uploadFileToHwCloud="uploadFileToHwCloud"
29
- :uploadFileFunction="uploadFileFunction"
30
- menubar=""
31
- height="200px"
32
- @change="($event) => getTinymceEdit($event, 'answer')"
33
- @delte="($event) => handleDelteAttrs($event, 'answer', fromData.answerAttrs)"
34
- />
35
- <div class="fill__other">
36
- <div class="text__warning">
37
- 如果勾选考生端开启数学公式编辑器,在PC端考生答题页面,本题答题区域考生可以使用数据公式编辑器。
38
- </div>
39
- <div class="yks-mt10">
40
- <el-checkbox v-model="fromData.mathematical"
41
- >考生端开启数学公式编辑器(只适用于PC端答题)</el-checkbox
42
- >
43
- </div>
44
- </div>
45
- <div class="single-stem__label">答案解析</div>
46
- <yks-tinymce
47
- key="description"
48
- :value="fromData.description"
49
- :toolbar="toolbar"
50
- :plugins="plugins"
51
- :charLimit="topicDataExtent.descriptionLength || 20000"
52
-
53
- :fileParams="getFileTypes('analysis', fromData.descriptionAttrs)"
54
- :uploadFileToHwCloud="uploadFileToHwCloud"
55
- :uploadFileFunction="uploadFileFunction"
56
- menubar=""
57
- height="200px"
58
- @change="($event) => getTinymceEdit($event, 'analysis')"
59
- @delte="($event) => handleDelteAttrs($event, 'analysis', fromData.descriptionAttrs)"
60
- />
61
- </div>
62
- </template>
63
- <script>
64
- import YksTinymce from '../../Tinymce/index'
65
- import TopicMixins from '../../assets/mixins/topic'
66
- import { stemItemType, shortItemType, analysisItemType } from './config'
67
-
68
- export default {
69
- name: 'YksShortanswer',
70
- components: { YksTinymce },
71
- mixins: [TopicMixins],
72
- methods: {
73
- /**
74
- * data 富文本数据
75
- * field 对象名
76
- * type 类型
77
- */
78
- getTinymceEdit(data, type) {
79
- switch (type) {
80
- case 'stem':
81
- data.itemAttr.type = stemItemType[data.itemAttr.type]
82
- this.fromData.itemContent = data.value
83
- if (data.itemAttr.type && data.itemAttr.content) {
84
- this.fromData.stemAttrs.push(data.itemAttr)
85
- }
86
- break
87
- case 'answer':
88
- data.itemAttr.type = shortItemType[data.itemAttr.type]
89
- this.fromData.answer = data.value
90
- if (data.itemAttr.type && data.itemAttr.content) {
91
- this.fromData.answerAttrs.push(data.itemAttr)
92
- }
93
- break
94
- case 'analysis':
95
- data.itemAttr.type = analysisItemType[data.itemAttr.type]
96
- this.fromData.description = data.value
97
-
98
- if (data.itemAttr.type && data.itemAttr.content) {
99
- this.fromData.descriptionAttrs.push(data.itemAttr)
100
- }
101
- break
102
- default:
103
- break
104
- }
105
- this.$emit('change', this.fromData)
106
- },
107
-
108
- handleDelteAttrs(data, type, list, row = {}) {
109
- const listAttrs = list
110
- listAttrs.splice(data.index, 1)
111
- switch (type) {
112
- case 'stem':
113
- this.fromData.stemAttrs = listAttrs
114
- break
115
- case 'answer':
116
- this.fromData.answerAttrs = listAttrs
117
- break
118
- case 'analysis':
119
- this.fromData.descriptionAttrs = listAttrs
120
- break
121
- default:
122
- break
123
- }
124
- this.$emit('change', this.fromData)
125
- }
126
- }
127
- }
128
- </script>
129
-
130
- <style lang="scss" scoped>
131
- .single-stem__label {
132
- margin: 30px 0;
133
- font-size: 18px;
134
- font-weight: 700;
135
- }
136
- </style>
@@ -1,194 +0,0 @@
1
- <template>
2
- <div class="single">
3
- <div class="single-stem__label required__label">题干</div>
4
- <yks-tinymce
5
- key="itemContent"
6
- :value="fromData.itemContent"
7
- :toolbar="toolbar"
8
- :plugins="plugins"
9
- :charLimit="topicDataExtent.itemContentLength || 20000"
10
-
11
- :fileParams="getFileTypes('stem', fromData.stemAttrs)"
12
- :uploadFileToHwCloud="uploadFileToHwCloud"
13
- :uploadFileFunction="uploadFileFunction"
14
- menubar=""
15
- height="200px"
16
- @change="($event) => getTinymceEdit($event, 'stem')"
17
- @delte="($event) => handleDelteAttrs($event, 'stem', fromData.stemAttrs)"
18
- />
19
-
20
- <div class="yks-flex single-single">
21
- <span class="single-single__label required__label">选项</span>
22
- <span class="yks-fs-12 yks-info">请在编辑完选项后选择正确的答案</span>
23
- </div>
24
- <el-radio-group v-model="fromData.answer">
25
- <div
26
- v-for="(item, index) in fromData.itemList"
27
- :key="`itemList${index}`"
28
- class="yks-flex v-start yks-mb10"
29
- >
30
- <el-radio :label="item.optionName" class="yks-w_60 yks-mr10"></el-radio>
31
- <yks-tinymce
32
- :key="`itemList${index}`"
33
- :value="item.content"
34
- :toolbar="toolbar"
35
- :plugins="plugins"
36
- :charLimit="topicDataExtent.answerLength || 5000"
37
-
38
- :fileParams="getFileTypes('option', item.optionAttrs)"
39
- :uploadFileToHwCloud="uploadFileToHwCloud"
40
- :uploadFileFunction="uploadFileFunction"
41
- inline
42
- height="80px"
43
- menubar=""
44
- class="flex-1 radio-tinymce"
45
- @change="($event) => changeItem($event, item)"
46
- @delte="($event) => handleDelteAttrs($event, 'option', item.optionAttrs, item)"
47
- />
48
- <el-button
49
- v-if="fromData.itemList.length > 2"
50
- type="text"
51
- class="yks-danger"
52
- @click="handleDelte(index)"
53
- >删除</el-button
54
- >
55
- </div>
56
- </el-radio-group>
57
- <el-button v-if="fromData.itemList.length < 14" type="primary" @click="handleAddItem"
58
- >新增选项</el-button
59
- >
60
- <div class="single-stem__label">答案解析</div>
61
- <yks-tinymce
62
- key="description"
63
- :value="fromData.description"
64
- :toolbar="toolbar"
65
- :plugins="plugins"
66
- :charLimit="topicDataExtent.descriptionLength || 20000"
67
-
68
- :fileParams="getFileTypes('analysis', fromData.descriptionAttrs)"
69
- :uploadFileToHwCloud="uploadFileToHwCloud"
70
- :uploadFileFunction="uploadFileFunction"
71
- menubar=""
72
- height="200px"
73
- @change="($event) => getTinymceEdit($event, 'analysis')"
74
- @delte="($event) => handleDelteAttrs($event, 'analysis', fromData.descriptionAttrs)"
75
- />
76
- </div>
77
- </template>
78
- <script>
79
- import YksTinymce from '../../Tinymce/index'
80
- import TopicMixins from '../../assets/mixins/topic'
81
- import { letter, stemItemType, optionItemType, analysisItemType } from './config'
82
-
83
- export default {
84
- name: 'YksSingle',
85
- components: { YksTinymce },
86
- mixins: [TopicMixins],
87
- methods: {
88
- /**
89
- * data 富文本数据
90
- * field 对象名
91
- * type 类型
92
- */
93
- getTinymceEdit(data, type) {
94
- switch (type) {
95
- case 'stem':
96
- data.itemAttr.type = stemItemType[data.itemAttr.type]
97
- this.fromData.itemContent = data.value
98
- if (data.itemAttr.type && data.itemAttr.content) {
99
- this.fromData.stemAttrs.push(data.itemAttr)
100
- }
101
- break
102
- case 'analysis':
103
- data.itemAttr.type = analysisItemType[data.itemAttr.type]
104
- this.fromData.description = data.value
105
- if (data.itemAttr.type && data.itemAttr.content) {
106
- this.fromData.descriptionAttrs.push(data.itemAttr)
107
- }
108
- break
109
- default:
110
- break
111
- }
112
- this.$emit('change', this.fromData)
113
- },
114
-
115
- changeItem(data, row) {
116
- data.itemAttr.type = optionItemType[data.itemAttr.type]
117
- if (data.itemAttr.type && data.itemAttr.content) {
118
- row.optionAttrs.push(data.itemAttr)
119
- this.$set(row, 'optionAttrs', row.optionAttrs)
120
- }
121
- this.$set(row, 'content', data.value)
122
- this.$emit('change', this.fromData)
123
- },
124
-
125
- handleDelte(index) {
126
- const { itemList } = this.fromData
127
- itemList.splice(index, 1)
128
- this.fromData.itemList = itemList.map((v, index) => {
129
- return {
130
- ...v,
131
- optionName: letter[index]
132
- }
133
- })
134
- this.$emit('change', this.fromData)
135
- },
136
-
137
- handleDelteAttrs(data, type, list, row = {}) {
138
- const listAttrs = list
139
- listAttrs.splice(data.index, 1)
140
- switch (type) {
141
- case 'stem':
142
- this.fromData.stemAttrs = listAttrs
143
- break
144
- case 'option':
145
- this.$set(row, 'optionAttrs', listAttrs)
146
- break
147
- case 'analysis':
148
- this.fromData.descriptionAttrs = listAttrs
149
- break
150
- default:
151
- break
152
- }
153
- this.$emit('change', this.fromData)
154
- },
155
-
156
- handleAddItem() {
157
- const { itemList } = this.fromData
158
- this.fromData.itemList.push({
159
- optionName: letter[itemList.length],
160
- content: '',
161
- optionAttrs: []
162
- })
163
-
164
- this.$emit('change', this.fromData)
165
- }
166
- }
167
- }
168
- </script>
169
-
170
- <style lang="scss" scoped>
171
- .single-single {
172
- margin: 30px 0;
173
- .single-single__label {
174
- font-weight: 700;
175
- font-size: 18px;
176
- width: 100px;
177
- }
178
- }
179
- .single-stem__label {
180
- font-weight: 700;
181
- font-size: 18px;
182
- margin: 30px 0;
183
- }
184
- .radio-tinymce {
185
- font-size: 14px;
186
- margin-right: 20px;
187
- }
188
-
189
- ::v-deep {
190
- .el-radio-group {
191
- display: block;
192
- }
193
- }
194
- </style>
@@ -1,8 +0,0 @@
1
- import YksUploadfile from './src/index';
2
-
3
- /* istanbul ignore next */
4
- YksUploadfile.install = function(Vue) {
5
- Vue.component(YksUploadfile.name, YksUploadfile);
6
- };
7
-
8
- export default YksUploadfile;