fix(events): add method & component not support events

NervJS · Oct 19, 2022 · f56b832 · f56b832
1 parent edbcb87
commit f56b832
Show file tree

Hide file tree

Showing 22 changed files with 158 additions and 112 deletions.
diff --git a/packages/taro-components/src/components/ad-custom/ad-custom.tsx b/packages/taro-components/src/components/ad-custom/ad-custom.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-ad-custom-core'
 })
-export class AdCustom {
+export class AdCustom implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 AdCustom 组件！')
+    notSupport('AdCustom', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/ad/ad.tsx b/packages/taro-components/src/components/ad/ad.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-ad-core'
 })
-export class Ad {
+export class Ad implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 Ad 组件！')
+    notSupport('Ad', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/camera/camera.tsx b/packages/taro-components/src/components/camera/camera.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-camera-core'
 })
-export class Camera {
+export class Camera implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 Camera 组件！')
+    notSupport('Camera', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/editor/editor.tsx b/packages/taro-components/src/components/editor/editor.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-editor-core'
 })
-export class Editor {
+export class Editor implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 Editor 组件！')
+    notSupport('Editor', this)
   }
 
   render () {

diff --git a/...es/taro-components/src/components/functional-page-navigator/functional-page-navigator.tsx b/...es/taro-components/src/components/functional-page-navigator/functional-page-navigator.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-functional-page-navigator-core'
 })
-export class FunctionalPageNavigator {
+export class FunctionalPageNavigator implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 FunctionalPageNavigator 组件！')
+    notSupport('FunctionalPageNavigator', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/keyboard-accessory/keyboard-accessory.tsx b/packages/taro-components/src/components/keyboard-accessory/keyboard-accessory.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-keyboard-accessory-core'
 })
-export class KeyboardAccessory {
+export class KeyboardAccessory implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 KeyboardAccessory 组件！')
+    notSupport('KeyboardAccessory', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/live-player/live-player.tsx b/packages/taro-components/src/components/live-player/live-player.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-live-player-core'
 })
-export class LivePlayer {
+export class LivePlayer implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 LivePlayer 组件！')
+    notSupport('LivePlayer', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/live-pusher/live-pusher.tsx b/packages/taro-components/src/components/live-pusher/live-pusher.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-live-pusher-core'
 })
-export class LivePusher {
+export class LivePusher implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 LivePusher 组件！')
+    notSupport('LivePusher', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/map/map.tsx b/packages/taro-components/src/components/map/map.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-map-core'
 })
-export class Map {
+export class Map implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 Map 组件！')
+    notSupport('Map', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/match-media/match-media.tsx b/packages/taro-components/src/components/match-media/match-media.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-match-media-core'
 })
-export class MatchMedia {
+export class MatchMedia implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 MatchMedia 组件！')
+    notSupport('MatchMedia', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/navigation-bar/navigation-bar.tsx b/packages/taro-components/src/components/navigation-bar/navigation-bar.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-navigation-bar-core'
 })
-export class NavigationBar {
+export class NavigationBar implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 NavigationBar 组件！')
+    notSupport('NavigationBar', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/official-account/official-account.tsx b/packages/taro-components/src/components/official-account/official-account.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-official-account-core'
 })
-export class OfficialAccount {
+export class OfficialAccount implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 OfficialAccount 组件！')
+    notSupport('OfficialAccount', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/open-data/open-data.tsx b/packages/taro-components/src/components/open-data/open-data.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-open-data-core'
 })
-export class OpenData {
+export class OpenData implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 OpenData 组件！')
+    notSupport('OpenData', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/page-container/page-container.tsx b/packages/taro-components/src/components/page-container/page-container.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-page-container-core'
 })
-export class PageContainer {
+export class PageContainer implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 PageContainer 组件！')
+    notSupport('PageContainer', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/page-meta/page-meta.tsx b/packages/taro-components/src/components/page-meta/page-meta.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-page-meta-core'
 })
-export class PageMeta {
+export class PageMeta implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 PageMeta 组件！')
+    notSupport('PageMeta', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/root-portal/root-portal.tsx b/packages/taro-components/src/components/root-portal/root-portal.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-root-portal-core'
 })
-export class RootPortal {
+export class RootPortal implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 RootPortal 组件！')
+    notSupport('RootPortal', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/share-element/share-element.tsx b/packages/taro-components/src/components/share-element/share-element.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-share-element-core'
 })
-export class ShareElement {
+export class ShareElement implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 ShareElement 组件！')
+    notSupport('ShareElement', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/slot/slot.tsx b/packages/taro-components/src/components/slot/slot.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-slot-core'
 })
-export class Slot {
+export class Slot implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 Slot 组件！')
+    notSupport('Slot', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/components/voip-room/voip-room.tsx b/packages/taro-components/src/components/voip-room/voip-room.tsx
@@ -1,12 +1,13 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Host } from '@stencil/core'
+import { Component, ComponentInterface, h, Host } from '@stencil/core'
+
+import { notSupport } from '../../utils'
 
 @Component({
   tag: 'taro-voip-room-core'
 })
-export class VoipRoom {
+export class VoipRoom implements ComponentInterface {
   componentDidLoad () {
-    console.error('H5 暂不支持 VoipRoom 组件！')
+    notSupport('VoipRoom', this)
   }
 
   render () {

diff --git a/packages/taro-components/src/utils/helper.ts b/packages/taro-components/src/utils/helper.ts
@@ -0,0 +1,12 @@
+import Taro from '@tarojs/taro'
+
+export function notSupport (name = '', instance = {}) {
+  console.error(`H5 暂不支持 ${name} 组件！`)
+
+  Taro.eventCenter.trigger('__taroNotSupport', {
+    name,
+    instance,
+    type: 'component',
+    category: 'temporarily',
+  })
+}
diff --git a/packages/taro-components/src/utils/index.ts b/packages/taro-components/src/utils/index.ts
@@ -29,5 +29,6 @@ export function debounce (fn, ms = 250, scope?) {
   }
 }
 
+export * from './helper'
 export * from './style'
 export * from './url'