@tarojs/plugin-inject 0.0.2 → 1.0.2

package/README.md

@@ -2,6 +2,16 @@
 
 > 可以为小程序平台注入公共的组件、API 等逻辑
 
+## 版本要求
+
+### Taro 3.3+
+
+请使用本插件的 `1.0` 或以上版本
+
+### Taro 3.1/3.2
+
+请使用本插件的 `0.0.2` 或以上版本
+
 ## 安装
 
 在 Taro 项目根目录下安装
@@ -39,10 +49,15 @@ const config = {
 | syncApis | array | 新增同步 API |
 | asyncApis | array | 新增异步 API |
 | components | object | 修改、新增组件的属性 |
+| componentsMap | object | 新增组件时的名称映射 |
 | voidComponents | array, function | 设置组件是否可以渲染子元素 |
 | nestElements | object, function | 设置组件模版的循环次数 |
+| thirdPartyComponents | object | 设置第三方自定义组件的属性的默认值 |
+
+#### 1. syncApis
 
-### syncApis
+> Deprecated
+> v1.0.0+ 不再需要此属性
 
 插件支持为小程序新增**同步的** API。
 
@@ -65,7 +80,7 @@ const config = {
 Taro.a()
 ```
 
-### asyncApis
+#### 2. asyncApis
 
 插件支持为小程序新增**异步的** API。
 
@@ -90,7 +105,7 @@ Taro.b()
   .catch(() => {})
 ```
 
-### components
+#### 3. components
 
 插件支持为小程序的组件**修改属性默认值**或**新增属性**。
 
@@ -107,14 +122,48 @@ const config = {
         Text: {
           'x-props': "'hello'",
           bindYEvent: ''
+        },
+        // 新增一个组件
+        ShareElement: {
+          key: "",
+          transform: "true",
+          duration: "300",
+          "easing-function": ""
         }
+      },
+      // 新增的组件需要写映射
+      componentsMap: {
+        ShareElement: 'share-element'
       }
     }]
   ]
 }
 ```
 
-### voidComponents
+新增事件属性：
+> 新增一个事件属性有两种方式，一种是像上面例子那样属性以`bind`开头，一种是像下面例子这样将属性值设为`eh` [查看详细PR](https://github.com/NervJS/taro/pull/11478)
+```js
+const config = {
+  plugins: [
+    [
+      '@tarojs/plugin-inject',
+      {
+        components: {
+          // 新增一个 'CustomComponent' 组件并支持 'catchtouchend' 事件
+          CustomComponent: {
+            catchtouchend: 'eh',
+          },
+        },
+        componentsMap: {
+          CustomComponent: 'custom-component',
+        },
+      },
+    ],
+  ],
+}
+```
+
+#### 4. voidComponents
 
 在 `voidComponents` 里的组件**不可以渲染子组件**。
 
@@ -156,7 +205,7 @@ const config = {
 }
 ```
 
-### nestElements
+#### 5. nestElements
 
 对于不支持模板递归的小程序（如微信、QQ、京东小程序），Taro3 默认下述组件的模板能递归自身：
 
@@ -205,3 +254,95 @@ const config = {
   ]
 }
 ```
+
+#### 6. thirdPartyComponents
+
+> v1.0.2+ 开始支持，且需要 Taro v3.4.10+
+
+在默认情况下，第三方自定义组件的属性会被编译为形如：`<van-empty image="{{i.image}}" />`。
+
+这时自定义组件声明的默认值会失效（详情请浏览 [#11575](https://github.com/NervJS/taro/issues/11575)）。
+
+```js
+Component({
+  props: {
+    image: {
+      type: String,
+      value: 'default'
+    }
+  }
+})
+```
+
+所以我们需要为此属性增加默认值，把它编译为形如：`<van-empty image="{{i.image===undefined?'default':i.image}}" />`。
+
+用法：
+
+```js
+const config = {
+  plugins: [
+    ['@tarojs/plugin-inject', {
+      thirdPartyComponents: {
+        // 为 `van-empty` 组件的 image 属性设置默认值 'default'
+        'van-empty': {
+          'image': "'default'"
+        }
+      }
+    }]
+  ]
+}
+```
+
+### 模块补充
+
+在前面的 components 示例中，给Text组件添加了新属性x-props后，@tarojs/components的类型文件中没有新定义的属性，typescript无法识别Text组件的x-props属性，导致vscode提示属性不存在，可以通过[模块补充](https://docs.taro.zone/docs/platform-plugin-how#%E7%B1%BB%E5%9E%8B)的方式来修正
+
+```typescript
+//tsconfig.json
+{
+  "compilerOptions": {
+     "typeRoots": ["src/global.d.ts"],
+   }
+}
+
+// global.d.ts 
+declare module '@tarojs/components' {
+  export * from '@tarojs/components/types/index';
+  
+  // 下面示例是react的定义，vue下可能有所不同,原理是一样的
+  import { ComponentType } from 'react';
+  import { TextProps as OldTextProps } from '@tarojs/components/types/Text';
+
+  // 修改的Props
+  interface TextProps extends OldTextProps {
+    xProps?: string;
+  }
+
+  export const Text: ComponentType<TextProps>;
+}
+```
+
+
+## License
+
+MIT License
+
+Copyright (c) O2Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/apis-list.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.needPromiseApis = exports.noPromiseApis = void 0;
-exports.noPromiseApis = new Set([]);
-exports.needPromiseApis = new Set([]);
-//# sourceMappingURL=apis-list.js.map
+
+export const noPromiseApis = new Set([]);
+export const needPromiseApis = new Set([]);

package/dist/components.js

@@ -1,5 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.components = void 0;
-exports.components = {};
-//# sourceMappingURL=components.js.map
+
+export const components = {"VanEmpty":{"image":"'default'"}};

package/dist/index.js

@@ -7,7 +7,7 @@ exports.default = (ctx, options) => {
     ctx.registerMethod({
         name: 'onSetupClose',
         fn(platform) {
-            const { voidComponents, nestElements, components, syncApis, asyncApis } = options;
+            const { voidComponents, nestElements, components, syncApis, asyncApis, componentsMap, thirdPartyComponents } = options;
             const template = platform.template;
             if (shared_1.isArray(voidComponents)) {
                 voidComponents.forEach(el => template.voidElements.add(el));
@@ -23,14 +23,21 @@ exports.default = (ctx, options) => {
             else if (shared_1.isFunction(nestElements)) {
                 template.nestElements = nestElements(template.nestElements);
             }
-            if (components || syncApis || asyncApis) {
+            if (components || syncApis || asyncApis || componentsMap) {
                 injectRuntimePath(platform);
                 if (components) {
                     template.mergeComponents(ctx, components);
                 }
+                if (componentsMap) {
+                    injectComponentsReact(fs, platform.taroComponentsPath, componentsMap);
+                    platform.taroComponentsPath = `@tarojs/plugin-inject/dist/components-react`;
+                }
                 injectComponents(fs, components);
                 injectApis(fs, syncApis, asyncApis);
             }
+            if (thirdPartyComponents) {
+                template.mergeThirdPartyComponents(thirdPartyComponents);
+            }
         }
     });
 };
@@ -43,6 +50,12 @@ function injectRuntimePath(platform) {
         platform.runtimePath = [platform.runtimePath, injectedPath];
     }
 }
+function injectComponentsReact(fs, taroComponentsPath, componentsMap) {
+    fs.writeFileSync(path.resolve(__dirname, '../dist/components-react.js'), `
+export * from '${taroComponentsPath}'
+${Object.keys(componentsMap).map((key) => `export const ${key} = '${componentsMap[key]}'`).join('\n')}
+`);
+}
 function injectComponents(fs, components) {
     fs.writeFileSync(path.resolve(__dirname, '../dist/components.js'), `
 export const components = ${components ? JSON.stringify(components) : JSON.stringify({})};

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAEA,2CAAwE;AACxE,6BAA4B;AAa5B,kBAAe,CAAC,GAAmB,EAAE,OAAiB,EAAE,EAAE;IACxD,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,EAAE,CAAA;IAExB,GAAG,CAAC,cAAc,CAAC;QACjB,IAAI,EAAE,cAAc;QACpB,EAAE,CAAE,QAA0B;YAC5B,MAAM,EACJ,cAAc,EACd,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,SAAS,EACV,GAAG,OAAO,CAAA;YAEX,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAA;YAElC,IAAI,gBAAO,CAAC,cAAc,CAAC,EAAE;gBAC3B,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;aAC5D;iBAAM,IAAI,mBAAU,CAAC,cAAc,CAAC,EAAE;gBACrC,QAAQ,CAAC,YAAY,GAAG,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;aAC9D;YAED,IAAI,iBAAQ,CAAe,YAAY,CAAC,EAAE;gBACxC,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;oBAC9B,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAA;iBAClD;aACF;iBAAM,IAAI,mBAAU,CAAC,YAAY,CAAC,EAAE;gBACnC,QAAQ,CAAC,YAAY,GAAG,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;aAC5D;YAED,IAAI,UAAU,IAAI,QAAQ,IAAI,SAAS,EAAE;gBACvC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;gBAE3B,IAAI,UAAU,EAAE;oBACd,QAAQ,CAAC,eAAe,CAAC,GAAG,EAAE,UAAU,CAAC,CAAA;iBAC1C;gBAED,gBAAgB,CAAC,EAAE,EAAE,UAAU,CAAC,CAAA;gBAChC,UAAU,CAAC,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;aACpC;QACH,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,SAAS,iBAAiB,CAAE,QAA0B;IACpD,MAAM,YAAY,GAAG,oCAAoC,CAAA;IACzD,IAAI,gBAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACjC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;KACxC;SAAM,IAAI,iBAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;QACzC,QAAQ,CAAC,WAAW,GAAG,CAAC,QAAQ,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;KAC5D;AACH,CAAC;AAED,SAAS,gBAAgB,CAAE,EAAE,EAAE,UAAU;IACvC,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,uBAAuB,CAAC,EAAE;4BACzC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;CACvF,CAAC,CAAA;AACF,CAAC;AAED,SAAS,UAAU,CAAE,EAAE,EAAE,QAAQ,EAAE,SAAS;IAC1C,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,sBAAsB,CAAC,EAAE;uCAC7B,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;yCACrD,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;CACjG,CAAC,CAAA;AACF,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/runtime.js

@@ -3,10 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const shared_1 = require("@tarojs/shared");
 const components_1 = require("./components");
 const apis_list_1 = require("./apis-list");
-const originFn = shared_1.defaultReconciler.initNativeApi;
 const hostConfig = {
     initNativeApi(taro) {
-        originFn === null || originFn === void 0 ? void 0 : originFn(taro);
         const global = taro.miniGlobal;
         shared_1.processApis(taro, global, {
             noPromiseApis: apis_list_1.noPromiseApis,

package/dist/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":";;AAAA,2CAAyG;AACzG,6CAAyC;AACzC,2CAA4D;AAE5D,MAAM,QAAQ,GAAI,0BAAyB,CAAC,aAAa,CAAA;AAEzD,MAAM,UAAU,GAAG;IACjB,aAAa,CAAE,IAAI;QACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,EAAC;QAChB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAA;QAC9B,oBAAW,CAAC,IAAI,EAAE,MAAM,EAAE;YACxB,aAAa,EAAb,yBAAa;YACb,eAAe,EAAf,2BAAe;YACf,eAAe,EAAE,IAAI;SACtB,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAGD,wBAAe,CAAC,UAAU,CAAC,CAAA;AAC3B,gCAAuB,CAAC,uBAAU,CAAC,CAAA"}
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../src/runtime.ts"],"names":[],"mappings":";;AAAA,2CAAsF;AACtF,6CAAyC;AACzC,2CAA4D;AAE5D,MAAM,UAAU,GAAG;IACjB,aAAa,CAAE,IAAI;QACjB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAA;QAC9B,oBAAW,CAAC,IAAI,EAAE,MAAM,EAAE;YACxB,aAAa,EAAb,yBAAa;YACb,eAAe,EAAf,2BAAe;YACf,eAAe,EAAE,IAAI;SACtB,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAGD,wBAAe,CAAC,UAAU,CAAC,CAAA;AAC3B,gCAAuB,CAAC,uBAAU,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tarojs/plugin-inject",
-  "version": "0.0.2",
+  "version": "1.0.2",
   "description": "Taro 小程序端平台中间层插件",
   "main": "index.js",
   "scripts": {
@@ -30,14 +30,14 @@
     "url": "https://github.com/NervJS/tarojs-plugin-inject/issues"
   },
   "homepage": "https://github.com/NervJS/tarojs-plugin-inject#readme",
+  "peerDependencies": {
+    "@tarojs/shared": "^3.1.3"
+  },
   "devDependencies": {
     "@tarojs/service": "^3.1.3",
     "@types/node": "^13.9.8",
     "typescript": "^3.8.3",
     "webpack": "^4.41.0",
     "webpack-dev-server": "^3.8.2"
-  },
-  "dependencies": {
-    "@tarojs/shared": "^3.1.3"
   }
 }

package/src/index.ts

@@ -10,8 +10,10 @@ interface IOptions {
   voidComponents: string[] | ((list: VoidComponents) => VoidComponents)
   nestElements: Record<string, number> | ((elem: NestElements) => NestElements)
   components: Record<string, Record<string, any>>
+  componentsMap: Record<string, string>
   syncApis: string[]
   asyncApis: string[]
+  thirdPartyComponents: Record<string, Record<string, any>>
 }
 
 export default (ctx: IPluginContext, options: IOptions) => {
@@ -19,13 +21,15 @@ export default (ctx: IPluginContext, options: IOptions) => {
 
   ctx.registerMethod({
     name: 'onSetupClose',
-    fn (platform: TaroPlatformBase) {
+    fn(platform: TaroPlatformBase) {
       const {
         voidComponents,
         nestElements,
         components,
         syncApis,
-        asyncApis
+        asyncApis,
+        componentsMap,
+        thirdPartyComponents
       } = options
 
       const template = platform.template
@@ -44,21 +48,30 @@ export default (ctx: IPluginContext, options: IOptions) => {
         template.nestElements = nestElements(template.nestElements)
       }
 
-      if (components || syncApis || asyncApis) {
+      if (components || syncApis || asyncApis || componentsMap) {
         injectRuntimePath(platform)
 
         if (components) {
           template.mergeComponents(ctx, components)
         }
 
+        if (componentsMap) {
+          injectComponentsReact(fs, platform.taroComponentsPath, componentsMap)
+          platform.taroComponentsPath = `@tarojs/plugin-inject/dist/components-react`
+        }
+
         injectComponents(fs, components)
         injectApis(fs, syncApis, asyncApis)
       }
+
+      if (thirdPartyComponents) {
+        template.mergeThirdPartyComponents(thirdPartyComponents)
+      }
     }
   })
 }
 
-function injectRuntimePath (platform: TaroPlatformBase) {
+function injectRuntimePath(platform: TaroPlatformBase) {
   const injectedPath = `@tarojs/plugin-inject/dist/runtime`
   if (isArray(platform.runtimePath)) {
     platform.runtimePath.push(injectedPath)
@@ -67,15 +80,22 @@ function injectRuntimePath (platform: TaroPlatformBase) {
   }
 }
 
-function injectComponents (fs, components) {
+function injectComponentsReact(fs, taroComponentsPath, componentsMap) {
+  fs.writeFileSync(path.resolve(__dirname, '../dist/components-react.js'), `
+export * from '${taroComponentsPath}'
+${Object.keys(componentsMap).map((key) => `export const ${key} = '${componentsMap[key]}'`).join('\n')}
+`)
+}
+
+function injectComponents(fs, components) {
   fs.writeFileSync(path.resolve(__dirname, '../dist/components.js'), `
 export const components = ${components ? JSON.stringify(components) : JSON.stringify({})};
 `)
 }
 
-function injectApis (fs, syncApis, asyncApis) {
+function injectApis(fs, syncApis, asyncApis) {
   fs.writeFileSync(path.resolve(__dirname, '../dist/apis-list.js'), `
-export const noPromiseApis = new Set(${syncApis ? JSON.stringify(syncApis): JSON.stringify([])});
-export const needPromiseApis = new Set(${asyncApis ? JSON.stringify(asyncApis): JSON.stringify([])});
+export const noPromiseApis = new Set(${syncApis ? JSON.stringify(syncApis) : JSON.stringify([])});
+export const needPromiseApis = new Set(${asyncApis ? JSON.stringify(asyncApis) : JSON.stringify([])});
 `)
 }

package/src/runtime.ts

@@ -1,12 +1,9 @@
-import { defaultReconciler, mergeReconciler, mergeInternalComponents, processApis } from '@tarojs/shared'
+import { mergeReconciler, mergeInternalComponents, processApis } from '@tarojs/shared'
 import { components } from './components'
 import { noPromiseApis, needPromiseApis } from './apis-list'
 
-const originFn = (defaultReconciler as any).initNativeApi
-
 const hostConfig = {
   initNativeApi (taro) {
-    originFn?.(taro)
     const global = taro.miniGlobal
     processApis(taro, global, {
       noPromiseApis,