fix: 修复attrs透传会触发两次select事件 (#138)

didi · May 23, 2024 · 734e33e · 734e33e
1 parent 58ab49e
commit 734e33e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/web/src/management/pages/edit/components/MaterialGroup.vue b/web/src/management/pages/edit/components/MaterialGroup.vue
@@ -10,23 +10,22 @@
  >
  <template #item="{ element, index }">
  <QuestionWrapper
- v-bind="$attrs"
  :ref="`questionWrapper-${element.field}`"
  :moduleConfig="element"
  :qIndex="element.qIndex"
  :indexNumber="element.indexNumber"
  :isSelected="currentEditOne === index"
  :isLast="index + 1 === questionDataList.length"
  @select="handleSelect"
+ @changeSeq="handleChangeSeq"
  >
  <QuestionContainerB
- v-bind="$attrs"
  :type="element.type"
  :moduleConfig="element"
  :indexNumber="element.indexNumber"
  :isSelected="currentEditOne === index"
  :readonly="true"
- @select="handleSelect"
+ @change="handleChange"
  ></QuestionContainerB>
  </QuestionWrapper>
  </template>
@@ -60,9 +59,9 @@ export default defineComponent({
  }
  }
  },
+ emits: ['change', 'select', 'changeSeq'],
  setup(props, { emit }) {
  const store = useStore()
- 
  const renderData = computed({
  get () {
  return filterQuestionPreviewData(props.questionDataList)
@@ -72,8 +71,12 @@ export default defineComponent({
  }
  })
  const handleSelect = (index) => {
+ console.log('materialGroup-handleSelect', index)
  emit('select', index)
  }
+ const handleChange = (data) => {
+ emit('change', data)
+ }
  const handleChangeSeq = (data) => {
  emit('changeSeq', data)
  }
@@ -102,6 +105,7 @@ export default defineComponent({
  DND_GROUP,
  renderData,
  handleSelect,
+ handleChange,
  handleChangeSeq,
  checkMove,
  checkEnd,

diff --git a/web/src/materials/questions/QuestionContainerB/index.jsx b/web/src/materials/questions/QuestionContainerB/index.jsx
@@ -75,14 +75,10 @@ export default defineComponent({
  const onChange = (data) => {
  emit('change', data)
  }
- const onClick = () => {
- emit('select', props.indexNumber)
- }
 
  return {
  props,
  BlockComponent,
- onClick,
  onBlur,
  onFocus,
  onChange,