初始提交

baoshiwei

2023-03-10 1fb197352b6a263646e4ccd3ed1c7854ede031dd

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<template>
  <JVxeReloadEffect :vNode="innerValue" :effect="isEffect" @effectEnd="handleEffectEnd" />
</template>
 
<script lang="ts">
  import { ref, defineComponent } from 'vue';
  import JVxeReloadEffect from '../JVxeReloadEffect';
  import { JVxeComponent } from '/@/components/jeecg/JVxeTable/types';
  import { useJVxeComponent, useJVxeCompProps } from '/@/components/jeecg/JVxeTable/hooks';
  import { watch } from 'vue';
 
  export default defineComponent({
    name: 'JVxeNormalCell',
    components: { JVxeReloadEffect },
    props: useJVxeCompProps(),
    setup(props: JVxeComponent.Props) {
      const setup = useJVxeComponent(props);
      const { innerValue, row } = setup;
 
      const reloadEffect = props.renderOptions.reloadEffect;
      const isEffect = ref<boolean>(false);
 
      watch(
        innerValue,
        () => {
          if (reloadEffect.enabled) {
            if (reloadEffect.isEffect(row.value.id)) {
              isEffect.value = true;
            }
          }
        },
        { immediate: true }
      );
 
      // 特效结束
      function handleEffectEnd() {
        isEffect.value = false;
        reloadEffect.removeEffect(row.value.id);
      }
 
      return {
        innerValue,
        isEffect,
        handleEffectEnd,
      };
    },
    enhanced: {
      switches: { editRender: false },
    } as JVxeComponent.EnhancedPartial,
  });
</script>
 
<style scoped></style>