@tarojs/components 3.6.0 → 3.6.1-alpha.1

package/dist/types/components/input/input.d.ts

@@ -17,7 +17,7 @@ export declare class Input implements ComponentInterface {
   name: string;
   nativeProps: {};
   el: HTMLElement;
-  focus(): void;
+  focus(): Promise<void>;
   watchAutoFocus(newValue: boolean, oldValue: boolean): void;
   watchValue(newValue: string): void;
   onInput: EventEmitter;

package/dist/types/components/navigator/navigator.d.ts

@@ -1,20 +1,4 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-/**
- * Navigator组件参数
- * @typedef NavigatorProps
- * @property {String} appId 当target="miniProgram"时有效，要打开的小程序 appId
- * @property {String} ariaLabel 无障碍访问，（属性）元素的额外描述
- * @property {Number} delta 当 openType 为 'navigateBack' 时有效，表示回退的层数
- * @property {Object} extraData 当target="miniProgram"时有效，需要传递给目标小程序的数据，目标小程序可在 App.onLaunch()，App.onShow() 中获取到这份数据。详情
- * @property {String} [openType=navigate]  跳转方式
- * @property {String} path 当target="miniProgram"时有效，打开的页面路径，如果为空则打开首页
- * @property {String} [target=self]  在哪个目标上发生跳转，默认当前小程序，可选值self/miniProgram
- * @property {String} url 当前小程序内的跳转链接
- * @property {version} [version=release]  当target="miniProgram"时有效，要打开的小程序版本，有效值 develop（开发版），trial（体验版），release（正式版），仅在当前小程序为开发版或体验版时此参数有效；如果当前小程序是 *式版，则打开的小程序必定是正式版。
- * @property {String} onFail 当target="miniProgram"时有效，跳转小程序失败
- * @property {String} onComplete 当target="miniProgram"时有效，跳转小程序完成
- * @property {String} onSuccess 当target="miniProgram"时有效，跳转小程序成功
- */
 /**
  * TODO: 参数还需要进一步细化对齐
  * Navigator组件

package/dist/types/components/scroll-view/scroll-view.d.ts

@@ -1,4 +1,5 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+import type { ScrollViewContext } from '@tarojs/taro';
 export declare class ScrollView implements ComponentInterface {
   private _scrollLeft;
   private _scrollTop;
@@ -10,7 +11,7 @@ export declare class ScrollView implements ComponentInterface {
   mpScrollTop: number | string;
   mpScrollLeft: number | string;
   mpScrollIntoView: string;
-  scrollWithAnimation: boolean;
+  animated: boolean;
   onScroll: EventEmitter;
   onScrollToUpper: EventEmitter;
   onScrollToLower: EventEmitter;
@@ -18,6 +19,8 @@ export declare class ScrollView implements ComponentInterface {
   watchScrollTop(newVal: any): void;
   watchScrollIntoView(newVal: any): void;
   handleScroll(e: Event): void;
+  mpScrollToMethod(object: ScrollViewContext.scrollTo.Option): Promise<void>;
+  mpScrollIntoViewMethod(selector: string): Promise<void>;
   componentDidLoad(): void;
   upperAndLower: (...args: any[]) => void;
   render(): any;

package/dist/types/components.d.ts

@@ -9,6 +9,7 @@ import { Type } from "./components/icon/icon";
 import { Mode } from "./components/image/image";
 import { Fields, Mode as Mode1 } from "./components/picker/picker";
 import { Nodes } from "./components/rich-text/rich-text";
+import { ScrollViewContext } from "@tarojs/taro";
 import { Conf } from "./components/tabbar/tabbar";
 import { Danmu } from "./components/video/video-danmu";
 export namespace Components {
@@ -305,11 +306,13 @@ export namespace Components {
     interface TaroRtcRoomItemCore {
     }
     interface TaroScrollViewCore {
+        "animated": boolean;
         "lowerThreshold": number | string;
         "mpScrollIntoView": string;
+        "mpScrollIntoViewMethod": (selector: string) => Promise<void>;
         "mpScrollLeft": number | string;
+        "mpScrollToMethod": (object: ScrollViewContext.scrollTo.Option) => Promise<void>;
         "mpScrollTop": number | string;
-        "scrollWithAnimation": boolean;
         "scrollX": boolean;
         "scrollY": boolean;
         "upperThreshold": number | string;
@@ -1546,6 +1549,7 @@ declare namespace LocalJSX {
     interface TaroRtcRoomItemCore {
     }
     interface TaroScrollViewCore {
+        "animated"?: boolean;
         "lowerThreshold"?: number | string;
         "mpScrollIntoView"?: string;
         "mpScrollLeft"?: number | string;
@@ -1553,7 +1557,6 @@ declare namespace LocalJSX {
         "onScroll"?: (event: TaroScrollViewCoreCustomEvent<any>) => void;
         "onScrolltolower"?: (event: TaroScrollViewCoreCustomEvent<any>) => void;
         "onScrolltoupper"?: (event: TaroScrollViewCoreCustomEvent<any>) => void;
-        "scrollWithAnimation"?: boolean;
         "scrollX"?: boolean;
         "scrollY"?: boolean;
         "upperThreshold"?: number | string;

package/lib/react/component-lib/index.d.ts

@@ -0,0 +1,55 @@
+declare const CoverImage: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const CoverView: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const MatchMedia: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const MovableArea: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const MovableView: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const PageContainer: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const RootPortal: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const ScrollView: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const ShareElement: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Swiper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const SwiperItem: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const View: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Icon: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Progress: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const RichText: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Text: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Button: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Checkbox: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const CheckboxGroup: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Editor: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Form: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const KeyboardAccessory: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Label: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Picker: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const PickerView: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const PickerViewColumn: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Radio: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const RadioGroup: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Slider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Switch: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Textarea: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const FunctionalPageNavigator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Navigator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const NavigationBar: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Audio: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Camera: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Image: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const LivePlayer: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const LivePusher: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Video: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const VoipRoom: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Map: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Canvas: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Ad: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const AdCustom: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const OfficialAccount: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const OpenData: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const WebView: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const PageMeta: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+declare const Block: import("react").ExoticComponent<{
+    children?: import("react").ReactNode;
+}>;
+declare const CustomWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
+export { CoverImage, CoverView, MatchMedia, MovableArea, MovableView, PageContainer, RootPortal, ScrollView, ShareElement, Swiper, SwiperItem, View, Icon, Progress, RichText, Text, Button, Checkbox, CheckboxGroup, Editor, Form, KeyboardAccessory, Label, Picker, PickerView, PickerViewColumn, Radio, RadioGroup, Slider, Switch, Textarea, FunctionalPageNavigator, Navigator, NavigationBar, Audio, Camera, Image, LivePlayer, LivePusher, Video, VoipRoom, Map, Canvas, Ad, AdCustom, OfficialAccount, OpenData, WebView, PageMeta, Block, CustomWrapper };
+export { default as Input } from "./input";

package/lib/react/component-lib/index.js

@@ -0,0 +1,68 @@
+import { Fragment } from 'react';
+import reactifyWebComponent from './reactify-wc.js';
+export { default as Input } from './input.js';
+
+// 视图容器
+const CoverImage = reactifyWebComponent('taro-cover-image-core');
+const CoverView = reactifyWebComponent('taro-cover-view-core');
+const MatchMedia = reactifyWebComponent('taro-match-media-core');
+const MovableArea = reactifyWebComponent('taro-movable-area-core');
+const MovableView = reactifyWebComponent('taro-movable-view-core');
+const PageContainer = reactifyWebComponent('taro-page-container-core');
+const RootPortal = reactifyWebComponent('taro-root-portal-core');
+const ScrollView = reactifyWebComponent('taro-scroll-view-core');
+const ShareElement = reactifyWebComponent('taro-share-element-core');
+const Swiper = reactifyWebComponent('taro-swiper-core');
+const SwiperItem = reactifyWebComponent('taro-swiper-item-core');
+const View = reactifyWebComponent('taro-view-core');
+// 基础内容
+const Icon = reactifyWebComponent('taro-icon-core');
+const Progress = reactifyWebComponent('taro-progress-core');
+const RichText = reactifyWebComponent('taro-rich-text-core');
+const Text = reactifyWebComponent('taro-text-core');
+// 表单组件
+const Button = reactifyWebComponent('taro-button-core');
+const Checkbox = reactifyWebComponent('taro-checkbox-core');
+const CheckboxGroup = reactifyWebComponent('taro-checkbox-group-core');
+const Editor = reactifyWebComponent('taro-editor-core');
+const Form = reactifyWebComponent('taro-form-core');
+const KeyboardAccessory = reactifyWebComponent('taro-keyboard-accessory-core');
+const Label = reactifyWebComponent('taro-label-core');
+const Picker = reactifyWebComponent('taro-picker-core');
+const PickerView = reactifyWebComponent('taro-picker-view-core');
+const PickerViewColumn = reactifyWebComponent('taro-picker-view-column-core');
+const Radio = reactifyWebComponent('taro-radio-core');
+const RadioGroup = reactifyWebComponent('taro-radio-group-core');
+const Slider = reactifyWebComponent('taro-slider-core');
+const Switch = reactifyWebComponent('taro-switch-core');
+const Textarea = reactifyWebComponent('taro-textarea-core');
+// 导航
+const FunctionalPageNavigator = reactifyWebComponent('taro-functional-page-navigator-core');
+const Navigator = reactifyWebComponent('taro-navigator-core');
+const NavigationBar = reactifyWebComponent('taro-navigation-bar-core');
+// 媒体组件
+const Audio = reactifyWebComponent('taro-audio-core');
+const Camera = reactifyWebComponent('taro-camera-core');
+const Image = reactifyWebComponent('taro-image-core');
+const LivePlayer = reactifyWebComponent('taro-live-player-core');
+const LivePusher = reactifyWebComponent('taro-live-pusher-core');
+const Video = reactifyWebComponent('taro-video-core');
+const VoipRoom = reactifyWebComponent('taro-voip-room-core');
+// 地图
+const Map = reactifyWebComponent('taro-map-core');
+// 画布
+const Canvas = reactifyWebComponent('taro-canvas-core');
+// 开放能力
+const Ad = reactifyWebComponent('taro-ad-core');
+const AdCustom = reactifyWebComponent('taro-ad-custom-core');
+const OfficialAccount = reactifyWebComponent('taro-official-account-core');
+const OpenData = reactifyWebComponent('taro-open-data-core');
+const WebView = reactifyWebComponent('taro-web-view-core');
+// 页面属性配置节点
+const PageMeta = reactifyWebComponent('taro-page-meta-core');
+// 其他
+const Block = Fragment;
+const CustomWrapper = reactifyWebComponent('taro-custom-wrapper-core');
+
+export { Ad, AdCustom, Audio, Block, Button, Camera, Canvas, Checkbox, CheckboxGroup, CoverImage, CoverView, CustomWrapper, Editor, Form, FunctionalPageNavigator, Icon, Image, KeyboardAccessory, Label, LivePlayer, LivePusher, Map, MatchMedia, MovableArea, MovableView, NavigationBar, Navigator, OfficialAccount, OpenData, PageContainer, PageMeta, Picker, PickerView, PickerViewColumn, Progress, Radio, RadioGroup, RichText, RootPortal, ScrollView, ShareElement, Slider, Swiper, SwiperItem, Switch, Text, Textarea, Video, View, VoipRoom, WebView };
+//# sourceMappingURL=index.js.map

package/lib/react/component-lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../taro-components-library-react/src/component-lib/index.ts"],"sourcesContent":["import { Fragment } from 'react'\n\nimport reactifyWc from './reactify-wc'\n\n// 视图容器\nexport const CoverImage = reactifyWc('taro-cover-image-core')\nexport const CoverView = reactifyWc('taro-cover-view-core')\nexport const MatchMedia = reactifyWc('taro-match-media-core')\nexport const MovableArea = reactifyWc('taro-movable-area-core')\nexport const MovableView = reactifyWc('taro-movable-view-core')\nexport const PageContainer = reactifyWc('taro-page-container-core')\nexport const RootPortal = reactifyWc('taro-root-portal-core')\nexport const ScrollView = reactifyWc('taro-scroll-view-core')\nexport const ShareElement = reactifyWc('taro-share-element-core')\nexport const Swiper = reactifyWc('taro-swiper-core')\nexport const SwiperItem = reactifyWc('taro-swiper-item-core')\nexport const View = reactifyWc('taro-view-core')\n\n// 基础内容\nexport const Icon = reactifyWc('taro-icon-core')\nexport const Progress = reactifyWc('taro-progress-core')\nexport const RichText = reactifyWc('taro-rich-text-core')\nexport const Text = reactifyWc('taro-text-core')\n\n// 表单组件\nexport const Button = reactifyWc('taro-button-core')\nexport const Checkbox = reactifyWc('taro-checkbox-core')\nexport const CheckboxGroup = reactifyWc('taro-checkbox-group-core')\nexport const Editor = reactifyWc('taro-editor-core')\nexport const Form = reactifyWc('taro-form-core')\nexport { default as Input } from './input'\nexport const KeyboardAccessory = reactifyWc('taro-keyboard-accessory-core')\nexport const Label = reactifyWc('taro-label-core')\nexport const Picker = reactifyWc('taro-picker-core')\nexport const PickerView = reactifyWc('taro-picker-view-core')\nexport const PickerViewColumn = reactifyWc('taro-picker-view-column-core')\nexport const Radio = reactifyWc('taro-radio-core')\nexport const RadioGroup = reactifyWc('taro-radio-group-core')\nexport const Slider = reactifyWc('taro-slider-core')\nexport const Switch = reactifyWc('taro-switch-core')\nexport const Textarea = reactifyWc('taro-textarea-core')\n\n// 导航\nexport const FunctionalPageNavigator = reactifyWc('taro-functional-page-navigator-core')\nexport const Navigator = reactifyWc('taro-navigator-core')\nexport const NavigationBar = reactifyWc('taro-navigation-bar-core')\n\n// 媒体组件\nexport const Audio = reactifyWc('taro-audio-core')\nexport const Camera = reactifyWc('taro-camera-core')\nexport const Image = reactifyWc('taro-image-core')\nexport const LivePlayer = reactifyWc('taro-live-player-core')\nexport const LivePusher = reactifyWc('taro-live-pusher-core')\nexport const Video = reactifyWc('taro-video-core')\nexport const VoipRoom = reactifyWc('taro-voip-room-core')\n\n// 地图\nexport const Map = reactifyWc('taro-map-core')\n\n// 画布\nexport const Canvas = reactifyWc('taro-canvas-core')\n\n// 开放能力\nexport const Ad = reactifyWc('taro-ad-core')\nexport const AdCustom = reactifyWc('taro-ad-custom-core')\nexport const OfficialAccount = reactifyWc('taro-official-account-core')\nexport const OpenData = reactifyWc('taro-open-data-core')\nexport const WebView = reactifyWc('taro-web-view-core')\n\n// 页面属性配置节点\nexport const PageMeta = reactifyWc('taro-page-meta-core')\n\n// 其他\nexport const Block = Fragment\nexport const CustomWrapper = reactifyWc('taro-custom-wrapper-core')\n"],"names":["reactifyWc"],"mappings":"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"}

package/lib/react/component-lib/input.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export { _default as default };

package/lib/react/component-lib/input.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import reactifyWebComponent from './reactify-wc.js';
+
+const Input = reactifyWebComponent('taro-input-core');
+const h = React.createElement;
+// eslint-disable-next-line react/display-name
+var input = React.forwardRef((props, ref) => {
+    const args = Object.assign({}, props);
+    if (args.hasOwnProperty('focus')) {
+        args.autoFocus = Boolean(args.focus);
+        delete args.focus;
+    }
+    return (h(Input, Object.assign(Object.assign({}, args), { ref })));
+});
+
+export { input as default };
+//# sourceMappingURL=input.js.map

package/lib/react/component-lib/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../../taro-components-library-react/src/component-lib/input.ts"],"sourcesContent":["import React from 'react'\n\nimport reactifyWc from './reactify-wc'\n\nconst Input = reactifyWc('taro-input-core')\n\nconst h = React.createElement\n\n// eslint-disable-next-line react/display-name\nexport default React.forwardRef((props, ref) => {\n  const args: Record<string, unknown> = { ...props }\n\n  if (args.hasOwnProperty('focus')) {\n    args.autoFocus = Boolean(args.focus)\n    delete args.focus\n  }\n\n  return (\n    h(Input, { ...args, ref })\n  )\n})\n"],"names":["reactifyWc"],"mappings":";;;AAIA,MAAM,KAAK,GAAGA,oBAAU,CAAC,iBAAiB,CAAC,CAAA;AAE3C,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAA;AAE7B;AACA,YAAe,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAI;AAC7C,IAAA,MAAM,IAAI,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAiC,KAAK,CAAE,CAAA;AAElD,IAAA,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QAChC,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpC,OAAO,IAAI,CAAC,KAAK,CAAA;AAClB,KAAA;IAED,QACE,CAAC,CAAC,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAO,IAAI,CAAE,EAAA,EAAA,GAAG,EAAG,CAAA,CAAA,EAC3B;AACH,CAAC,CAAC;;;;"}

package/lib/react/component-lib/reactify-wc.d.ts

@@ -0,0 +1,7 @@
+/**
+ * https://github.com/BBKolton/reactify-wc/
+ * modified event naming
+ **/
+import React from 'react';
+declare const reactifyWebComponent: (WC: any) => React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export { reactifyWebComponent as default };

package/lib/react/component-lib/reactify-wc.js

@@ -0,0 +1,176 @@
+import React, { createRef, createElement } from 'react';
+
+/**
+ * https://github.com/BBKolton/reactify-wc/
+ * modified event naming
+ **/
+const h = React.createElement;
+const SCROLL_VIEW = 'taro-scroll-view-core';
+const IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
+// 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
+function getClassName(wc, prevProps, props) {
+    const classList = Array.from(wc.classList);
+    const oldClassNames = (prevProps.className || prevProps.class || '').split(' ');
+    let incomingClassNames = (props.className || props.class || '').split(' ');
+    let finalClassNames = [];
+    classList.forEach(classname => {
+        if (incomingClassNames.indexOf(classname) > -1) {
+            finalClassNames.push(classname);
+            incomingClassNames = incomingClassNames.filter(name => name !== classname);
+        }
+        else if (oldClassNames.indexOf(classname) === -1) {
+            finalClassNames.push(classname);
+        }
+    });
+    finalClassNames = [...finalClassNames, ...incomingClassNames];
+    return finalClassNames.join(' ');
+}
+function updateStyle(dom, key, val) {
+    if (/^--/.test(key)) {
+        // css variable
+        dom.style.setProperty(key, val);
+    }
+    else if (typeof val !== 'number' || IS_NON_DIMENSIONAL.test(key)) {
+        dom.style[key] = val;
+    }
+    else {
+        dom.style[key] = val + 'px';
+    }
+}
+function updateProp(ctx, comp, propKey, prevProps, props) {
+    const dom = ctx.ref.current;
+    const val = props[propKey];
+    const prevVal = prevProps ? prevProps[propKey] : undefined;
+    if (propKey === 'children') {
+        return;
+    }
+    if (propKey.toLowerCase() === 'classname') {
+        dom.className = prevProps
+            ? getClassName(dom, prevProps, props)
+            : val;
+        return;
+    }
+    if (propKey === 'style') {
+        if (typeof val === 'string') {
+            dom.setAttribute(propKey, val);
+            return;
+        }
+        if (!val) {
+            dom.removeAttribute(propKey);
+            return;
+        }
+        if (prevProps) {
+            if (typeof prevVal === 'string') {
+                dom.style.cssText = '';
+            }
+            else {
+                for (const styleKey in prevVal) {
+                    updateStyle(dom, styleKey, '');
+                }
+            }
+        }
+        for (const styleKey in val) {
+            updateStyle(dom, styleKey, val[styleKey]);
+        }
+        return;
+    }
+    if (/^data-.+/.test(propKey)) {
+        dom.setAttribute(propKey, val);
+    }
+    if (comp === SCROLL_VIEW) {
+        if (propKey === 'scrollTop') {
+            dom.mpScrollTop = val;
+            return;
+        }
+        if (propKey === 'scrollLeft') {
+            dom.mpScrollLeft = val;
+            return;
+        }
+        if (propKey === 'scrollIntoView') {
+            dom.mpScrollIntoView = val;
+            return;
+        }
+    }
+    if (typeof val === 'function' && propKey.match(/^on[A-Z]/)) {
+        const event = propKey.substr(2).toLowerCase();
+        ctx.eventHandlers.push([event, val]);
+        return dom.addEventListener(event, val);
+    }
+    if (typeof val === 'string' || typeof val === 'number') {
+        dom.setAttribute(propKey, val);
+        dom[propKey] = val;
+        return;
+    }
+    if (typeof val === 'boolean') {
+        if (val) {
+            dom[propKey] = true;
+            return dom.setAttribute(propKey, val);
+        }
+        dom[propKey] = false;
+        return dom.removeAttribute(propKey);
+    }
+    dom[propKey] = val;
+}
+const reactifyWebComponent = WC => {
+    class Index extends React.Component {
+        constructor(props) {
+            super(props);
+            this.eventHandlers = [];
+            this.ref = createRef();
+        }
+        update(prevProps) {
+            this.clearEventHandlers();
+            if (!this.ref.current)
+                return;
+            Object.keys(prevProps || {}).forEach((key) => {
+                if (key !== 'children' && key !== 'key' && !(key in this.props)) {
+                    updateProp(this, WC, key, prevProps, this.props);
+                }
+            });
+            Object.keys(this.props).forEach((key) => {
+                updateProp(this, WC, key, prevProps, this.props);
+            });
+        }
+        componentDidUpdate(prevProps) {
+            this.update(prevProps);
+        }
+        componentDidMount() {
+            const { forwardRef } = this.props;
+            if (typeof forwardRef === 'function') {
+                forwardRef(this.ref.current);
+            }
+            else if (forwardRef && typeof forwardRef === 'object' && forwardRef.hasOwnProperty('current')) {
+                forwardRef.current = this.ref.current;
+            }
+            else if (typeof forwardRef === 'string') {
+                console.warn('内置组件不支持字符串 ref');
+            }
+            this.update(undefined);
+        }
+        componentWillUnmount() {
+            this.clearEventHandlers();
+        }
+        clearEventHandlers() {
+            this.eventHandlers.forEach(([event, handler]) => {
+                if (!this.ref.current)
+                    return;
+                this.ref.current.removeEventListener(event, handler);
+            });
+            this.eventHandlers = [];
+        }
+        render() {
+            const { children, dangerouslySetInnerHTML } = this.props;
+            const props = {
+                ref: this.ref
+            };
+            if (dangerouslySetInnerHTML)
+                props.dangerouslySetInnerHTML = dangerouslySetInnerHTML;
+            return createElement(WC, props, children);
+        }
+    }
+    // eslint-disable-next-line react/display-name
+    return React.forwardRef((props, ref) => (h(Index, Object.assign(Object.assign({}, props), { forwardRef: ref }))));
+};
+
+export { reactifyWebComponent as default };
+//# sourceMappingURL=reactify-wc.js.map

package/lib/react/component-lib/reactify-wc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactify-wc.js","sources":["../../../../taro-components-library-react/src/component-lib/reactify-wc.ts"],"sourcesContent":["/**\n * https://github.com/BBKolton/reactify-wc/\n * modified event naming\n **/\nimport React, { createElement, createRef } from 'react'\n\nconst h = React.createElement\n\nconst SCROLL_VIEW = 'taro-scroll-view-core'\n\nconst IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i\n\n// 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class\nfunction getClassName (wc, prevProps, props) {\n  const classList = Array.from(wc.classList)\n  const oldClassNames = (prevProps.className || prevProps.class || '').split(' ')\n  let incomingClassNames = (props.className || props.class || '').split(' ')\n  let finalClassNames = []\n\n  classList.forEach(classname => {\n    if (incomingClassNames.indexOf(classname) > -1) {\n      finalClassNames.push(classname)\n      incomingClassNames = incomingClassNames.filter(name => name !== classname)\n    } else if (oldClassNames.indexOf(classname) === -1) {\n      finalClassNames.push(classname)\n    }\n  })\n\n  finalClassNames = [...finalClassNames, ...incomingClassNames]\n\n  return finalClassNames.join(' ')\n}\n\nfunction updateStyle (dom, key, val) {\n  if (/^--/.test(key)) {\n    // css variable\n    dom.style.setProperty(key, val)\n  } else if (typeof val !== 'number' || IS_NON_DIMENSIONAL.test(key)) {\n    dom.style[key] = val\n  } else {\n    dom.style[key] = val + 'px'\n  }\n}\n\nfunction updateProp (ctx, comp, propKey, prevProps, props) {\n  const dom = ctx.ref.current\n  const val = props[propKey]\n  const prevVal = prevProps ? prevProps[propKey] : undefined\n\n  if (propKey === 'children') {\n    return\n  }\n  if (propKey.toLowerCase() === 'classname') {\n    dom.className = prevProps\n      ? getClassName(dom, prevProps, props)\n      : val\n    return\n  }\n  if (propKey === 'style') {\n    if (typeof val === 'string') {\n      dom.setAttribute(propKey, val)\n      return\n    }\n    if (!val) {\n      dom.removeAttribute(propKey)\n      return\n    }\n\n    if (prevProps) {\n      if (typeof prevVal === 'string') {\n        dom.style.cssText = ''\n      } else {\n        for (const styleKey in prevVal) {\n          updateStyle(dom, styleKey, '')\n        }\n      }\n    }\n\n    for (const styleKey in val) {\n      updateStyle(dom, styleKey, val[styleKey])\n    }\n    return\n  }\n  if (/^data-.+/.test(propKey)) {\n    dom.setAttribute(propKey, val)\n  }\n  if (comp === SCROLL_VIEW) {\n    if (propKey === 'scrollTop') {\n      dom.mpScrollTop = val\n      return\n    }\n    if (propKey === 'scrollLeft') {\n      dom.mpScrollLeft = val\n      return\n    }\n    if (propKey === 'scrollIntoView') {\n      dom.mpScrollIntoView = val\n      return\n    }\n  }\n  if (typeof val === 'function' && propKey.match(/^on[A-Z]/)) {\n    const event = propKey.substr(2).toLowerCase()\n\n    ctx.eventHandlers.push([event, val])\n    return dom.addEventListener(event, val)\n  }\n\n  if (typeof val === 'string' || typeof val === 'number') {\n    dom.setAttribute(propKey, val)\n    dom[propKey] = val\n    return\n  }\n  if (typeof val === 'boolean') {\n    if (val) {\n      dom[propKey] = true\n      return dom.setAttribute(\n        propKey,\n        val\n      )\n    }\n    dom[propKey] = false\n    return dom.removeAttribute(propKey)\n  }\n  dom[propKey] = val\n}\n\nconst reactifyWebComponent = WC => {\n  class Index extends React.Component<Record<string, any>> {\n    eventHandlers: any[]\n    ref: React.RefObject<HTMLElement>\n\n    constructor (props) {\n      super(props)\n      this.eventHandlers = []\n      this.ref = createRef()\n    }\n\n    update (prevProps) {\n      this.clearEventHandlers()\n      if (!this.ref.current) return\n\n      Object.keys(prevProps || {}).forEach((key) => {\n        if (key !== 'children' && key !== 'key' && !(key in this.props)) {\n          updateProp(this, WC, key, prevProps, this.props)\n        }\n      })\n\n      Object.keys(this.props).forEach((key) => {\n        updateProp(this, WC, key, prevProps, this.props)\n      })\n    }\n\n    componentDidUpdate (prevProps) {\n      this.update(prevProps)\n    }\n\n    componentDidMount () {\n      const { forwardRef } = this.props\n      if (typeof forwardRef === 'function') {\n        forwardRef(this.ref.current)\n      } else if (forwardRef && typeof forwardRef === 'object' && forwardRef.hasOwnProperty('current')) {\n        forwardRef.current = this.ref.current\n      } else if (typeof forwardRef === 'string') {\n        console.warn('内置组件不支持字符串 ref')\n      }\n      this.update(undefined)\n    }\n\n    componentWillUnmount () {\n      this.clearEventHandlers()\n    }\n\n    clearEventHandlers () {\n      this.eventHandlers.forEach(([event, handler]) => {\n        if (!this.ref.current) return\n        this.ref.current.removeEventListener(event, handler)\n      })\n      this.eventHandlers = []\n    }\n\n    render () {\n      const { children, dangerouslySetInnerHTML } = this.props\n      const props: Record<string, any> = {\n        ref: this.ref\n      }\n      if (dangerouslySetInnerHTML) props.dangerouslySetInnerHTML = dangerouslySetInnerHTML\n      return createElement(WC, props, children)\n    }\n  }\n\n  // eslint-disable-next-line react/display-name\n  return React.forwardRef((props, ref) => (\n    h(Index, { ...props, forwardRef: ref })\n  ))\n}\n\nexport default reactifyWebComponent\n"],"names":[],"mappings":"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"}

package/lib/react/react-component-lib/utils/attachProps.d.ts

@@ -4,7 +4,7 @@ declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: a
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
-declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
+declare const isCoveredByReact: (__eventNameSuffix: string) => boolean;
 declare const syncEvent: (node: Element & {
     __events?: {
         [key: string]: (e: Event) => any;

package/lib/react/react-component-lib/utils/attachProps.js

@@ -62,21 +62,7 @@ const getClassName = (classList, newProps, oldProps) => {
  * Checks if an event is supported in the current execution environment.
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
-const isCoveredByReact = (eventNameSuffix) => {
-    if (typeof document === 'undefined') {
-        return true;
-    }
-    else {
-        const eventName = 'on' + eventNameSuffix;
-        let isSupported = eventName in document;
-        if (!isSupported) {
-            const element = document.createElement('div');
-            element.setAttribute(eventName, 'return;');
-            isSupported = typeof element[eventName] === 'function';
-        }
-        return isSupported;
-    }
-};
+const isCoveredByReact = (__eventNameSuffix) => false;
 const syncEvent = (node, eventName, newEventHandler) => {
     const eventStore = node.__events || (node.__events = {});
     const oldEventHandler = eventStore[eventName];

package/lib/react/react-component-lib/utils/attachProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachProps.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/attachProps.ts"],"sourcesContent":["import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName.toLowerCase();\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (eventNameSuffix: string) => {\n  if (typeof document === 'undefined') {\n    return true;\n  } else {\n    const eventName = 'on' + eventNameSuffix;\n    let isSupported = eventName in document;\n\n    if (!isSupported) {\n      const element = document.createElement('div');\n      element.setAttribute(eventName, 'return;');\n      isSupported = typeof (element as any)[eventName] === 'function';\n    }\n\n    return isSupported;\n  }\n};\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"attachProps.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/attachProps.ts"],"sourcesContent":["import { camelToDashCase } from './case';\n\nexport const attachProps = (node: HTMLElement, newProps: any, oldProps: any = {}) => {\n  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first\n  if (node instanceof Element) {\n    // add any classes in className to the class list\n    const className = getClassName(node.classList, newProps, oldProps);\n    if (className !== '') {\n      node.className = className;\n    }\n\n    Object.keys(newProps).forEach((name) => {\n      if (\n        name === 'children' ||\n        name === 'style' ||\n        name === 'ref' ||\n        name === 'class' ||\n        name === 'className' ||\n        name === 'forwardedRef'\n      ) {\n        return;\n      }\n      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n        const eventName = name.substring(2);\n        const eventNameLc = eventName.toLowerCase();\n\n        if (!isCoveredByReact(eventNameLc)) {\n          syncEvent(node, eventNameLc, newProps[name]);\n        }\n      } else {\n        (node as any)[name] = newProps[name];\n        const propType = typeof newProps[name];\n        if (propType === 'string') {\n          node.setAttribute(camelToDashCase(name), newProps[name]);\n        }\n      }\n    });\n  }\n};\n\nexport const getClassName = (classList: DOMTokenList, newProps: any, oldProps: any) => {\n  const newClassProp: string = newProps.className || newProps.class;\n  const oldClassProp: string = oldProps.className || oldProps.class;\n  // map the classes to Maps for performance\n  const currentClasses = arrayToMap(classList);\n  const incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);\n  const oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);\n  const finalClassNames: string[] = [];\n  // loop through each of the current classes on the component\n  // to see if it should be a part of the classNames added\n  currentClasses.forEach((currentClass) => {\n    if (incomingPropClasses.has(currentClass)) {\n      // add it as its already included in classnames coming in from newProps\n      finalClassNames.push(currentClass);\n      incomingPropClasses.delete(currentClass);\n    } else if (!oldPropClasses.has(currentClass)) {\n      // add it as it has NOT been removed by user\n      finalClassNames.push(currentClass);\n    }\n  });\n  incomingPropClasses.forEach((s) => finalClassNames.push(s));\n  return finalClassNames.join(' ');\n};\n\n/**\n * Checks if an event is supported in the current execution environment.\n * @license Modernizr 3.0.0pre (Custom Build) | MIT\n */\nexport const isCoveredByReact = (__eventNameSuffix: string) => false;\n\nexport const syncEvent = (\n  node: Element & { __events?: { [key: string]: ((e: Event) => any) | undefined } },\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events || (node.__events = {});\n  const oldEventHandler = eventStore[eventName];\n\n  // Remove old listener so they don't double up.\n  if (oldEventHandler) {\n    node.removeEventListener(eventName, oldEventHandler);\n  }\n\n  // Bind new listener.\n  node.addEventListener(\n    eventName,\n    (eventStore[eventName] = function handler(e: Event) {\n      if (newEventHandler) {\n        newEventHandler.call(this, e);\n      }\n    })\n  );\n};\n\nconst arrayToMap = (arr: string[] | DOMTokenList) => {\n  const map = new Map<string, string>();\n  (arr as string[]).forEach((s: string) => map.set(s, s));\n  return map;\n};\n"],"names":[],"mappings":"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"}