chore: useExpose -> context.expose (#2697)

jd-opensource · Dec 4, 2023 · f51b4cc · f51b4cc
1 parent bc03bf1
commit f51b4cc
Show file tree

Hide file tree

Showing 10 changed files with 26 additions and 36 deletions.
diff --git a/src/packages/__VUE/calendar/index.taro.vue b/src/packages/__VUE/calendar/index.taro.vue
@@ -96,7 +96,6 @@ const { create } = createComponent('calendar');
 import NutCalendarItem from '../calendaritem/index.taro.vue';
 import NutPopup from '../popup/index.taro.vue';
 import Utils from '@/packages/utils/date';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import { CalendarRef } from '../calendaritem/type';
 
 export default create({
@@ -176,7 +175,7 @@ export default create({
     disabledDate: Function
   },
   emits: ['choose', 'close', 'update:visible', 'select'],
-  setup(props, { emit, slots }) {
+  setup(props, { emit, slots, expose }) {
     const showTopBtn = computed(() => {
       return slots.btn;
     });
@@ -200,7 +199,7 @@ export default create({
     const initPosition = () => {
       calendarRef.value?.initPosition();
     };
-    useExpose({
+    expose({
       scrollToDate,
       initPosition
     });

diff --git a/src/packages/__VUE/calendar/index.vue b/src/packages/__VUE/calendar/index.vue
@@ -96,7 +96,6 @@ const { create } = createComponent('calendar');
 import NutCalendarItem from '../calendaritem/index.vue';
 import NutPopup from '../popup/index.vue';
 import Utils from '@/packages/utils/date';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import { CalendarRef } from '../calendaritem/type';
 
 export default create({
@@ -176,7 +175,7 @@ export default create({
     disabledDate: Function
   },
   emits: ['choose', 'close', 'update:visible', 'select'],
-  setup(props, { emit, slots }) {
+  setup(props, { emit, slots, expose }) {
     const showTopBtn = computed(() => {
       return slots.btn;
     });
@@ -200,7 +199,7 @@ export default create({
     const initPosition = () => {
       calendarRef.value?.initPosition();
     };
-    useExpose({
+    expose({
       scrollToDate,
       initPosition
     });

diff --git a/src/packages/__VUE/calendaritem/index.taro.vue b/src/packages/__VUE/calendaritem/index.taro.vue
@@ -89,7 +89,6 @@ import NutScrollView from '../scroll-view/index.taro.vue';
 import Utils from '@/packages/utils/date';
 import requestAniFrame from '@/packages/utils/raf';
 import { MonthInfo, Day, CalendarTaroState } from './type';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import { useLocale } from '@/packages/utils/useLocale';
 
 const { create } = createComponent('calendar-item');
@@ -172,7 +171,7 @@ export default create({
   },
   emits: ['choose', 'update', 'close', 'select'],
 
-  setup(props, { emit, slots }) {
+  setup(props, { emit, slots, expose }) {
     const translate = useLocale(cN);
     // 新增：自定义周起始日
     const weekdays = (translate('weekdays') as any).map((day: string, index: number) => ({
@@ -711,7 +710,7 @@ export default create({
     const initPosition = () => {
       state.scrollTop = Math.ceil(state.monthsData[state.currentIndex].cssScrollHeight);
     };
-    useExpose({
+    expose({
       scrollToDate,
       initPosition
     });

diff --git a/src/packages/__VUE/calendaritem/index.vue b/src/packages/__VUE/calendaritem/index.vue
@@ -80,7 +80,6 @@ import { createComponent } from '@/packages/utils/create';
 import Utils from '@/packages/utils/date';
 import requestAniFrame from '@/packages/utils/raf';
 import { MonthInfo, Day, CalendarState } from './type';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import { useLocale } from '@/packages/utils/useLocale';
 
 const { create } = createComponent('calendar-item');
@@ -159,7 +158,7 @@ export default create({
   },
   emits: ['choose', 'update', 'close', 'select'],
 
-  setup(props, { emit, slots }) {
+  setup(props, { emit, slots, expose }) {
     const translate = useLocale(cN);
     // 新增：自定义周起始日
     const weekdays = (translate('weekdays') as any).map((day: string, index: number) => ({
@@ -705,7 +704,7 @@ export default create({
         months.value.scrollTop = state.monthsData[state.currentIndex].cssScrollHeight;
       }
     };
-    useExpose({
+    expose({
       scrollToDate,
       initPosition
     });

diff --git a/src/packages/__VUE/checkboxgroup/index.taro.vue b/src/packages/__VUE/checkboxgroup/index.taro.vue
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { h, watch, provide, computed, ComponentInternalInstance, reactive, ComponentPublicInstance } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import { CHECKBOX_KEY } from '../checkbox/types';
 const { create, componentName } = createComponent('checkbox-group');
 
@@ -21,7 +20,7 @@ export default create({
     }
   },
   emits: ['change', 'update:modelValue'],
-  setup(props, { slots, emit }) {
+  setup(props, { slots, emit, expose }) {
     const state = reactive({
       children: [] as ComponentPublicInstance[]
     });
@@ -80,7 +79,7 @@ export default create({
       }
     );
 
-    useExpose({ toggleAll, toggleReverse });
+    expose({ toggleAll, toggleReverse });
 
     return () => {
       return h(

diff --git a/src/packages/__VUE/checkboxgroup/index.vue b/src/packages/__VUE/checkboxgroup/index.vue
@@ -1,7 +1,6 @@
 <script lang="ts">
 import { h, watch, provide, computed, ComponentInternalInstance, reactive, ComponentPublicInstance } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import { CHECKBOX_KEY } from '../checkbox/types';
 const { create, componentName } = createComponent('checkbox-group');
 
@@ -21,7 +20,7 @@ export default create({
     }
   },
   emits: ['change', 'update:modelValue'],
-  setup(props, { slots, emit }) {
+  setup(props, { slots, emit, expose }) {
     const state = reactive({
       children: [] as ComponentPublicInstance[]
     });
@@ -80,7 +79,7 @@ export default create({
       }
     );
 
-    useExpose({ toggleAll, toggleReverse });
+    expose({ toggleAll, toggleReverse });
 
     return () => {
       return h(

diff --git a/src/packages/__VUE/elevator/index.taro.vue b/src/packages/__VUE/elevator/index.taro.vue
@@ -55,7 +55,6 @@
 <script lang="ts">
 import { computed, reactive, toRefs, nextTick, ref, Ref, watch, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import { ElevatorData } from './type';
 const { create } = createComponent('elevator');
 
@@ -95,7 +94,7 @@ export default create({
     }
   },
   emits: ['clickItem', 'clickIndex', 'change'],
-  setup(props, context) {
+  setup(props, { emit, expose }) {
     const spaceHeight = 23;
     const listview: Ref<HTMLElement> = ref() as Ref<HTMLElement>;
     const state = reactive({
@@ -187,13 +186,13 @@ export default create({
     };
 
     const handleClickItem = (key: string, item: ElevatorData) => {
-      context.emit('clickItem', key, item);
+      emit('clickItem', key, item);
       state.currentData = item;
       state.currentKey = key;
     };
 
     const handleClickIndex = (key: string) => {
-      context.emit('clickIndex', key);
+      emit('clickIndex', key);
     };
 
     const listViewScroll = (e: Event) => {
@@ -211,7 +210,7 @@ export default create({
       }
     };
 
-    useExpose({
+    expose({
       scrollTo
     });
 
@@ -225,7 +224,7 @@ export default create({
     watch(
       () => state.currentIndex,
       (newVal: number) => {
-        context.emit('change', newVal);
+        emit('change', newVal);
       }
     );
 

diff --git a/src/packages/__VUE/elevator/index.vue b/src/packages/__VUE/elevator/index.vue
@@ -41,7 +41,6 @@
 <script lang="ts">
 import { computed, reactive, toRefs, nextTick, ref, Ref, watch, onMounted, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import { ElevatorData } from './type';
 const { create } = createComponent('elevator');
 
@@ -73,7 +72,7 @@ export default create({
     }
   },
   emits: ['clickItem', 'clickIndex', 'change'],
-  setup(props, context) {
+  setup(props, { emit, expose }) {
     const listview: Ref<any> = ref(null);
     const state = reactive({
       anchorIndex: 0,
@@ -153,13 +152,13 @@ export default create({
     };
 
     const handleClickItem = (key: string, item: ElevatorData) => {
-      context.emit('clickItem', key, item);
+      emit('clickItem', key, item);
       state.currentData = item;
       state.currentKey = key;
     };
 
     const handleClickIndex = (key: string) => {
-      context.emit('clickIndex', key);
+      emit('clickIndex', key);
     };
 
     const listViewScroll = (e: Event) => {
@@ -186,7 +185,7 @@ export default create({
       }
     });
 
-    useExpose({
+    expose({
       scrollTo
     });
 
@@ -214,7 +213,7 @@ export default create({
     watch(
       () => state.currentIndex,
       (newVal: number) => {
-        context.emit('change', newVal);
+        emit('change', newVal);
       }
     );
 

diff --git a/src/packages/__VUE/swiper/index.taro.vue b/src/packages/__VUE/swiper/index.taro.vue
@@ -42,7 +42,6 @@ import {
 import { createComponent } from '@/packages/utils/create';
 import { useTouch } from '@/packages/utils/useTouch/index';
 import { useTaroRect } from '@/packages/utils/useTaroRect';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import requestAniFrame from '@/packages/utils/raf';
 import { clamp } from '@/packages/utils/util';
 import Taro, { eventCenter, getCurrentInstance } from '@tarojs/taro';
@@ -99,7 +98,7 @@ export default create({
   },
   emits: ['change'],
 
-  setup(props, { emit, slots }) {
+  setup(props, { emit, slots, expose }) {
     const container = ref<HTMLElement>();
     const refRandomId = Math.random().toString(36).slice(-8);
     const state = reactive({
@@ -399,7 +398,7 @@ export default create({
       relation
     });
 
-    useExpose({
+    expose({
       prev,
       next,
       to

diff --git a/src/packages/__VUE/swiper/index.vue b/src/packages/__VUE/swiper/index.vue
@@ -40,7 +40,6 @@ import {
 } from 'vue';
 import { createComponent } from '@/packages/utils/create';
 import { useTouch } from '@/packages/utils/useTouch/index';
-import { useExpose } from '@/packages/utils/useExpose/index';
 import { clamp } from '@/packages/utils/util';
 import requestAniFrame from '@/packages/utils/raf';
 import { SWIPER_KEY } from './types';
@@ -96,7 +95,7 @@ export default create({
   },
   emits: ['change'],
 
-  setup(props, { emit, slots }) {
+  setup(props, { emit, slots, expose }) {
     const container = ref();
     const state = reactive({
       active: 0,
@@ -391,7 +390,7 @@ export default create({
       relation
     });
 
-    useExpose({
+    expose({
       prev,
       next,
       to