feat(composition api): provide and inject

pages.json

@@ -601,6 +601,13 @@
       {
         "navigationBarTitleText" : "组件生命周期"
       }
+    },
+    {
+      "path" : "pages/composition-api/dependency-injection/provide/provide",
+      "style" : 
+      {
+        "navigationBarTitleText" : "依赖注入"
+      }
     }
   ],
   "tabBar": {

pages/composition-api/dependency-injection/provide/inject.uvue

+<template>
+  <view>
+    <text>inject page</text>
+    <text class="uni-common-mt msg">msg: {{msg}}</text>
+    <text class="uni-common-mt num">num: {{num}}</text>
+    <text class="uni-common-mt obj">obj: {{obj}}</text>
+    <text class="uni-common-mt arr">arr: {{arr}}</text>
+    <text class="uni-common-mt fn">fn: {{(fn as () =>  string)()}}</text>
+    <text class="uni-common-mt has-injection-context">hasInjectionContext:
+      {{checkHasInjectionContextRes}}</text>
+    <button class="uni-common-mt check-has-injection-context-btn" @click="checkHasInjectionContext">check hasInjectionContext</button>
+  </view>
+</template>
+
+<script setup>
+  const msg = inject('msg')
+  const num = inject('num')
+  const obj = inject('obj')
+  const arr = inject('arr')
+  const fn = inject('fn')
+  
+  const checkHasInjectionContextRes = ref('')
+
+  const checkHasInjectionContext = () => {
+    checkHasInjectionContextRes.value = `${hasInjectionContext()}`
+  }
+  checkHasInjectionContext()
+</script>
\ No newline at end of file

pages/composition-api/dependency-injection/provide/provide-inject.test.js

+const PAGE_PATH = '/pages/composition-api/dependency-injection/provide/provide'
+
+describe('provide-inject-hasInjectionContext', () => {
+  let page = null
+  beforeAll(async () => {
+    page = await program.reLaunch(PAGE_PATH)
+    await page.waitFor('view')
+  })
+  it('baisc', async () => {
+    const msg = await page.$('.msg')
+    expect(await msg.text()).toBe('msg: hello')
+
+    const num = await page.$('.num')
+    expect(await num.text()).toBe('num: 0')
+
+    const obj = await page.$('.obj')
+    expect(await obj.text()).toBe('obj: {"a":1}')
+
+    const arr = await page.$('.arr')
+
+    expect(await arr.text()).toBe('arr: [1,2,3]')
+
+    const fn = await page.$('.fn')
+    expect(await fn.text()).toBe('fn: hello')
+
+    const hasInjectionContext = await page.$('.has-injection-context')
+    expect(await hasInjectionContext.text()).toBe('hasInjectionContext: true')
+
+    const checkHasInjectionContextBtn = await page.$('.check-has-injection-context-btn')
+    await checkHasInjectionContextBtn.tap()
+    
+    expect(await hasInjectionContext.text()).toBe('hasInjectionContext: false')
+  })
+})
\ No newline at end of file

pages/composition-api/dependency-injection/provide/provide.uvue

+<template>
+  <view class="page">
+    <inject-comp />
+  </view>
+</template>
+
+<script setup>
+  import InjectComp from './inject.uvue';
+
+  provide('msg', 'hello');
+  provide('num', 0);
+  provide('obj', { a: 1 });
+  provide('arr', [1, 2, 3]);
+  provide('fn', () : string => 'hello');
+</script>
\ No newline at end of file

pages/tab-bar/composition-api.uvue

@@ -324,17 +324,33 @@
       name: '生命周期',
       open: false,
       pages: [
-        {
-          name: '页面生命周期',
-          url: 'page-lifecycle',
-          enable: true,
-        },
-        {
-          name: '组件生命周期',
-          url: 'component-lifecycle',
-          enable: true,
+        {
+          name: '页面生命周期',
+          url: 'page-lifecycle',
+          enable: true,
+        },
+        {
+          name: '组件生命周期',
+          url: 'component-lifecycle',
+          enable: true,
         },
       ]
+    }, {
+      id: 'dependency-injection',
+      name: '依赖注入',
+      open: false,
+      pages: [
+        {
+          name: 'provide',
+          url: 'provide',
+          // #ifdef APP
+          enable: true,
+          // #endif
+          // #ifdef WEB
+          enable: false,
+          // #endif
+        }
+      ]
     }
   ] as PageList[]