@tarojs/components 4.0.1-alpha.1 → 4.0.1

package/lib/{solid/solid-component-lib/interfaces.d.ts → react/interfaces-f526f1a2.d.ts}

@@ -2,21 +2,21 @@
  * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/interfaces.ts
  * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
  */
-export interface EventEmitter<T = any> {
+interface EventEmitter<T = any> {
     emit: (data?: T) => CustomEvent<T>;
 }
-export interface StyleReactProps {
+interface StyleReactProps {
     class?: string;
     className?: string;
     style?: {
         [key: string]: any;
     };
 }
-export interface OverlayEventDetail<T = any> {
+interface OverlayEventDetail<T = any> {
     data?: T;
     role?: string;
 }
-export interface OverlayInterface {
+interface OverlayInterface {
     el: HTMLElement;
     animated: boolean;
     keyboardClose: boolean;
@@ -31,3 +31,4 @@ export interface OverlayInterface {
     present(): Promise<void>;
     dismiss(data?: any, role?: string): Promise<boolean>;
 }
+export { EventEmitter, StyleReactProps, OverlayEventDetail, OverlayInterface };

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

@@ -3,12 +3,12 @@
  * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
  */
 import React from 'react';
-export interface HTMLStencilElement extends HTMLElement {
+interface HTMLStencilElement extends HTMLElement {
     componentOnReady(): Promise<this>;
 }
 interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
     forwardedRef: React.RefObject<ElementType>;
     ref?: React.Ref<any>;
 }
-export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = any, ExpandedPropsTypes = any>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
-export {};
+declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = any, ExpandedPropsTypes = any>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<import("./utils/index.js").StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+export { HTMLStencilElement, createReactComponent };

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

@@ -1,4 +1,4 @@
-import { __rest } from '../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.18.0_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { __rest } from 'tslib';
 import React, { createElement } from 'react';
 import { mergeRefs, createForwardRef } from './utils/index.js';
 import { dashToPascalCase, camelToDashCase } from './utils/case.js';

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

@@ -1 +1 @@
-{"version":3,"file":"createComponent.js","sources":["../../../../taro-components-library-react/src/react-component-lib/createComponent.tsx"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/createComponent.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport React, { createElement } from 'react'\n\nimport {\n  applyUnControlledDefaultValue,\n  attachProps,\n  camelToDashCase,\n  createForwardRef,\n  dashToPascalCase,\n  isCoveredByReact,\n  mergeRefs,\n} from './utils'\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>\n  ref?: React.Ref<any>\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = any,\n  ExpandedPropsTypes = any\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (!DEPRECATED_ADAPTER_COMPONENT && defineCustomElement !== undefined) {\n    defineCustomElement()\n  }\n\n  const displayName = dashToPascalCase(tagName)\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element\n    }\n\n    // eslint-disable-next-line no-useless-constructor\n    constructor (props: StencilReactInternalProps<ElementType>) {\n      super(props)\n    }\n\n    componentDidMount () {\n      applyUnControlledDefaultValue(this.componentEl, this.props)\n      this.componentDidUpdate(this.props)\n    }\n\n    componentDidUpdate (prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps)\n    }\n\n    render () {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { children, forwardedRef, className, ref, style, ...cProps } = this.props\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name]\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase()\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value\n\n          if (['string', 'boolean', 'number'].includes(type)) {\n            acc[camelToDashCase(name)] = value\n          }\n        }\n        return acc\n      }, {} as ExpandedPropsTypes)\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass)\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        // Note(taro): 需处理 string 类型的 style，调整到 manipulatePropsFunction 方法中判断是否需注入 (string 类型在 attachProps 中处理)\n        // style\n      }\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children)\n    }\n\n    static get displayName () {\n      return displayName\n    }\n  }\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName)\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"createComponent.js","sources":["../../../../taro-components-library-react/src/react-component-lib/createComponent.tsx"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/createComponent.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport React, { createElement } from 'react'\n\nimport {\n  applyUnControlledDefaultValue,\n  attachProps,\n  camelToDashCase,\n  createForwardRef,\n  dashToPascalCase,\n  isCoveredByReact,\n  mergeRefs,\n} from './utils'\n\nexport interface HTMLStencilElement extends HTMLElement {\n  componentOnReady(): Promise<this>\n}\n\ninterface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {\n  forwardedRef: React.RefObject<ElementType>\n  ref?: React.Ref<any>\n}\n\nexport const createReactComponent = <\n  PropType,\n  ElementType extends HTMLStencilElement,\n  ContextStateType = any,\n  ExpandedPropsTypes = any\n>(\n  tagName: string,\n  ReactComponentContext?: React.Context<ContextStateType>,\n  manipulatePropsFunction?: (\n    originalProps: StencilReactInternalProps<ElementType>,\n    propsToPass: any\n  ) => ExpandedPropsTypes,\n  defineCustomElement?: () => void\n) => {\n  if (!DEPRECATED_ADAPTER_COMPONENT && defineCustomElement !== undefined) {\n    defineCustomElement()\n  }\n\n  const displayName = dashToPascalCase(tagName)\n  const ReactComponent = class extends React.Component<StencilReactInternalProps<ElementType>> {\n    componentEl!: ElementType\n\n    setComponentElRef = (element: ElementType) => {\n      this.componentEl = element\n    }\n\n    // eslint-disable-next-line no-useless-constructor\n    constructor (props: StencilReactInternalProps<ElementType>) {\n      super(props)\n    }\n\n    componentDidMount () {\n      applyUnControlledDefaultValue(this.componentEl, this.props)\n      this.componentDidUpdate(this.props)\n    }\n\n    componentDidUpdate (prevProps: StencilReactInternalProps<ElementType>) {\n      attachProps(this.componentEl, this.props, prevProps)\n    }\n\n    render () {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { children, forwardedRef, className, ref, style, ...cProps } = this.props\n\n      let propsToPass = Object.keys(cProps).reduce((acc: any, name) => {\n        const value = (cProps as any)[name]\n\n        if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {\n          const eventName = name.substring(2).toLowerCase()\n          if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {\n            acc[name] = value\n          }\n        } else {\n          // we should only render strings, booleans, and numbers as attrs in html.\n          // objects, functions, arrays etc get synced via properties on mount.\n          const type = typeof value\n\n          if (['string', 'boolean', 'number'].includes(type)) {\n            acc[camelToDashCase(name)] = value\n          }\n        }\n        return acc\n      }, {} as ExpandedPropsTypes)\n\n      if (manipulatePropsFunction) {\n        propsToPass = manipulatePropsFunction(this.props, propsToPass)\n      }\n\n      const newProps: Omit<StencilReactInternalProps<ElementType>, 'forwardedRef'> = {\n        ...propsToPass,\n        ref: mergeRefs(forwardedRef, this.setComponentElRef),\n        // Note(taro): 需处理 string 类型的 style，调整到 manipulatePropsFunction 方法中判断是否需注入 (string 类型在 attachProps 中处理)\n        // style\n      }\n\n      /**\n       * We use createElement here instead of\n       * React.createElement to work around a\n       * bug in Vite (https://github.com/vitejs/vite/issues/6104).\n       * React.createElement causes all elements to be rendered\n       * as <tagname> instead of the actual Web Component.\n       */\n      return createElement(tagName, newProps, children)\n    }\n\n    static get displayName () {\n      return displayName\n    }\n  }\n\n  // If context was passed to createReactComponent then conditionally add it to the Component Class\n  if (ReactComponentContext) {\n    ReactComponent.contextType = ReactComponentContext\n  }\n\n  return createForwardRef<PropType, ElementType>(ReactComponent, displayName)\n}\n"],"names":[],"mappings":"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"}

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

@@ -3,13 +3,13 @@
  * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
  */
 import React from 'react';
-import { OverlayEventDetail } from './interfaces';
-import { StencilReactForwardedRef } from './utils';
+import { OverlayEventDetail } from "../interfaces-f526f1a2.js";
+import { StencilReactForwardedRef } from "./utils/index.js";
 interface OverlayElement extends HTMLElement {
     present: () => Promise<void>;
     dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
 }
-export interface ReactOverlayProps {
+interface ReactOverlayProps {
     children?: React.ReactNode;
     isOpen: boolean;
     onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
@@ -17,9 +17,9 @@ export interface ReactOverlayProps {
     onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
     onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
 }
-export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
+declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
     create: (options: any) => Promise<OverlayType>;
 }, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
     forwardedRef?: StencilReactForwardedRef<OverlayType>;
 }> & React.RefAttributes<OverlayType>>;
-export {};
+export { ReactOverlayProps, createOverlayComponent };

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

@@ -1,4 +1,4 @@
-import { __rest } from '../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.18.0_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { __rest } from 'tslib';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { defineCustomElement, setRef } from './utils/index.js';

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

@@ -1 +1 @@
-{"version":3,"file":"createOverlayComponent.js","sources":["../../../../taro-components-library-react/src/react-component-lib/createOverlayComponent.tsx"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/createOverlayComponent.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport React from 'react'\nimport ReactDOM from 'react-dom'\n\nimport { OverlayEventDetail } from './interfaces'\nimport { attachProps, dashToPascalCase, defineCustomElement, setRef, StencilReactForwardedRef } from './utils'\n\ninterface OverlayElement extends HTMLElement {\n  present: () => Promise<void>\n  dismiss: (data?: any, role?: string | undefined) => Promise<boolean>\n}\n\nexport interface ReactOverlayProps {\n  children?: React.ReactNode\n  isOpen: boolean\n  onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void\n  onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void\n  onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void\n  onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void\n}\n\nexport const createOverlayComponent = <OverlayComponent extends object, OverlayType extends OverlayElement>(\n  tagName: string,\n  controller: { create: (options: any) => Promise<OverlayType> },\n  customElement?: any\n) => {\n  defineCustomElement(tagName, customElement)\n\n  const displayName = dashToPascalCase(tagName)\n  const didDismissEventName = `on${displayName}DidDismiss`\n  const didPresentEventName = `on${displayName}DidPresent`\n  const willDismissEventName = `on${displayName}WillDismiss`\n  const willPresentEventName = `on${displayName}WillPresent`\n\n  type Props = OverlayComponent &\n  ReactOverlayProps & {\n    forwardedRef?: StencilReactForwardedRef<OverlayType>\n  };\n\n  let isDismissing = false\n\n  class Overlay extends React.Component<Props> {\n    overlay?: OverlayType\n    el!: HTMLDivElement\n\n    constructor (props: Props) {\n      super(props)\n      if (typeof document !== 'undefined') {\n        this.el = document.createElement('div')\n      }\n      this.handleDismiss = this.handleDismiss.bind(this)\n    }\n\n    static get displayName () {\n      return displayName\n    }\n\n    componentDidMount () {\n      if (this.props.isOpen) {\n        this.present()\n      }\n    }\n\n    componentWillUnmount () {\n      if (this.overlay) {\n        this.overlay.dismiss()\n      }\n    }\n\n    handleDismiss (event: CustomEvent<OverlayEventDetail<any>>) {\n      if (this.props.onDidDismiss) {\n        this.props.onDidDismiss(event)\n      }\n      setRef(this.props.forwardedRef, null)\n    }\n\n    shouldComponentUpdate (nextProps: Props) {\n      // Check if the overlay component is about to dismiss\n      if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {\n        isDismissing = true\n      }\n\n      return true\n    }\n\n    async componentDidUpdate (prevProps: Props) {\n      if (this.overlay) {\n        attachProps(this.overlay, this.props, prevProps)\n      }\n\n      if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {\n        this.present(prevProps)\n      }\n      if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {\n        await this.overlay.dismiss()\n        isDismissing = false\n\n        /**\n         * Now that the overlay is dismissed\n         * we need to render again so that any\n         * inner components will be unmounted\n         */\n        this.forceUpdate()\n      }\n    }\n\n    async present (prevProps?: Props) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props\n      const elementProps = {\n        ...cProps,\n        ref: this.props.forwardedRef,\n        [didDismissEventName]: this.handleDismiss,\n        [didPresentEventName]: (e: CustomEvent) => this.props.onDidPresent && this.props.onDidPresent(e),\n        [willDismissEventName]: (e: CustomEvent) => this.props.onWillDismiss && this.props.onWillDismiss(e),\n        [willPresentEventName]: (e: CustomEvent) => this.props.onWillPresent && this.props.onWillPresent(e),\n      }\n\n      this.overlay = await controller.create({\n        ...elementProps,\n        component: this.el,\n        componentProps: {},\n      })\n\n      setRef(this.props.forwardedRef, this.overlay)\n      attachProps(this.overlay, elementProps, prevProps)\n\n      await this.overlay.present()\n    }\n\n    render () {\n      /**\n       * Continue to render the component even when\n       * overlay is dismissing otherwise component\n       * will be hidden before animation is done.\n       */\n      return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el)\n    }\n  }\n\n  return React.forwardRef<OverlayType, Props>((props, ref) => {\n    // Note: 组件库错误引入 vue 的 ts 类型，导致 ts 报错，这里先忽略\n    // @ts-ignore\n    return <Overlay {...props} forwardedRef={ref} />\n  })\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"createOverlayComponent.js","sources":["../../../../taro-components-library-react/src/react-component-lib/createOverlayComponent.tsx"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/createOverlayComponent.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport React from 'react'\nimport ReactDOM from 'react-dom'\n\nimport { OverlayEventDetail } from './interfaces'\nimport { attachProps, dashToPascalCase, defineCustomElement, setRef, StencilReactForwardedRef } from './utils'\n\ninterface OverlayElement extends HTMLElement {\n  present: () => Promise<void>\n  dismiss: (data?: any, role?: string | undefined) => Promise<boolean>\n}\n\nexport interface ReactOverlayProps {\n  children?: React.ReactNode\n  isOpen: boolean\n  onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void\n  onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void\n  onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void\n  onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void\n}\n\nexport const createOverlayComponent = <OverlayComponent extends object, OverlayType extends OverlayElement>(\n  tagName: string,\n  controller: { create: (options: any) => Promise<OverlayType> },\n  customElement?: any\n) => {\n  defineCustomElement(tagName, customElement)\n\n  const displayName = dashToPascalCase(tagName)\n  const didDismissEventName = `on${displayName}DidDismiss`\n  const didPresentEventName = `on${displayName}DidPresent`\n  const willDismissEventName = `on${displayName}WillDismiss`\n  const willPresentEventName = `on${displayName}WillPresent`\n\n  type Props = OverlayComponent &\n  ReactOverlayProps & {\n    forwardedRef?: StencilReactForwardedRef<OverlayType>\n  };\n\n  let isDismissing = false\n\n  class Overlay extends React.Component<Props> {\n    overlay?: OverlayType\n    el!: HTMLDivElement\n\n    constructor (props: Props) {\n      super(props)\n      if (typeof document !== 'undefined') {\n        this.el = document.createElement('div')\n      }\n      this.handleDismiss = this.handleDismiss.bind(this)\n    }\n\n    static get displayName () {\n      return displayName\n    }\n\n    componentDidMount () {\n      if (this.props.isOpen) {\n        this.present()\n      }\n    }\n\n    componentWillUnmount () {\n      if (this.overlay) {\n        this.overlay.dismiss()\n      }\n    }\n\n    handleDismiss (event: CustomEvent<OverlayEventDetail<any>>) {\n      if (this.props.onDidDismiss) {\n        this.props.onDidDismiss(event)\n      }\n      setRef(this.props.forwardedRef, null)\n    }\n\n    shouldComponentUpdate (nextProps: Props) {\n      // Check if the overlay component is about to dismiss\n      if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {\n        isDismissing = true\n      }\n\n      return true\n    }\n\n    async componentDidUpdate (prevProps: Props) {\n      if (this.overlay) {\n        attachProps(this.overlay, this.props, prevProps)\n      }\n\n      if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {\n        this.present(prevProps)\n      }\n      if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {\n        await this.overlay.dismiss()\n        isDismissing = false\n\n        /**\n         * Now that the overlay is dismissed\n         * we need to render again so that any\n         * inner components will be unmounted\n         */\n        this.forceUpdate()\n      }\n    }\n\n    async present (prevProps?: Props) {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, ...cProps } = this.props\n      const elementProps = {\n        ...cProps,\n        ref: this.props.forwardedRef,\n        [didDismissEventName]: this.handleDismiss,\n        [didPresentEventName]: (e: CustomEvent) => this.props.onDidPresent && this.props.onDidPresent(e),\n        [willDismissEventName]: (e: CustomEvent) => this.props.onWillDismiss && this.props.onWillDismiss(e),\n        [willPresentEventName]: (e: CustomEvent) => this.props.onWillPresent && this.props.onWillPresent(e),\n      }\n\n      this.overlay = await controller.create({\n        ...elementProps,\n        component: this.el,\n        componentProps: {},\n      })\n\n      setRef(this.props.forwardedRef, this.overlay)\n      attachProps(this.overlay, elementProps, prevProps)\n\n      await this.overlay.present()\n    }\n\n    render () {\n      /**\n       * Continue to render the component even when\n       * overlay is dismissing otherwise component\n       * will be hidden before animation is done.\n       */\n      return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el)\n    }\n  }\n\n  return React.forwardRef<OverlayType, Props>((props, ref) => {\n    // Note: 组件库错误引入 vue 的 ts 类型，导致 ts 报错，这里先忽略\n    // @ts-ignore\n    return <Overlay {...props} forwardedRef={ref} />\n  })\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export { createReactComponent } from './createComponent';
-export { createOverlayComponent } from './createOverlayComponent';
+export { createReactComponent } from "./createComponent.js";
+export { createOverlayComponent } from "./createOverlayComponent.js";

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

@@ -1,5 +1,5 @@
-export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
-export declare const isCoveredByReact: (__eventNameSuffix: string) => boolean;
+declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
+declare const isCoveredByReact: (__eventNameSuffix: string) => boolean;
 interface EventCenter {
     [key: string]: EventCenter.EventCallback | undefined;
 }
@@ -12,7 +12,7 @@ declare namespace EventCenter {
 type HTMLElementWithEvents = HTMLElement & {
     __events?: EventCenter;
 };
-export declare const syncEvent: (node: HTMLElementWithEvents, eventName: string, newEventHandler?: (e: Event) => any) => void;
-export declare const attachProps: (node: HTMLElementWithEvents, newProps: any, oldProps?: any) => void;
-export declare function applyUnControlledDefaultValue(node: HTMLElementWithEvents, props: any): void;
-export {};
+declare const syncEvent: (node: HTMLElementWithEvents, eventName: string, newEventHandler?: (e: Event) => any) => void;
+declare const attachProps: (node: HTMLElementWithEvents, newProps: any, oldProps?: any) => void;
+declare function applyUnControlledDefaultValue(node: HTMLElementWithEvents, props: any): void;
+export { getClassName, isCoveredByReact, syncEvent, attachProps, applyUnControlledDefaultValue };

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":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/attachProps.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport { flushSync, unstable_batchedUpdates } from 'react-dom'\n\nimport { camelToDashCase } from './case'\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\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// Note(taro): 禁用 react 合成事件抛出 (避免自定义事件属性调用问题, 例如: event.detail.value 等)\nexport const isCoveredByReact = (__eventNameSuffix: string) => false\n\ninterface EventCenter {\n  [key: string]: EventCenter.EventCallback | undefined\n}\n\nnamespace EventCenter {\n  export interface EventCallback {\n    (e: Event): any\n    fn?: (e: Event) => any\n  }\n}\n\ntype HTMLElementWithEvents = HTMLElement & { __events?: EventCenter }\n\nfunction getComponentName (node: HTMLElement): string {\n  return node.tagName.replace(/^TARO-/, '').replace(/-CORE$/, '')\n}\n\nfunction getControlledValue (node: HTMLElement): string | null {\n  const componentName = getComponentName(node)\n  if (['INPUT', 'TEXTAREA', 'SLIDER', 'PICKER'].includes(componentName)) {\n    return 'value'\n  } else if (componentName === 'SWITCH') {\n    // Radio、Checkbox 受 RadioGroup、CheckboxGroup 控制，不支持受控\n    return 'checked'\n  } else {\n    return null\n  }\n}\n\nfunction getPropsAfterReactUpdate (node: HTMLElement): Record<string, any> | null {\n  const key = Object.keys(node).find(key => key.includes('__reactProps'))\n  if (key) {\n    return node[key] as Record<string, any>\n  } else {\n    return null\n  }\n}\n\nfunction finishedEventHandler (node: HTMLElement) {\n  const controlledValue = getControlledValue(node)\n\n  // 不是可以受控的表单组件，直接返回\n  if (!controlledValue) return\n\n  // 立即执行事件回调中用户可能触发了的 React 更新\n  flushSync(() => {})\n\n  // 组件在 React 更新后的 React props\n  const newProps = getPropsAfterReactUpdate(node)\n  if (newProps?.hasOwnProperty(controlledValue) && newProps[controlledValue] !== node[controlledValue]) {\n    // 如果 React Props 的 value 和 DOM 上的 value 不一致，以 React Props 为准（受控）\n    node[controlledValue] = newProps[controlledValue]\n    node.setAttribute(controlledValue, newProps[controlledValue])\n  }\n}\n\nexport const syncEvent = (\n  node: HTMLElementWithEvents,\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events ||= {}\n  const oldEventHandler = eventStore[eventName]\n\n  if (!newEventHandler) {\n    oldEventHandler && node.removeEventListener(eventName, oldEventHandler)\n  } else {\n    if (oldEventHandler) {\n      if (oldEventHandler.fn === newEventHandler) {\n        return\n      } else {\n        // 删除旧的，绑定新的\n        node.removeEventListener(eventName, oldEventHandler)\n      }\n    }\n\n    const listener: EventCenter.EventCallback = eventStore[eventName] = function (e: Event) {\n      // React batch event updates\n      unstable_batchedUpdates(() => newEventHandler.call(this, e))\n      // 控制是否更新受控组件的 value 值\n      finishedEventHandler(node)\n    }\n    listener.fn = newEventHandler\n    node.addEventListener(\n      eventName,\n      listener\n    )\n  }\n}\n\n// TODO(performace): ReactComponent 已更新了一次，这里手动更新可能存在重复设置属性的问题\nexport const attachProps = (node: HTMLElementWithEvents, 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    Object.keys(oldProps).forEach((name) => {\n      if (['style', 'children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      // Note: 移除节点上冗余事件、属性\n      if (!newProps.hasOwnProperty(name)) {\n        if (/^on([A-Z].*)/.test(name)) {\n          const eventName = name.substring(2)\n          const eventNameLc = eventName.toLowerCase()\n\n          if (!isCoveredByReact(eventNameLc)) {\n            syncEvent(node, eventNameLc)\n          }\n        } else {\n          (node as any)[name] = null\n          node.removeAttribute(camelToDashCase(name))\n        }\n      }\n    })\n    // add any classes in className to the class list\n    node.className = getClassName(node.classList, newProps, oldProps)\n\n    Object.keys(newProps).forEach((name) => {\n      /** Note(taro): 优化 style 属性的处理\n       * 1. 考虑到兼容旧版本项目，支持使用字符串配置 style 属性，但这并非推荐写法，且不考虑优化在 style 移除时同步删除属性\n       * 2. style 属性应当交与前端 UI 框架自行处理，不考虑实现类似于 reactify-wc 的更新策略\n       */\n      if ((name === 'style' && typeof newProps[name] !== 'string') || ['children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      if (/^on([A-Z].*)/.test(name)) {\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    // 保证受控组件会被默认绑定一个空事件，用于触发 finishedEventHandler 中的受控逻辑\n    const controlledValue = getControlledValue(node)\n    if (\n      controlledValue &&\n      newProps.hasOwnProperty(controlledValue)\n    ) {\n      const handleChangeEvent = ['INPUT', 'TEXTAREA'].includes(getComponentName(node)) ? 'input' : 'change'\n      node.__events ||= {}\n      if (!node.__events.hasOwnProperty(handleChangeEvent)) {\n        syncEvent(node, handleChangeEvent, function () {})\n      }\n    }\n  }\n}\n\nexport function applyUnControlledDefaultValue (node: HTMLElementWithEvents, props: any) {\n  const controlledValue = getControlledValue(node)\n\n  // 不是可以受控的表单组件，直接返回\n  if (!controlledValue) return\n\n  const defaultValueName = 'default' + controlledValue.charAt(0).toUpperCase() + controlledValue.slice(1)\n  if (!props.hasOwnProperty(controlledValue) && props.hasOwnProperty(defaultValueName)) {\n    // 如果是可以受控的表单组件，当没有传入 value/checked 而是传入 defaultValue/defaultChecked 时，把表单值初始化为 defaultValue/defaultChecked\n    node[controlledValue] = props[defaultValueName]\n    node.setAttribute(controlledValue, props[defaultValueName])\n  }\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":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/attachProps.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport { flushSync, unstable_batchedUpdates } from 'react-dom'\n\nimport { camelToDashCase } from './case'\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\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// Note(taro): 禁用 react 合成事件抛出 (避免自定义事件属性调用问题, 例如: event.detail.value 等)\nexport const isCoveredByReact = (__eventNameSuffix: string) => false\n\ninterface EventCenter {\n  [key: string]: EventCenter.EventCallback | undefined\n}\n\nnamespace EventCenter {\n  export interface EventCallback {\n    (e: Event): any\n    fn?: (e: Event) => any\n  }\n}\n\ntype HTMLElementWithEvents = HTMLElement & { __events?: EventCenter }\n\nfunction getComponentName (node: HTMLElement): string {\n  return node.tagName.replace(/^TARO-/, '').replace(/-CORE$/, '')\n}\n\nfunction getControlledValue (node: HTMLElement): string | null {\n  const componentName = getComponentName(node)\n  if (['INPUT', 'TEXTAREA', 'SLIDER', 'PICKER'].includes(componentName)) {\n    return 'value'\n  } else if (componentName === 'SWITCH') {\n    // Radio、Checkbox 受 RadioGroup、CheckboxGroup 控制，不支持受控\n    return 'checked'\n  } else {\n    return null\n  }\n}\n\nfunction getPropsAfterReactUpdate (node: HTMLElement): Record<string, any> | null {\n  const key = Object.keys(node).find(key => key.includes('__reactProps'))\n  if (key) {\n    return node[key] as Record<string, any>\n  } else {\n    return null\n  }\n}\n\nfunction finishedEventHandler (node: HTMLElement) {\n  const controlledValue = getControlledValue(node)\n\n  // 不是可以受控的表单组件，直接返回\n  if (!controlledValue) return\n\n  // 立即执行事件回调中用户可能触发了的 React 更新\n  flushSync(() => {})\n\n  // 组件在 React 更新后的 React props\n  const newProps = getPropsAfterReactUpdate(node)\n  if (newProps?.hasOwnProperty(controlledValue) && newProps[controlledValue] !== node[controlledValue]) {\n    // 如果 React Props 的 value 和 DOM 上的 value 不一致，以 React Props 为准（受控）\n    node[controlledValue] = newProps[controlledValue]\n    node.setAttribute(controlledValue, newProps[controlledValue])\n  }\n}\n\nexport const syncEvent = (\n  node: HTMLElementWithEvents,\n  eventName: string,\n  newEventHandler?: (e: Event) => any\n) => {\n  const eventStore = node.__events ||= {}\n  const oldEventHandler = eventStore[eventName]\n\n  if (!newEventHandler) {\n    oldEventHandler && node.removeEventListener(eventName, oldEventHandler)\n  } else {\n    if (oldEventHandler) {\n      if (oldEventHandler.fn === newEventHandler) {\n        return\n      } else {\n        // 删除旧的，绑定新的\n        node.removeEventListener(eventName, oldEventHandler)\n      }\n    }\n\n    const listener: EventCenter.EventCallback = eventStore[eventName] = function (e: Event) {\n      // React batch event updates\n      unstable_batchedUpdates(() => newEventHandler.call(this, e))\n      // 控制是否更新受控组件的 value 值\n      finishedEventHandler(node)\n    }\n    listener.fn = newEventHandler\n    node.addEventListener(\n      eventName,\n      listener\n    )\n  }\n}\n\n// TODO(performace): ReactComponent 已更新了一次，这里手动更新可能存在重复设置属性的问题\nexport const attachProps = (node: HTMLElementWithEvents, 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    Object.keys(oldProps).forEach((name) => {\n      if (['style', 'children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      // Note: 移除节点上冗余事件、属性\n      if (!newProps.hasOwnProperty(name)) {\n        if (/^on([A-Z].*)/.test(name)) {\n          const eventName = name.substring(2)\n          const eventNameLc = eventName.toLowerCase()\n\n          if (!isCoveredByReact(eventNameLc)) {\n            syncEvent(node, eventNameLc)\n          }\n        } else {\n          (node as any)[name] = null\n          node.removeAttribute(camelToDashCase(name))\n        }\n      }\n    })\n    // add any classes in className to the class list\n    node.className = getClassName(node.classList, newProps, oldProps)\n\n    Object.keys(newProps).forEach((name) => {\n      /** Note(taro): 优化 style 属性的处理\n       * 1. 考虑到兼容旧版本项目，支持使用字符串配置 style 属性，但这并非推荐写法，且不考虑优化在 style 移除时同步删除属性\n       * 2. style 属性应当交与前端 UI 框架自行处理，不考虑实现类似于 reactify-wc 的更新策略\n       */\n      if ((name === 'style' && typeof newProps[name] !== 'string') || ['children', 'ref', 'class', 'className', 'forwardedRef'].includes(name)) {\n        return\n      }\n      if (/^on([A-Z].*)/.test(name)) {\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    // 保证受控组件会被默认绑定一个空事件，用于触发 finishedEventHandler 中的受控逻辑\n    const controlledValue = getControlledValue(node)\n    if (\n      controlledValue &&\n      newProps.hasOwnProperty(controlledValue)\n    ) {\n      const handleChangeEvent = ['INPUT', 'TEXTAREA'].includes(getComponentName(node)) ? 'input' : 'change'\n      node.__events ||= {}\n      if (!node.__events.hasOwnProperty(handleChangeEvent)) {\n        syncEvent(node, handleChangeEvent, function () {})\n      }\n    }\n  }\n}\n\nexport function applyUnControlledDefaultValue (node: HTMLElementWithEvents, props: any) {\n  const controlledValue = getControlledValue(node)\n\n  // 不是可以受控的表单组件，直接返回\n  if (!controlledValue) return\n\n  const defaultValueName = 'default' + controlledValue.charAt(0).toUpperCase() + controlledValue.slice(1)\n  if (!props.hasOwnProperty(controlledValue) && props.hasOwnProperty(defaultValueName)) {\n    // 如果是可以受控的表单组件，当没有传入 value/checked 而是传入 defaultValue/defaultChecked 时，把表单值初始化为 defaultValue/defaultChecked\n    node[controlledValue] = props[defaultValueName]\n    node.setAttribute(controlledValue, props[defaultValueName])\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -2,5 +2,6 @@
  * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/case.ts
  * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
  */
-export declare const dashToPascalCase: (str: string) => string;
-export declare const camelToDashCase: (str: string) => string;
+declare const dashToPascalCase: (str: string) => string;
+declare const camelToDashCase: (str: string) => string;
+export { dashToPascalCase, camelToDashCase };

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

@@ -3,12 +3,13 @@
  * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE
  */
 import React from 'react';
-import type { StyleReactProps } from '../interfaces';
-export type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
-export type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
-export declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
-export declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
-export declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
-export declare const defineCustomElement: (tagName: string, customElement: any) => void;
-export * from './attachProps';
-export * from './case';
+import { StyleReactProps } from "../../interfaces-f526f1a2.js";
+type StencilReactExternalProps<PropType, ElementType> = PropType & Omit<React.HTMLAttributes<ElementType>, 'style'> & StyleReactProps;
+type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;
+declare const setRef: (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => void;
+declare const mergeRefs: (...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]) => React.RefCallback<any>;
+declare const createForwardRef: <PropType, ElementType>(ReactComponent: any, displayName: string) => React.ForwardRefExoticComponent<React.PropsWithoutRef<StencilReactExternalProps<PropType, ElementType>> & React.RefAttributes<ElementType>>;
+declare const defineCustomElement: (tagName: string, customElement: any) => void;
+export { StencilReactExternalProps, StencilReactForwardedRef, setRef, mergeRefs, createForwardRef, defineCustomElement };
+export * from "./attachProps.js";
+export * from "./case.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/index.tsx"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/index.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport React from 'react'\n\nimport type { StyleReactProps } from '../interfaces'\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\nOmit<React.HTMLAttributes<ElementType>, 'style'> &\nStyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value)\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value\n  }\n}\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />\n  }\n  forwardRef.displayName = displayName\n\n  return React.forwardRef(forwardRef)\n}\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement)\n  }\n}\n\nexport * from './attachProps'\nexport * from './case'\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;MAYU,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,KAAI;AACpG,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAA;KACX;AAAM,SAAA,IAAI,GAAG,IAAI,IAAI,EAAE;;AAErB,QAAA,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAA;KACrD;AACH,EAAC;MAEY,SAAS,GAAG,CACvB,GAAG,IAAoE,KAC7C;IAC1B,OAAO,CAAC,KAAU,KAAI;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;AACpB,SAAC,CAAC,CAAA;AACJ,KAAC,CAAA;AACH,EAAC;MAEY,gBAAgB,GAAG,CAAwB,cAAmB,EAAE,WAAmB,KAAI;AAClG,IAAA,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA0C,KACxC;QACF,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,IAAE,YAAY,EAAE,GAAG,EAAA,CAAA,CAAI,CAAA;AACzD,KAAC,CAAA;AACD,IAAA,UAAU,CAAC,WAAW,GAAG,WAAW,CAAA;AAEpC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;AACrC,EAAC;MAEY,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,KAAI;AACzE,IAAA,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AACxG,QAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;KAC9C;AACH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../taro-components-library-react/src/react-component-lib/utils/index.tsx"],"sourcesContent":["/**\n * Modify from https://github.com/ionic-team/stencil-ds-output-targets/blob/main/packages/react-output-target/react-component-lib/utils/index.ts\n * MIT License https://github.com/ionic-team/stencil-ds-output-targets/blob/main/LICENSE\n */\nimport React from 'react'\n\nimport type { StyleReactProps } from '../interfaces'\n\nexport type StencilReactExternalProps<PropType, ElementType> = PropType &\nOmit<React.HTMLAttributes<ElementType>, 'style'> &\nStyleReactProps;\n\n// This will be replaced with React.ForwardedRef when react-output-target is upgraded to React v17\nexport type StencilReactForwardedRef<T> = ((instance: T | null) => void) | React.MutableRefObject<T | null> | null;\n\nexport const setRef = (ref: StencilReactForwardedRef<any> | React.Ref<any> | undefined, value: any) => {\n  if (typeof ref === 'function') {\n    ref(value)\n  } else if (ref != null) {\n    // Cast as a MutableRef so we can assign current\n    (ref as React.MutableRefObject<any>).current = value\n  }\n}\n\nexport const mergeRefs = (\n  ...refs: (StencilReactForwardedRef<any> | React.Ref<any> | undefined)[]\n): React.RefCallback<any> => {\n  return (value: any) => {\n    refs.forEach((ref) => {\n      setRef(ref, value)\n    })\n  }\n}\n\nexport const createForwardRef = <PropType, ElementType>(ReactComponent: any, displayName: string) => {\n  const forwardRef = (\n    props: StencilReactExternalProps<PropType, ElementType>,\n    ref: StencilReactForwardedRef<ElementType>\n  ) => {\n    return <ReactComponent {...props} forwardedRef={ref} />\n  }\n  forwardRef.displayName = displayName\n\n  return React.forwardRef(forwardRef)\n}\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement)\n  }\n}\n\nexport * from './attachProps'\nexport * from './case'\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;MAYU,MAAM,GAAG,CAAC,GAA+D,EAAE,KAAU,KAAI;AACpG,IAAA,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAA;AACX,KAAA;SAAM,IAAI,GAAG,IAAI,IAAI,EAAE;;AAErB,QAAA,GAAmC,CAAC,OAAO,GAAG,KAAK,CAAA;AACrD,KAAA;AACH,EAAC;MAEY,SAAS,GAAG,CACvB,GAAG,IAAoE,KAC7C;IAC1B,OAAO,CAAC,KAAU,KAAI;AACpB,QAAA,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;AACpB,SAAC,CAAC,CAAA;AACJ,KAAC,CAAA;AACH,EAAC;MAEY,gBAAgB,GAAG,CAAwB,cAAmB,EAAE,WAAmB,KAAI;AAClG,IAAA,MAAM,UAAU,GAAG,CACjB,KAAuD,EACvD,GAA0C,KACxC;QACF,OAAO,KAAA,CAAA,aAAA,CAAC,cAAc,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,IAAE,YAAY,EAAE,GAAG,EAAA,CAAA,CAAI,CAAA;AACzD,KAAC,CAAA;AACD,IAAA,UAAU,CAAC,WAAW,GAAG,WAAW,CAAA;AAEpC,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAA;AACrC,EAAC;MAEY,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,KAAI;AACzE,IAAA,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AACxG,QAAA,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAA;AAC9C,KAAA;AACH;;;;"}

package/lib/vue2/component-lib/components.d.ts

@@ -0,0 +1,111 @@
+declare const components: (string | (string | {
+    type: string;
+    component: {
+        name: string;
+        mixins: ({
+            computed: {
+                listeners(): any;
+            };
+        } | {
+            mounted(): void;
+            beforeDestroy(): void;
+        })[];
+        props: {
+            scrollX: BooleanConstructor;
+            scrollY: BooleanConstructor;
+        };
+        render(createElement: any): any;
+    };
+})[] | (string | {
+    classNames: string[];
+})[] | (string | {
+    type: string;
+    component: {
+        name: string;
+        mixins: ({
+            computed: {
+                listeners(): any;
+            };
+        } | {
+            mounted(): void;
+            beforeDestroy(): void;
+        })[];
+        props: {
+            type: StringConstructor;
+        };
+        render(createElement: any): any;
+    };
+})[] | (string | {
+    type: string;
+    component: {
+        name: string;
+        mixins: ({
+            computed: {
+                listeners(): any;
+            };
+        } | {
+            mounted(): void;
+            beforeDestroy(): void;
+        })[];
+        props: {
+            selectable: BooleanConstructor;
+        };
+        render(createElement: any): any;
+    };
+})[] | (string | {
+    type: string;
+    event: string;
+})[] | (string | {
+    type: string;
+    component: {
+        name: string;
+        mixins: ({
+            computed: {
+                listeners(): any;
+            };
+        } | {
+            mounted(): void;
+            beforeDestroy(): void;
+        })[];
+        model: {
+            event: string;
+        };
+        props: {
+            range: ArrayConstructor;
+            rangeKey: StringConstructor;
+            value: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+        };
+        mounted(): void;
+        watch: {
+            value(newVal: any): void;
+        };
+        render(createElement: any): any;
+    };
+})[] | (string | {
+    type: string;
+    event: string;
+    modelValue: string;
+    classNames: string[];
+})[] | (string | {
+    type: string;
+    event: string;
+    modelValue: string;
+})[] | (string | {
+    type: string;
+    component: {
+        name: string;
+        mixins: ({
+            computed: {
+                listeners(): any;
+            };
+        } | {
+            mounted(): void;
+            beforeDestroy(): void;
+        })[];
+        props: {
+            mode: StringConstructor;
+        };
+        render(createElement: any): any;
+    };
+})[])[];
+export { components as default };

package/lib/vue2/component-lib/components.js

@@ -0,0 +1,74 @@
+import Icon from './icon.js';
+import Image from './image.js';
+import Picker from './picker.js';
+import ScrollView from './scroll-view.js';
+import Text from './text.js';
+
+const components = [
+    // 视图容器
+    'taro-cover-image',
+    'taro-cover-view',
+    'taro-match-media',
+    'taro-movable-area',
+    'taro-movable-view',
+    'taro-page-container',
+    'taro-root-portal',
+    ['taro-scroll-view', { type: 'component', component: ScrollView }],
+    'taro-share-element',
+    'taro-swiper',
+    ['taro-swiper-item', { classNames: ['swiper-slide'] }],
+    'taro-view',
+    // 基础内容
+    ['taro-icon', { type: 'component', component: Icon }],
+    ['taro-progress', { classNames: ['weui-progress'] }],
+    'taro-rich-text',
+    ['taro-text', { type: 'component', component: Text }],
+    // 表单组件
+    'taro-button',
+    ['taro-checkbox', { classNames: ['weui-cells_checkbox'] }],
+    'taro-checkbox-group',
+    'taro-editor',
+    'taro-form',
+    ['taro-input', { type: 'forms', event: 'input' }],
+    'taro-keyboard-accessory',
+    'taro-label',
+    ['taro-picker', { type: 'component', component: Picker }],
+    'taro-picker-view',
+    'taro-picker-view-column',
+    ['taro-radio', { classNames: ['weui-cells_checkbox'] }],
+    ['taro-radio-group', { classNames: ['weui-cells_radiogroup'] }],
+    ['taro-slider', { type: 'forms', event: 'change', modelValue: 'value', classNames: ['weui-slider-box'] }],
+    ['taro-switch', { type: 'forms', event: 'change', modelValue: 'checked' }],
+    ['taro-textarea', { type: 'forms', event: 'input' }],
+    // 导航
+    'taro-functional-page-navigator',
+    'taro-navigator',
+    // 媒体组件
+    'taro-audio',
+    'taro-camera',
+    ['taro-image', { type: 'component', component: Image }],
+    'taro-live-player',
+    ['taro-video', { classNames: ['taro-video-container'] }],
+    'taro-voip-room',
+    // 地图
+    'taro-map',
+    // 画布
+    'taro-canvas',
+    // 开放能力
+    'taro-web-view',
+    'taro-ad',
+    'taro-ad-custom',
+    'taro-official-account',
+    'taro-open-data',
+    // 导航栏
+    'taro-navigation-bar',
+    // 页面属性配置节点
+    'taro-page-meta',
+    // 其他
+    'taro-block',
+    'taro-custom-wrapper',
+    'taro-slot'
+];
+
+export { components as default };
+//# sourceMappingURL=components.js.map

package/lib/vue2/component-lib/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sources":["../../../../taro-components-library-vue2/src/component-lib/components.ts"],"sourcesContent":["import Icon from './icon'\nimport Image from './image'\nimport Picker from './picker'\nimport ScrollView from './scroll-view'\nimport Text from './text'\n\nconst components = [\n  // 视图容器\n  'taro-cover-image',\n  'taro-cover-view',\n  'taro-match-media',\n  'taro-movable-area',\n  'taro-movable-view',\n  'taro-page-container',\n  'taro-root-portal',\n  ['taro-scroll-view', { type: 'component', component: ScrollView }],\n  'taro-share-element',\n  'taro-swiper',\n  ['taro-swiper-item', { classNames: ['swiper-slide'] }],\n  'taro-view',\n\n  // 基础内容\n  ['taro-icon', { type: 'component', component: Icon }],\n  ['taro-progress', { classNames: ['weui-progress'] }],\n  'taro-rich-text',\n  ['taro-text', { type: 'component', component: Text }],\n\n  // 表单组件\n  'taro-button',\n  ['taro-checkbox', { classNames: ['weui-cells_checkbox'] }],\n  'taro-checkbox-group',\n  'taro-editor',\n  'taro-form',\n  ['taro-input', { type: 'forms', event: 'input' }],\n  'taro-keyboard-accessory',\n  'taro-label',\n  ['taro-picker', { type: 'component', component: Picker }],\n  'taro-picker-view',\n  'taro-picker-view-column',\n  ['taro-radio', { classNames: ['weui-cells_checkbox'] }],\n  ['taro-radio-group', { classNames: ['weui-cells_radiogroup'] }],\n  ['taro-slider', { type: 'forms', event: 'change', modelValue: 'value', classNames: ['weui-slider-box'] }],\n  ['taro-switch', { type: 'forms', event: 'change', modelValue: 'checked' }],\n  ['taro-textarea', { type: 'forms', event: 'input' }],\n\n  // 导航\n  'taro-functional-page-navigator',\n  'taro-navigator',\n\n  // 媒体组件\n  'taro-audio',\n  'taro-camera',\n  ['taro-image', { type: 'component', component: Image }],\n  'taro-live-player',\n  ['taro-video', { classNames: ['taro-video-container'] }],\n  'taro-voip-room',\n\n  // 地图\n  'taro-map',\n\n  // 画布\n  'taro-canvas',\n\n  // 开放能力\n  'taro-web-view',\n  'taro-ad',\n  'taro-ad-custom',\n  'taro-official-account',\n  'taro-open-data',\n\n  // 导航栏\n  'taro-navigation-bar',\n\n  // 页面属性配置节点\n  'taro-page-meta',\n\n  // 其他\n  'taro-block',\n  'taro-custom-wrapper',\n  'taro-slot'\n]\n\nexport default components\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,UAAU,GAAG;;IAEjB,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB;IACnB,mBAAmB;IACnB,qBAAqB;IACrB,kBAAkB;IAClB,CAAC,kBAAkB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;IAClE,oBAAoB;IACpB,aAAa;IACb,CAAC,kBAAkB,EAAE,EAAE,UAAU,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC;IACtD,WAAW;;IAGX,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACrD,CAAC,eAAe,EAAE,EAAE,UAAU,EAAE,CAAC,eAAe,CAAC,EAAE,CAAC;IACpD,gBAAgB;IAChB,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;IAGrD,aAAa;IACb,CAAC,eAAe,EAAE,EAAE,UAAU,EAAE,CAAC,qBAAqB,CAAC,EAAE,CAAC;IAC1D,qBAAqB;IACrB,aAAa;IACb,WAAW;IACX,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;IACjD,yBAAyB;IACzB,YAAY;IACZ,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;IACzD,kBAAkB;IAClB,yBAAyB;IACzB,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,CAAC,qBAAqB,CAAC,EAAE,CAAC;IACvD,CAAC,kBAAkB,EAAE,EAAE,UAAU,EAAE,CAAC,uBAAuB,CAAC,EAAE,CAAC;IAC/D,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC;AACzG,IAAA,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;IAC1E,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;;IAGpD,gCAAgC;IAChC,gBAAgB;;IAGhB,YAAY;IACZ,aAAa;IACb,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IACvD,kBAAkB;IAClB,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,CAAC,sBAAsB,CAAC,EAAE,CAAC;IACxD,gBAAgB;;IAGhB,UAAU;;IAGV,aAAa;;IAGb,eAAe;IACf,SAAS;IACT,gBAAgB;IAChB,uBAAuB;IACvB,gBAAgB;;IAGhB,qBAAqB;;IAGrB,gBAAgB;;IAGhB,YAAY;IACZ,qBAAqB;IACrB,WAAW;;;;;"}

package/lib/vue2/component-lib/createComponent.d.ts

@@ -0,0 +1,14 @@
+declare function createComponent(name: any, classNames?: any[]): {
+    name: any;
+    mixins: ({
+        computed: {
+            listeners(): any;
+        };
+    } | {
+        mounted(): void;
+        beforeDestroy(): void;
+    })[];
+    props: string[];
+    render(createElement: any): any;
+};
+export { createComponent as default };

package/lib/vue2/component-lib/createComponent.js

@@ -0,0 +1,23 @@
+import { listeners } from './mixins/listeners.js';
+import { refs } from './mixins/refs.js';
+
+function createComponent(name, classNames = []) {
+    return {
+        name,
+        mixins: [listeners, refs],
+        props: ['nativeProps'],
+        render(createElement) {
+            return createElement(`${name}-core`, {
+                class: ['hydrated', ...classNames],
+                domProps: {
+                    nativeProps: this.nativeProps
+                },
+                attrs: this.$attrs,
+                on: this.listeners
+            }, this.$slots.default);
+        }
+    };
+}
+
+export { createComponent as default };
+//# sourceMappingURL=createComponent.js.map

package/lib/vue2/component-lib/createComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.js","sources":["../../../../taro-components-library-vue2/src/component-lib/createComponent.ts"],"sourcesContent":["import { listeners } from './mixins/listeners'\nimport { refs } from './mixins/refs'\n\nexport default function createComponent (name, classNames = []) {\n  return {\n    name,\n    mixins: [listeners, refs],\n    props: ['nativeProps'],\n    render (createElement) {\n      return createElement(`${name}-core`, {\n        class: ['hydrated', ...classNames],\n        domProps: {\n          nativeProps: this.nativeProps\n        },\n        attrs: this.$attrs,\n        on: this.listeners\n      }, this.$slots.default)\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAGwB,SAAA,eAAe,CAAE,IAAI,EAAE,UAAU,GAAG,EAAE,EAAA;IAC5D,OAAO;QACL,IAAI;AACJ,QAAA,MAAM,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC;QACzB,KAAK,EAAE,CAAC,aAAa,CAAC;AACtB,QAAA,MAAM,CAAE,aAAa,EAAA;AACnB,YAAA,OAAO,aAAa,CAAC,CAAG,EAAA,IAAI,OAAO,EAAE;AACnC,gBAAA,KAAK,EAAE,CAAC,UAAU,EAAE,GAAG,UAAU,CAAC;AAClC,gBAAA,QAAQ,EAAE;oBACR,WAAW,EAAE,IAAI,CAAC,WAAW;AAC9B,iBAAA;gBACD,KAAK,EAAE,IAAI,CAAC,MAAM;gBAClB,EAAE,EAAE,IAAI,CAAC,SAAS;AACnB,aAAA,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;SACxB;KACF,CAAA;AACH;;;;"}

package/lib/vue2/component-lib/createFormsComponent.d.ts

@@ -0,0 +1,22 @@
+declare function createFormsComponent(name: any, event: any, modelValue?: string, classNames?: any[]): {
+    name: any;
+    mixins: ({
+        computed: {
+            listeners(): any;
+        };
+    } | {
+        mounted(): void;
+        beforeDestroy(): void;
+    })[];
+    model: {
+        prop: string;
+        event: string;
+    };
+    props: Record<string, any>;
+    methods: {
+        input(e: any): void;
+        change(e: any): void;
+    };
+    render(createElement: any): any;
+};
+export { createFormsComponent as default };